Diese Anleitung erklärt, wie Sie mithilfe der App „Webplanex Rewards Wallet“ Labels und einen Einlösungsbereich für die Warenkorbseite Ihres Shopify-Shops einrichten. Dies ermöglicht es Ihren Kunden, ihre verfügbaren Prämien einzusehen und diese direkt während des Bezahlvorgangs einzulösen.
Wichtiger Hinweis: (Das Label wird nur angezeigt, wenn Prämien verfügbar sind.)
1. Öffnen Sie die App „Webplanex Loyalty Wallet“.
2. Navigieren Sie zum Bereich „Theme Elements“.
3. Klicken Sie auf „Redeem Rewards Option on Cart“. Hier können Sie zudem die Farbe der Einlöse-Schaltfläche anpassen.
Schalter aktivieren: Sobald Sie mit den Labels, dem Erscheinungsbild der Schaltfläche und den Inhalten zufrieden sind, aktivieren Sie den Schalter, um diese Elemente in Ihrem aktiven Shopify-Theme sichtbar zu machen.
Sie können die Einlöse-Schaltfläche an folgenden Stellen platzieren:
- Warenkorbseite
- Warenkorb-Drawer (Seitenleiste)
Hinzufügen der Elemente zu Ihrem Theme (je nach Version):
Für Shopify Theme Version 2.0:
- Zugriff auf den Theme-Code:
- Navigieren Sie zu Ihrem Shopify-Adminbereich.
- Gehen Sie zu „Onlineshop“ > „Themes“.
Wählen Sie die Seite „Warenkorb“ aus den Theme-Anpassungsoptionen aus.
- Klicken Sie im Menü auf der linken Seite auf „Block hinzufügen“.
- Wählen Sie die Blöcke mit den Bezeichnungen „Webplanex Rewards Label“ (für das Warenkorb-Label) und „Webplanex Redeem Rewards“ (für den Einlöse-Button) aus.
- Passen Sie die Positionen der Blöcke auf der Warenkorb-Seite nach Ihren Wünschen an.
- Klicken Sie auf „Speichern“. um die Änderungen zu übernehmen.
So aktivieren Sie die Option „Prämien einlösen“ und das Warenkorb-Label in der Warenkorb-Seitenleiste
Um die Option „Prämien einlösen“ und das Warenkorb-Label in Ihrer Warenkorb-Seitenleiste anzuzeigen, befolgen Sie bitte die folgenden Schritte:
- Rufen Sie über Ihren Shopify-Adminbereich die App „Webplanex Loyalty Wallet“ auf.
- Klicken Sie innerhalb der App auf „Theme Elements“.
- Sie sehen dort eine Schaltfläche mit der Bezeichnung „Publish on Drawer“ (In Seitenleiste veröffentlichen). Klicken Sie auf diese Schaltfläche.
- Nach dem Klicken werden Sie zur Einstellungsseite für die Shopify-App-Einbettungen weitergeleitet.
- Auf dieser Seite finden Sie die folgenden Optionen: „Show Redeem Store Cash On Drawer“ (Guthaben in Seitenleiste einlösen anzeigen)
„Show Cart Label On Drawer“ (Warenkorb-Label in Seitenleiste anzeigen) - Aktivieren Sie einfach beide Umschalter.
- Speichern Sie die Änderungen.
Für Shopify-Theme-Versionen unter 2.0:
- Zugriff auf den Theme-Code:
- Navigieren Sie zu Ihrem Shopify-Adminbereich.
- Gehen Sie zu „Onlineshop“ > „Themes“ und wählen Sie Ihr Theme aus.
- Klicken Sie auf „Code bearbeiten“.
- Warenkorb-Vorlagendatei suchen:
Suchen Sie nach der Datei mit dem Namen „cart.liquid“ oder „cart-template.liquid“.
- Code-Snippets hinzufügen:
Öffnen Sie die entsprechende Datei und suchen Sie eine geeignete Stelle, um den untenstehenden Code einzufügen.
Code für den Warenkorb-Drawer und den Einlöse-Button (Fügen Sie dieses Snippet außerhalb des Bereichs `<form action="/cart"> </form>` ein)
<div class="wpcb_cart_redeem_section"></div> - Änderungen speichern:
Speichern Sie die am Theme-Code vorgenommenen Änderungen.