Leiste für kostenlosen Versand im Onlineshop
Lege den Wert für kostenlosen Versand fest und teste ihn mit dem Regler für die Warenkorbsumme. Die Leiste füllt sich und die Nachricht ändert sich, wenn der Kunde den Wert erreicht.
So geht’sNoch 30 € bis zum kostenlosen Versand
Verfügbar auf: 
Leiste für kostenlosen Versand im Onlineshop: wofür es gut ist
Die Gratisversand-Leiste zeigt dem Kunden, wie viel noch bis zum kostenlosen Versand fehlt, und das motiviert, einen weiteren Artikel in den Warenkorb zu legen, statt wegen der Versandkosten abzubrechen. Lege den Mindestwert, die Nachricht für den fehlenden Betrag (mit dem Betrag in Euro anstelle von {valor}) und die Nachricht beim Erreichen fest.
Der Code erstellt die Funktion freteGratis(total), die du aufrufst, sobald sich die Warenkorbsumme ändert. Die Leiste nutzt das Element progress und die Nachricht wird Screenreadern angesagt. Teste mit dem Summenregler direkt auf der Seite.
So geht’s
- Lege den Wert für kostenlosen Versand fest.
- Schreibe die Nachrichten und wähle die Farbe.
- Kopiere den Code und rufe freteGratis(total) im Warenkorb auf.
Wann nutzen
- Warenkorb eines Onlineshops.
- Oben auf der Produktseite.
- Checkout-Seite.
Häufige Fragen
Steigert die Leiste für kostenlosen Versand den Umsatz?
Sie zeigt, wie viel noch fehlt, um den Vorteil zu erhalten, was Kunden motiviert, einen weiteren Artikel hinzuzufügen, statt den Warenkorb wegen der Versandkosten zu verlassen. Sie funktioniert am besten, wenn der Mindestwert etwas über dem durchschnittlichen Warenkorbwert des Shops liegt.
Wie verbinde ich die Leiste mit meinem Warenkorb?
Der Code erstellt die Funktion freteGratis(total). Rufe diese Funktion auf, sobald sich die Warenkorbsumme ändert, zum Beispiel freteGratis(87.5), und Leiste und Nachricht aktualisieren sich. Bei fertigen Plattformen setze den Aufruf in das Warenkorb-Update-Ereignis.
Ist sie barrierefrei?
Ja. Die Leiste nutzt das Element progress, das Screenreader verstehen, und die Nachricht steht in einem aria-live-Bereich, der bei Änderung angesagt wird.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.