Mehr Umsatz mit Ihrem WooCommerce-Shop? Die Conversions sind bei den meisten Onlineshops das Problem. Hat der Besucher etwas in den Warenkorb gelegt vergessen meist bis zu 80%, dass sie den Kauf noch abschließen und fertig stellen müssen. Es wird gestöbert oder weiter gesurft und selbst bei mehrmaligen Besuchen des Shops, wird nicht gekauft. Wir haben eine von vielen Lösungen und Hilfen für Ihren WooCommerce-Shop.
Damit der Nutzer den Warenkorb nie aus den Augen verliert, lassen wir diesen, egal wo er sich befindet und egal wie das Layout ist, grün als Signalfarbe erscheinen. Dies kann bis zu 20-30% mehr Conversions (Verkäufen) führen.
Und das ist denkbar einfach:
Code aus PDF-Datei kopieren und in die functions.php des Childthemes einfügen.
PDF-Datei mit Code anzeigen
Unser CSS-Code für den Warenkorb und die Kasse beim WooCommerce-Template „Woodmart“:
/* CHECKOUT CART BOOST */
body.cart_has_items .woodmart-shopping-cart .woodmart-cart-wrapper .woodmart-cart-subtotal span, body.cart_has_items .woodmart-shopping-cart .woodmart-cart-icon, body.cart_has_items .woodmart-shopping-cart .woodmart-cart-icon::before { color: green; }
body.cart_has_items .woodmart-shopping-cart .woodmart-cart-wrapper { border-bottom: 3px solid green; }
body.cart_has_items .woocommerce-mini-cart__buttons .button { background: green !important; }
@media screen and (max-width:960px) { body.cart_has_items .woodmart-cart-number { background: green !important; color: white !important; } }
.checkout-button, button#place_order { background: green !important; padding: 20px 28px !important; font-size: 120% !important; }
Tipp: Übrigens gibt es das super Template für WooCommerce hier zu kaufen:
zum WoodMart WooCommerce Template*
Bitte beachten: Bei anderen Templates muss der CSS-Code angepasst werden.
Empfehlung um nicht direkt im Template und Code arbeiten zu müssen -> WordPress Plugin Code Snippets
Fragen zu und um WordPress/WooCommerce? Jetzt anfragen:
E-Mail: fi@vastcob.com
Florian Ibe
Please wait while you are redirected to the right page...