Diese Anleitung erklärt, wie Sie mit der Webplanex Rewards Wallet App Labels und einen Einlösebereich für die Warenkorbseite Ihres Shopify-Shops einrichten. So können Kunden ihre Prämien sehen und direkt beim Bezahlvorgang einlösen.
Wichtiger Hinweis:
Je nach Shopify-Theme-Version (2.0 oder niedriger) müssen Sie entweder eine Theme-App-Erweiterung oder Code-Snippets hinzufügen, um die Warenkorbbeschriftung und den Einlösebereich zu integrieren.
- Navigieren Sie zu den Theme-Elementen: Suchen Sie in der Navigationsleiste der Webplanex Rewards Wallet App nach der Schaltfläche „Theme-Elemente“.
- Warenkorb-Menü auswählen: Klicken Sie im Bereich „Theme-Elemente“ auf das Menü „Warenkorb“. Dieses Menü enthält möglicherweise zwei Optionen: „Warenkorb-Seitenbeschriftungen“ und „Warenkorb-Checkout-Popup“.
- Beschriftungen anpassen: Im ausgewählten Menü („Warenkorb-Beschriftungen“ oder „Warenkorb-Checkout-Popup“) können Sie die Beschriftungen personalisieren:
- Ändern Sie den angezeigten Text für berechtigte Prämien.
- Bearbeiten Sie den Text auf der Einlöseschaltfläche.
- Checkout-Popup anpassen: Sie können das Erscheinungsbild des Warenkorb-Checkout-Popups weiter anpassen.
- Hintergrund- und Vordergrundfarben auswählen.
- Textbeschriftungen an Ihre bevorzugte Sprache anpassen.
- Schalter aktivieren: Wenn Sie mit den Beschriftungen, dem Erscheinungsbild der Schaltflächen und dem Inhalt zufrieden sind, aktivieren Sie den Schalter, um diese Elemente in Ihrem Live-Shopify-Shop-Theme sichtbar zu machen.
Elemente zu Ihrem Theme hinzufügen (je nach Version):
Für Shopify Theme Version 2.0:
- Theme-Code aufrufen:
- Navigieren Sie zu Ihrem Shopify-Adminbereich.
- Gehen Sie zu „Online-Shop“ > „Themes“. und wählen Sie Ihr Design aus.
- Klicken Sie auf „Anpassen“.
- Warenkorb-Vorlagendatei suchen:
Wählen Sie den „Warenkorb“ Seite aus den Theme-Anpassungsoptionen.
- Blöcke hinzufügen:
- Klicken Sie im linken Menü auf „Block hinzufügen“.
- Wählen Sie die Blöcke „Webplanex Rewards Label“ (für die Warenkorbbeschriftung) und „Webplanex Rewards einlösen“ aus. (für den Einlöse-Button).
- Änderungen speichern:
- Passen Sie die Positionen der Blöcke auf der Warenkorbseite nach Wunsch 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 „Online-Shop“ > „Themes“. und wählen Sie Ihr Theme aus.
- Klicken Sie auf „Code bearbeiten“.
- Warenkorb-Vorlagendatei suchen:
Suchen Sie nach der Datei „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.
Warenkorb-Label-Code
<span id="total_order_cashback"></span>Code für Warenkorb-Schublade und Warenkorb-Popup
<span class="wpcb_cashback_label"></span>Code für Warenkorb-Schublade und Einlöse-Button (Diesen Code außerhalb von `<form action="/cart"> </form>` einfügen)
<div class="wep_cart_checkout"></div> - Änderungen speichern:
Speichern Sie die Änderungen am Theme-Code.