Der wohl wichtigste CTA in jedem Onlineshop: Der Warenkorb-Button! Wir haben uns mal die Warenkorb-Buttons von 50 der erfolgreichsten Onlineshops in Deutschland genauer angeschaut.

50 Shops - 50 CTAs

Uns war vorher schon klar, dass uns eine enorme Varianz erwarten wird. Aber dass sich die Warenkorb-Buttons in diesem Maß in Form, Größe, Icons, Farben und Texten unterscheiden hat selbst uns überrascht.

‍

Welchen Text nutzen die Top Shops für den Warenkorb-Button?

Fast alle der untersuchten Seiten nutzen einen Text im Button. Nur Zoo Plus und Rewe verzichten auf einen textuellen Call-to-action und verwenden lediglich einen kleinen Button mit Einkaufswagen.

34 der untersuchten Shops nutzen den CTA "In den Warenkorb" und drei weitere Variationen davon. Amazon und Conrad bevorzugen "In den Einkaufswagen" während sich Bonprix für "In die Einkaufstasche entschieden hat". Apple, Cyberport, H&M und Aboutyou begnügen sich mit einem einfachen "Hinzufügen". Tchibo wählt als einziger die Version "Anmelden und bestellen" - es dürfte zu bezweifeln sein, dass es sinnvoll ist dem User die Hürde der Anmeldung beim Stöbern schon vor Augen zu halten. Bei Hornbach wird differenziert zwischen Onlinebestellung und einer Click-and-collect Variante. Daher setzt man dort auf "Online bestellen". Mit "Ab in die Kiste" hat der Erotikartikel-Versand Eis.de den wohl individuellsten CTA, dicht gefolgt von Asos mit "In meine Tasche".

UPDATE: Bei Tchibo scheint es sich um einen AB-Test gehandelt zu haben. Mittlerweile taucht dort auch nur noch "In den Warenkorb" auf.

Warenkorb Button mit Icon?

Mit 52% nutzen etwas mehr als die Hälfte ein Icon im Button (26/50). Dabei handelt es sich immer um die simplifizierte Darstellung eines Einkaufswagens (18) oder einer Tragetasche (8).

Bei Thomann, Mindfactory, Zooplus und Medikamente-per-Klick hat man sich darüber hinaus entschieden die Mengenangabe und den Warenkorb-Button zu verheiraten. Bei allen anderen Shops ist die Mengenangabe zwar in der Nähe, aber separiert.

Fazit: Viel Freiheit innerhalb klarer Grenzen

Es scheint als ob sich in Deutschland die Bezeichnung "In den Warenkorb" die gängigste ist. Daher wäre auf den ersten Blick davon abzuraten hier zu stark abzuweichen. Der Warenkorb-Button sollte auch nicht zu klein sein. Gerade die Varianten ohne Text dürften dem Kunden erstmal 1-2 unnötige Sekunden der Orientierung abverlangen. Die Verwendung  eines Icons scheint aufgrund der Verteilung optional zu sein. Einziger Vorteil des Icons ist die Sprach-Unabhängigkeit.

Letzten Endes muss der Warenkorb-Button in das Corporate Design des Onlineshops passen. Er muss sich farblich abheben und sollte jene Farbe haben, die im gesamten Shop als primäre Akzentfarbe dient. Es sollte vermieden werden in der Nähe andere Buttons mit der gleichen Farbe zu verwenden, hierfür lieber eine sekundäre Akzentfarbe verwenden. Das gleiche gilt auch für den Zur-Kasse-Button oder die Weiter-Buttons im Checkout. Der Kunde muss diese Buttons intuitiv finden und bedienen. Dann kann man bei den restlichen Faktoren auch gerne mal von der Norm abweichen.

Quellenverzeichnis:

1) https://www.amazon.de/

2) https://www.otto.de/

3) https://www.zalando.de/4) https://www.mediamarkt.de/

5) https://www.notebooksbilliger.de/

6) https://www.lidl.de/7) https://www.saturn.de/

8) https://www.bonprix.de/

9) https://www.apple.com/de/

10) https://www.mytheresa.com/de-de/

11) https://www.cyberport.de/

12) https://www.alternate.de/

13) https://www.conrad.de/

14) https://www.aboutyou.de/

15) https://www2.hm.com/de_de/

16) https://www.ikea.com/de/de/

17) https://www.tchibo.de/

18) https://www.docmorris.de/

19) https://www.baur.de/

20) https://www.shop-apotheke.com/

21) https://www.emma-matratze.de/

22) https://www.thomann.de/de/

23) https://qvc.de/

24) https://www.mindfactory.de/

25) https://www.douglas.de/de

26) https://www.mytoys.de/

27) https://www.zooplus.de/

28) https://www.bett1.de/

29) https://www.limango.de/

30) https://www.esprit.de/

31) https://www.obi.de/

32) https://www.breuninger.com/de/

33) https://www.asos.com/de/

34) https://www.hornbach.de/

35) https://www.klingel.de/

36) https://www.flaconi.de/

37) https://www.ao.de/

38) https://www.medpex.de/

39) https://www.galeria.de/

40) https://www.wayfair.de/

41) https://www.hse.de/

42) https://www.home24.de/

43) https://www.eis.de/

44) https://www.reuter.de/

45) https://de.shein.com/

46) https://www.medikamente-per-klick.de/

47) https://soliver.de/

48) https://www.medimops.de/

49) https://www.westfalia.de/

50) https://www.rewe.de/