Shopify Checkout App
Inhaltsverzeichnis
Kurz & Knapp
Begriffe
| Methode | Wann sinnvoll |
|---|---|
| Komponente (Component) | Ein Element, das du in einer Experience im Checkout platzierst, zum Beispiel eine USP-Liste oder eine Shipping Progress Bar. |
| Experience | Die Ausspielung einer Component. Das kann ein A/B-Test sein oder eine Ausspielung an 100 Prozent deiner Besucher. |
| Results | Hier wertest du deine A/B-Test-Experiences aus. |
| Deploy | Eine Experience mit einer Kompoonente, die an alle Besucher ausgeliefert wird, zum Beispiel die Gewinner-Component aus einem Test. |
Komponente anlegen
Du legst Komponenten an zwei Stellen an: unter „Components“ oder direkt im Experience-Flow, wo du zwischen bestehenden Komponenten und einer neuen wählen kannst. Die Schritte sind identisch.
Schritt 1: Komponente erstellen
Öffne „Components“ und klicke auf „Create component“. Wähle anschließend das Komponenten-Template aus, das du nutzen möchtest.
Schritt 2: Komponente befüllen
Je nach Template stehen dir verschiedene Text- und Icon-Felder zur Verfügung. Fülle sie mit deinen Inhalten. Rechts siehst du in einer Vorschau, wie die Komponente im Checkout aussieht.
Schritt 3: Komponente speichern
Speichere die Komponente über „Save“ in der Top Bar von Shopify. Jede gespeicherte Komponente steht dir ab sofort für Experiences zur Verfügung.
Gespeicherte Komponenten ändern
Eine gespeicherte Komponente lässt sich nicht mehr bearbeiten. Möchtest du etwas ändern, klicke auf „View“ und dann auf „Duplicate to edit“. Das Duplikat bearbeitest und speicherst du wie eine neue Komponente.
Komponente mit AI erstellen
Steht die gewünschte Komponente nicht als Template bereit, kannst du sie stattdessen beschreiben. Die AI baut sie inklusive Text- und Icon-Feldern. Diese Felder änderst du danach genauso wie bei jeder anderen Komponente.
Experience anlegen
Schritt 1: Experience anlegen
Öffne „Experiences“ und klicke auf „Create Experience“. Wähle aus, ob du einen A/B-Test oder ein Deploy an 100 Prozent deiner Besucher erstellen möchtest.
Schritt 2: Komponente auswählen
Wähle eine gespeicherte Komponente aus oder lege direkt eine neue an. Die gewählte Komponente ist immer Variante B.
Optional wählst du eine zweite Komponente als Variante A und testest beide gegeneinander. Lässt du Variante A leer, wird deine Komponente gegen den Checkout ohne Komponente getestet.
Schritt 3: Experience benennen und starten
Gib der Experience einen Namen und klicke auf „Start Experiment“. Es öffnet sich ein Popup, das dich durch die nächsten Schritte führt und sie zusätzlich im Video zeigt.
Schritt 4: Experience in den Checkout einfügen
- Gehe in Shopify zu „Settings“ -> „Checkout“ und klicke auf „Customize“. Alternativ öffnest du den Editor direkt über „Open checkout editor“ im Popup.
- Klicke auf „+ Add app block“ und wähle „Varify“ -> „Experience block“.
- Füge die Experience ID in das Feld „Experience ID“ des Blocks ein.
- Klicke im Checkout-Editor auf „Save“.
- Experience live schaltenBestätige im Popup, dass die Experience im Checkout eingefügt ist, und stelle sie auf „Set to live“.
Wichtig: Solange die Experience nicht im Checkout eingefügt ist, wird sie keinem Besucher angezeigt.
Experience auswerten
