Dieser Leitfaden erklärt, wie Sie mithilfe der App „Webplanex Rewards Wallet“ Labels und einen Bereich zum Einlösen von Prämien auf der Warenkorbseite Ihres Shopify-Shops einrichten. Dadurch können Kunden ihre verfügbaren Prämien sehen und diese direkt beim Checkout einlösen.
Wichtiger Hinweis: (Die Bezeichnung wird nur angezeigt, wenn Prämien verfügbar sind)
1. Gehen Sie zur Webplanex Loyalty Wallet App
2. Navigieren Sie zu „Theme Elements“ (Theme-Elemente)
3. Klicken Sie auf „Redeem Rewards Option on Cart“ (Option zum Einlösen von Prämien im Warenkorb). Hier können Sie auch die Farbe des Einlöse-Buttons anpassen.
Schalter aktivieren: Sobald Sie mit den Bezeichnungen, dem Aussehen des Buttons und dem Inhalt zufrieden sind, aktivieren Sie den Schalter, um diese Elemente im Theme Ihres Live-Shopify-Shops sichtbar zu machen.
Sie können den Einlöse-Button an folgenden Stellen platzieren:
- Warenkorb-Seite
- Warenkorb-Drawer (ausfahrbarer Warenkorb)
So aktivieren Sie die Prämien-Einlösung und die Warenkorb-Beschriftung im Warenkorb-Drawer
Um die Option zum Einlösen von Prämien und die Warenkorb-Beschriftung in Ihrem Warenkorb-Drawer anzuzeigen, befolgen Sie bitte die untenstehenden Schritte:
- Gehen Sie in Ihrem Shopify-Adminbereich zur Webplanex Loyalty Wallet App.
- Klicken Sie innerhalb der App auf „Theme Elements“.
- Sie sehen einen Button mit der Aufschrift „Publish on Drawer“ (Im Drawer veröffentlichen). Klicken Sie auf diesen Button.
- Nach dem Klicken werden Sie zur Einstellungsseite für Shopify-App-Einbettungen (App Embeds) weitergeleitet.
- Auf dieser Seite finden Sie folgende Optionen:
Anzeigen (Show) Prämien einlösen - Im Warenkorb-Panel (Drawer)
Label im Warenkorb-Panel anzeigen - Aktivieren Sie einfach beide Schalter.
- Änderungen speichern
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“ und wählen Sie Ihr Theme aus.
- Klicken Sie auf „Anpassen“.
- Warenkorb-Template-Datei finden:
Wählen Sie die Seite „Warenkorb“ (Cart) aus den Theme-Anpassungsoptionen aus.
- Blöcke hinzufügen:
- Klicken Sie im linken Menü auf „Block hinzufügen“.
- Wählen Sie die Blöcke mit den Namen „Webplanex Rewards Label“ (für das Warenkorb-Label) und „Webplanex Redeem Rewards“ (für den Button zum Einlösen der Prämien) aus.
- Änderungen speichern:
- 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.
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-Template-Datei finden:
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 folgenden Code einzufügen.
Code für den Warenkorb-Slide-out (Cart Drawer) und den Einlöse-Button (platzieren Sie dieses Snippet außerhalb von
<form action="/cart"> </form>)<div class="wpcb_cart_redeem_section"></div> - Änderungen speichern:
Speichern Sie die am Theme-Code vorgenommenen Änderungen.