Seit wir das Slide Cart als Teil von Candy Rack Anfang des Jahres veröffentlicht haben, war das häufigste Feedback von Händlern: „Das ist großartig, aber ich würde gerne noch eine Sache hinzufügen.“ Eine Leiste mit Zahlungsmethoden. Ein Vertrauenssiegel. Einen Countdown. Ein Rubbellos. Jeder Shop hat seine eigenen Conversion-Hebel, und ein Warenkorb mit festem Layout bietet nur begrenzten Platz.
Benutzerdefinierte Blöcke sind unsere Antwort. Sie ermöglichen es Ihnen, eigenen HTML- und CSS-Code direkt in das Slide Cart einzufügen und das Ergebnis exakt zu positionieren – neben den Warenkorb-Artikeln oder direkt beim Checkout-Button. Wenn Sie es in einem Shopify-Abschnitt schreiben können, können Sie es auch in das Slide Cart einfügen.
Was Sie erstellen können
Ein benutzerdefinierter Block ist im Grunde ein flexibler Container, was die Einsatzmöglichkeiten sehr vielfältig macht. Basierend auf unseren Erfahrungen aus dem Early Access nutzen Händler die Blöcke am häufigsten für:
- Zahlungsmethoden-Logos, um Kunden Sicherheit bei der Bezahlung zu geben
- Social Proof – Sternebewertungen, Rezensions-Snippets, „X Kunden haben dies heute gekauft“-Zähler
- Countdown-Timer für kostenlosen Versand oder zeitlich begrenzte Angebote
- Vertrauenssiegel und Sicherheits-Badges, um letzte Zweifel vor dem Kauf auszuräumen
- Rubbellose, die einen Überraschungsrabatt enthüllen, wenn der Kunde sie „freirubbelt“
- Versand- und Rückgabehinweise – Schwellenwerte für Gratisversand, einfache Rückgabeversprechen
- USP-Icons, die Ihre wichtigsten Vorteile kompakt darstellen
- Werbebanner für Kampagnen oder saisonale Angebote
Dies ist dasselbe Werkzeug, das conversion-orientierte Shops bereits auf Produkt- und Warenkorbseiten nutzen, nun direkt im Slide Cart – für Shops mit Fokus auf Upselling ist dies der Moment im Kaufprozess mit der höchsten Aufmerksamkeit.
Wo benutzerdefinierte Blöcke platziert werden
Sie erhalten jeweils einen benutzerdefinierten Block für zwei Zonen im Slide Cart:
- Den Body, neben Ihren Warenkorb-Artikeln
- Den Footer, in der Nähe des Checkout-Buttons
Das sind bis zu zwei benutzerdefinierte Blöcke pro Slide Cart. Die exakte Position innerhalb jeder Zone wird über die Layout-Einstellungen gesteuert, sodass Sie den Block oberhalb oder unterhalb der Prämienleiste, zwischen den Artikeln oder unter der Zwischensumme platzieren können – ganz wie es Ihr Layout erfordert.
Wir haben dies bewusst begrenzt. Zwei Blöcke reichen aus, um echtes Merchandising zu betreiben, ohne das Slide Cart in eine Werbetafel zu verwandeln. Wenn Kunden den Checkout-Button nicht ohne Scrollen sehen können, ist alles andere zweitrangig.
So fügen Sie einen Block hinzu
Die Einrichtung ist bewusst kurz gehalten:
- Öffnen Sie Ihre Slide-Cart-Einstellungen in Candy Rack.
- Suchen Sie die Komponente Benutzerdefinierter Block im Body- oder Footer-Bereich.
- Fügen Sie Ihren HTML- und CSS-Code in das Feld ein.
- Speichern Sie Ihre Änderungen.
- Ziehen Sie den Block an die gewünschte Stelle in den Layout-Einstellungen.
Benutzerdefinierte Blöcke unterstützen vollständig HTML und CSS. Da das von Ihnen geschriebene CSS innerhalb des Slide-Warenkorbs angewendet wird, sollten Sie Ihre Selektoren spezifisch halten – eine globale Button-Regel wirkt sich sonst auch auf andere Elemente aus. Bei JavaScript ist die Unterstützung eingeschränkt: <script>-Tags werden nicht geparst, aber Inline-Event-Attribute wie onclick, onmouseover und onload funktionieren. Das reicht für die meisten kleinen Interaktionen aus – etwa einen Button, der einen Alarm auslöst, einen Timer, der das DOM aktualisiert, oder einen Klick-Handler für Tooltips. Wenn Sie Fetch-Aufrufe, komplexen Status oder Drittanbieter-SDKs benötigen, kontaktieren Sie uns bitte. Wir beobachten das Interesse an einer umfassenderen JS-Unterstützung und werden ein dediziertes Feld hinzufügen, falls genügend Händler danach fragen.
Vorschau vor der Veröffentlichung
Ein wichtiges Detail: Sie können einen benutzerdefinierten Block speichern, die Funktion deaktiviert lassen und trotzdem über einen speziellen Vorschau-Link genau sehen, wie er im Warenkorb dargestellt wird. Der Standard-Vorschau-Button zeigt nur bereits aktive Blöcke an. Dieser dedizierte Link ist daher die einzige Möglichkeit, einen Block zu testen und zu prüfen, ohne ihn echten Kunden zu zeigen.
Genau diesen Workflow nutzen wir selbst, wenn wir eine Freigabe durch ein Teammitglied benötigen oder auf einem echten Gerät testen möchten, bevor wir die Funktion live schalten.
Kein Programmierer? Fragen Sie eine KI
Die meisten unserer Kunden sind keine Entwickler, und das ist völlig in Ordnung. Die Beispiele, die wir im Hilfe-Center bereitstellen – ein automatisch scrollendes Bewertungs-Karussell, ein 10-Minuten-Countdown, eine Reihe von Vertrauenssymbolen oder ein Rubbellos – sind sofort einsatzbereit. Anpassungen daran sind genau die Art von kleinen Frontend-Aufgaben, bei denen KIs mittlerweile wirklich gut sind. Fügen Sie den Code-Schnipsel in Claude (oder Ihr bevorzugtes KI-Tool) ein, beschreiben Sie die gewünschte Änderung, und Sie erhalten in Sekunden funktionierenden HTML- und CSS-Code. Falls dennoch etwas nicht passt, ist unser Support-Team im Chat für Sie da.
Warum wir diese Funktion entwickelt haben
Bei Slide-Warenkörben entscheiden zwei Faktoren über Erfolg oder Misserfolg: Geschwindigkeit und Merchandising-Dichte. Geschwindigkeit ist ein technisches Problem, das wir gelöst haben. Die Merchandising-Dichte ist jedoch für jeden Shop einzigartig – manche benötigen Vertrauenssiegel, andere Dringlichkeitselemente, einen Countdown für den kostenlosen Versand oder ein Rubbellos, um unentschlossene Käufer zum Abschluss zu bewegen. Mit benutzerdefinierten Blöcken können Sie diese Entscheidungen selbst treffen, anstatt darauf zu warten, dass wir die spezifische Komponente bereitstellen, die Sie im Sinn haben.
Die Funktion ist ab heute in Candy Rack verfügbar. Wenn Sie den Slide-Warenkorb bereits nutzen, finden Sie die Komponente Benutzerdefinierter Block in Ihrem bestehenden Layout. Falls Sie den Slide-Warenkorb noch nicht ausprobiert haben, können Sie Candy Rack aus dem Shopify App Store installieren – der Slide-Warenkorb, die Belohnungsleiste und die benutzerdefinierten Blöcke sind alle in derselben App enthalten.
Weitere Informationen zur optimalen Nutzung des Warenkorbs finden Sie in unserem Leitfaden für Upselling-Strategien und unseren Hinweisen zur Optimierung Ihres Shopify-Checkouts.
