· Chand Lal · ursprünglich veröffentlicht auf LinkedIn
CRO-Tipp: Sticky Warenkorb-Button & Größen als Buttons statt Dropdown (Mobile)
Mobile-CRO-Tipp: Halt „In den Warenkorb“ per Sticky-Leiste einen Tipp entfernt und zeig Größen als Buttons statt Dropdown. Plus 6-Punkte-Checkliste.
Das Wichtigste in Kürze
Schneller CRO-Tipp: Halt „In den Warenkorb“ auf dem Handy einen Tipp entfernt und zeig Größen als Buttons, nicht als Dropdown.
AuditStack findet genau solche Stellen. Der erste Audit ist gratis, wenn du es an deinem Shop testen willst.
Das Karussell
Das Problem: Mobil ist der Button weggescrollt
Deine Kund:innen scrollen durch Fotos, Details und Bewertungen. Jetzt sind sie überzeugt, und der Warenkorb-Button ist 3 Screens weiter oben. Größen verstecken sich in einem winzigen Dropdown, niemand sieht, was auf Lager ist, und „Bitte wähle eine Größe“ erscheint erst beim Kaufversuch.
Jedes extra Scrollen und Tippen ist ein Moment, um abzuspringen.
Warum es dich kostet
Die meisten Shops bekommen den Großteil ihres Traffics übers Smartphone, konvertieren ihn aber schlechter als am Desktop. Check deine eigenen Analytics. Ein Kauf-Button, der im Moment der Kaufabsicht nicht zu sehen ist, ist eines der günstigsten Lecks, die du stopfen kannst.
Apple empfiehlt mindestens 44 pt große Tap-Flächen (bei Android laut Google Material Design 48 dp). Das Ziel: 1 Tap, mit dem Kauf-Button immer in Daumenreichweite.
Die Lösung: Sticky-Leiste + antippbare Varianten
- Sticky-Leiste. Erscheint, sobald der Haupt-Button aus dem Bild scrollt. Bleibt unten, in Daumenreichweite.
- Preis in der Leiste. Kein Zurückscrollen, um den Preis zu checken.
- Größen-Buttons. Antippbare Chips statt Dropdown. Die Größe ist gewählt, bevor getippt wird.
- Ausverkauft = ausgegraut. Zeigen, durchstreichen. Keine Überraschungsfehler.
Schnelle Checkliste: Teste es heute auf deinem Handy
- Warenkorb-Button erreichbar, egal wo auf der Seite
- Sticky-Leiste zeigt Preis + gewählte Variante
- Button mindestens 44 pt hoch, volle Breite
- Größen/Farben als Buttons, kein Dropdown
- Ausverkauftes schon vor dem Tippen ausgegraut
- Leiste verdeckt weder Chat-Widget noch Cookie-Banner
Miss es
Prüf in deinen Analytics die Geräteverteilung und die Conversion-Rate pro Gerät, vor und nach der Änderung.
Gratis-Audit mit AuditStack
AuditStack prüft Produktseiten auf genau solche Lücken. Füg auf auditstack.de die URL einer Produktseite ein und du bekommst die wichtigsten Probleme und die genauen Fixes. Der erste Audit ist gratis.
Häufige Fragen
Was ist eine Sticky-Add-to-Cart-Leiste?
Eine Leiste, die erscheint, sobald der Haupt-Button „In den Warenkorb“ aus dem Bild scrollt. Sie bleibt mit Preis und gewählter Variante unten am Bildschirm, damit der Kauf immer einen Tipp entfernt ist.
Warum Größen als Buttons statt Dropdown?
Im Dropdown verstecken sich Größen in einem winzigen Picker, niemand sieht den Lagerbestand, und „Bitte wähle eine Größe“ kommt erst nach dem Tippen. Mit Buttons wählt man zuerst, Ausverkauftes ist ausgegraut.
Wie groß sollte ein mobiler Kauf-Button sein?
Mindestens 44 pt hoch, das ist Apples Mindestgröße für Tap-Flächen (48 dp bei Android), und volle Breite.
Woran sehe ich, ob die Änderung wirkt?
Vergleich in deinen Analytics die Geräteverteilung und die Conversion-Rate pro Gerät vor und nach der Änderung.
Kann AuditStack meine Produktseite prüfen?
Ja. Füg auf auditstack.de die URL einer Produktseite ein und du bekommst die wichtigsten Probleme und die genauen Fixes. Der erste Audit ist gratis.
