Kunden ihr Gratisgeschenk in einem Pop-up oder per Button wählen lassen

Wann die Geschenkauswahl erscheint

Die Geschenkauswahl ist ein Pop-up (Modal), das die freigeschalteten Geschenke eines Kunden auflistet. Sie kommt zum Einsatz, wenn eine Geschenkstufe mehr als ein Produkt oder eine Variante anbietet. Wie sie erscheint, legen Sie in der Karte der Stufe fest, im Abschnitt Geschenk automatisch in den Warenkorb legen (siehe Gratisgeschenk), außer das Design des Balkens ersetzt diese Einstellung (siehe unten):

Option	Was der Kunde sieht
Geschenk-Dialog automatisch anzeigen	Das Pop-up öffnet sich von selbst, sobald die Stufe erreicht ist. Ein Geschenk mit nur einer Variante wird direkt in den Warenkorb gelegt.
Button „Geschenk auswählen“ anzeigen	Ein Button unter dem Balken öffnet das Pop-up. Nur für Stufen mit mehreren Geschenken. Werden die anderen Geschenkprodukte später deaktiviert, bleibt der Button und bietet das verbleibende Geschenk an; entfernt der Kunde es aus dem Warenkorb, erscheint der Button wieder.
Geschenkliste im Fortschrittsbalken anzeigen	Kein Pop-up: die Geschenke stehen im Balken und werden mit einem Klick hinzugefügt.
Dialog und Button deaktivieren	Yaco Progress Bar fügt nichts hinzu. Für den Fall, dass eine andere App das Geschenk hinzufügt.

Werden zwei oder mehr Geschenkstufen gleichzeitig erreicht, öffnet sich ein einziges Pop-up mit einem Abschnitt pro Stufe und einem gemeinsamen Bestätigungsbutton.

Eine Stufe in jedem Balken anders anzeigen

Ein Design kann den Modus der Stufe in den Balken ersetzen, die es verwenden. Öffnen Sie Design › Geschenk-Oberfläche, Karte Geschenkanzeige:

Auswahl	Was die Balken mit diesem Design zeigen
Einstellung jeder Stufe folgen (Standard)	Den Modus aus der Karte der jeweiligen Stufe.
Geschenkliste im Balken	Sobald die Stufe erreicht ist, stehen ihre Geschenke als Liste unter dem Balken. Kein Button Geschenk auswählen in diesem Balken.
Button „Geschenk auswählen“	Sobald die Stufe erreicht ist, erscheint der Button Geschenk auswählen im Balken. Ein Klick öffnet das Pop-up, mit den Farben und Texten des Designs dieses Balkens.

Beispiel: Der Warenkorb-Drawer verwendet Design A mit Geschenkliste im Balken, der Balken auf der Warenkorbseite Design B mit Button „Geschenk auswählen“. Dieselbe Stufe zeigt ihre Geschenke im Drawer als Liste und auf der Warenkorbseite über einen Button. Es bleibt eine Stufe, ein Rabatt und ein Geschenk: Egal, über welchen Balken der Kunde wählt, es wird dasselbe Geschenk hinzugefügt.

In der Karte der Stufe listet die App unter dem Modus die Designs auf, die ihn ersetzen, und den Modus, den jedes vorgibt.

Pop-up, das sich von selbst öffnet. Bei einer Stufe mit Geschenk-Dialog automatisch anzeigen öffnet sich das Pop-up nicht mehr von selbst, wenn alle Balken der Seite, die diese Stufe zeigen, ein Design mit Liste oder Button verwenden. Folgt mindestens einer dieser Balken der Einstellung der Stufe, öffnet es sich wie bisher. Ist noch kein Balken sichtbar (etwa ein Warenkorb-Drawer, der erst nach dem Hinzufügen lädt), entscheiden die in Ihrem Theme platzierten Balken.

Grenzen:

• Betroffen sind nur Stufen mit mehreren Geschenken. Eine Stufe mit nur einem Geschenk fügt es immer automatisch hinzu; entfernt der Kunde es, zeigt der Balken einen Button Mein Geschenk wieder hinzufügen (siehe unten).
• Wird eine solche Stufe gleichzeitig mit einer Stufe mit nur einem Geschenk erreicht, wird das einzelne Geschenk allein hinzugefügt und das Pop-up öffnet sich nicht: Der Kunde wählt das andere Geschenk in der Liste oder über den Button im Balken. Dasselbe gilt für eine Stufe, die in ihrer eigenen Karte auf die Liste oder den Button eingestellt ist.
• Der Kompatibilitätsmodus (Dialog und Button deaktivieren) wird nie ersetzt: Er bleibt von der Stufe festgelegt.
• Die kostenpflichtige Option (Produkte schon vor Erreichen der Stufe anbieten – als kostenpflichtige Option) bleibt Stufen vorbehalten, die in ihrer eigenen Karte auf die Liste eingestellt sind, und diese Stufen behalten ihre Liste in allen Balken: Ein Design mit Button ersetzt sie nicht. Eine Stufe mit Button, die ein Design als Liste zeigt, bietet die kostenpflichtige Option nicht an.

Was passiert, wenn der Kunde es schließt

Der Ablehnen-Button (standardmäßig „No thanks“), die Escape-Taste oder ein Klick außerhalb des Pop-ups schließen es für die laufende Browsersitzung. Es öffnet sich erst wieder von selbst, wenn eine neue Stufe erreicht wird. Der Button Geschenk auswählen bleibt, falls angezeigt, verfügbar, um es erneut zu öffnen.

Schließen ist keine Ablehnung; das Geschenk aus dem Warenkorb zu entfernen schon. Soll die Wahl verpflichtend sein, aktivieren Sie ‘Nein danke’-Button ausblenden.

Wenn der Kunde ein einzelnes Geschenk entfernt

Eine Stufe mit nur einem Geschenk, das automatisch hinzugefügt wird, hat kein Pop-up. Entfernt der Kunde dieses Geschenk aus dem Warenkorb, legt die App es nicht von selbst erneut hinein, und unter dem Fortschrittsbalken erscheint ein Button Mein Geschenk wieder hinzufügen, in jedem Balken, der diese Stufe anzeigt. Ein Klick legt das Geschenk wieder in den Warenkorb, ohne ein Pop-up zu öffnen.

Der Button verschwindet, sobald das Geschenk zurück ist. Er erscheint nicht, wenn der Warenkorb wieder unter dem Schwellenwert liegt, wenn das Geschenk ausverkauft ist oder wenn ein nicht mit dem Geschenk kombinierbarer Rabattcode es entfernt. Hat im selben Balken auch eine Stufe mit mehreren Geschenken noch ein Geschenk zur Auswahl, bietet der Button zuerst Mein Geschenk wieder hinzufügen an; sobald das Geschenk zurück ist, wird er wieder zu Geschenk auswählen für diese Auswahl.

Der Button übernimmt den Stil des „Geschenk auswählen“-Buttons aus dem Design des Balkens, und seine Beschriftung wird pro Design festgelegt (siehe unten). Soll der Kunde das Geschenk gar nicht entfernen können, aktivieren Sie Geschenk im Warenkorb behalten erzwingen in der Karte der Stufe.

Wo Sie Aussehen und Texte ändern

Die Einstellungen verteilen sich auf drei Orte.

1. Design › Geschenk-Oberfläche (in der App):

• „Geschenk auswählen“-Button: Geschenk-Button anzeigen, Geschenk nach der Auswahl ändern erlauben (der Button bleibt sichtbar und öffnet das Pop-up erneut), CSS-Klassen, um den Button-Stil Ihres Themes zu übernehmen, Schriftgröße, Farben, Rahmen und Abstände.
• Geschenk-Modal: Titelschriftgröße (Desktop), Titelschriftgröße (mobil), Titel fett, Varianten nach Produkt gruppieren (eine Karte pro Produkt mit Variantenmenü statt einer Karte pro Variante) und ‘Nein danke’-Button ausblenden.
• Farben des Geschenk-Modals, pro Design festgelegt: Hintergrund des Pop-ups, Hintergrund und Rahmen der Geschenkkarten (normal und ausgewählt), Text, Hintergrund und vertikaler Innenabstand des Buttons „In den Warenkorb“ sowie Untertitel anzeigen. Eine leere Farbe übernimmt die aus der App-Einbettung Ihres Themes, danach die Standardfarbe. Bei mehreren Designs nennt der Kartentitel das bearbeitete Design: Ändern Sie das, das Ihr Balken tatsächlich verwendet.
• Die Standardtexte des Pop-ups, pro Design festgelegt in der Karte Standardtexte des Geschenk-Modals: Titel, Untertitel, Listentitel, die Hinweise „Gratis“ und „Ausverkauft“, die Meldung „Geschenk nicht mehr verfügbar“, die Buttons „Wählen Sie Ihr Geschenk“, „In den Warenkorb“ und „Nein danke“, die Beschriftung des Buttons „Geschenk auswählen“ sowie die Schaltfläche „Geschenk wieder hinzufügen“ („Mein Geschenk wieder hinzufügen“, wenn das Feld leer bleibt, übersetzt in jede Sprache Ihres Shops). Der Tab Geschenk-Oberfläche erscheint auch, wenn eine Stufe ein einzelnes, automatisch hinzugefügtes Geschenk ohne Geschenk im Warenkorb behalten erzwingen anbietet.
• Der Stil der Geschenkliste im Balken sowie eigenes CSS für das Pop-up und für die Liste.

2. Die Karte der Stufe: Geschenk-Button-Text legt die Beschriftung des Buttons für diese Stufe fest, und die Karte Texte des Geschenk-Modals ersetzt Titel, Untertitel und Listentitel für diese Stufe. Nutzen Sie {price} im Untertitel für den Schwellenwert der Stufe und {quantity} im Listentitel für die Anzahl wählbarer Geschenke. Ein in der Stufe festgelegter Text hat Vorrang vor dem Text des Designs, wenn das Pop-up nur diese Stufe zeigt. Fasst es mehrere Stufen zusammen, werden die Texte des Designs verwendet. Ein leeres Feld übernimmt ebenfalls den Text des Designs. Wird Untertitel anzeigen deaktiviert, entfällt der Untertitel nur für diese Stufe; eine Stufe kann keinen Untertitel einblenden, den ihr Design ausblendet.

3. Der Theme-Editor: öffnen Sie im Shopify-Admin Onlineshop › Anpassen, dann App-Einbettungen › Yaco Progress Bar. Sein Abschnitt Gift modal (Beschriftungen auf Englisch) wird abgelöst: Farben, Untertitel-Einstellung und Texte werden nur noch verwendet, wenn das Design keine eigenen hat, und fallen später weg. Hatten Sie sie geändert, wurden sie in Ihre Designs übernommen, wo Sie sie jetzt bearbeiten.

Das Pop-up in der App ansehen

Die Karte Farben des Geschenk-Modals, unter Design › Geschenk-Oberfläche und im Tab Geschenk-Oberfläche von Stufen & Rabatte, hat einen Button Vorschau des Modals. Er öffnet das Pop-up in der App, mit dem Design, das Sie bearbeiten, und allen Stufen, die eine Geschenkauswahl bieten, erreicht oder nicht. In der Vorschau des Balkens öffnet es auch der Button Geschenk auswählen, mit den Stufen, die der simulierte Warenkorb erreicht.

Es wird nichts in einen Warenkorb gelegt: Wählen Sie Geschenke und schließen Sie das Pop-up wie ein Kunde, nichts wird gespeichert. Zwei Unterschiede zu Ihrem Shop:

• eine leere Farbe erscheint in der Standardfarbe, nicht in der aus dem App-Embed Ihres Themes;
• das Pop-up nutzt das Design, das Sie bearbeiten, unabhängig von der Platzierung, die Ihr Theme jeder Stufe gibt.

Wenn die App meldet, dass keine Stufe eine Geschenkauswahl bietet, fügen Sie einer Geschenk-Stufe mehrere Produkte oder Varianten hinzu.

Ausverkaufte Geschenke

Die Geschenkauswahl prüft den Bestand jedes Mal neu, wenn Geschenke angeboten werden, höchstens einmal pro Minute:

• ein Geschenk, das ausverkauft ist, wird als Sold out markiert und kann nicht mehr gewählt werden;
• ein bereits gewähltes Geschenk, das ausverkauft ist, wird aus der Auswahl entfernt, mit der Meldung "Gift no longer available" message;
• die Zahl der angebotenen Geschenke folgt dem echten Bestand: eine Stufe, die 2 Geschenke verspricht, bietet nur 1 an, wenn nur noch ein Exemplar übrig ist, und der Titel passt sich an.

Keine Begrenzung gilt, wenn eine Variante ihren Bestand nicht verfolgt oder ohne Bestand verkauft werden darf. Um den Bestand zu lesen, bittet die App Shopify um die Berechtigung, das Produktinventar zu lesen, und liest nur die Mengen Ihrer Geschenkprodukte.

Die Geschenkauswahl übersetzen

Die Texte einer Stufe und die Geschenktexte des Designs werden direkt in ihren eigenen Feldern übersetzt, mit dem Übersetzungssymbol am Ende jedes Felds (siehe Übersetzungen). Früher in der Shopify-App Translate & Adapt gemachte Übersetzungen wurden in Ihre Designs übernommen. Wählen Sie in der Auswahl Sprache der Vorschau eine Sprache, um sie zu prüfen.

Kommt ein Geschenk nie im Warenkorb an, siehe Geschenk nicht hinzugefügt.