Shopify Variations

Wenn deine Website auf Shopify läuft, kannst du ganze Themes oder Seiten-Templates ohne Code testen. ABlyft bietet dafür zwei Variation-Typen: Shopify Theme und Shopify Template.

Bevor du beginnst, muss das ABlyft-Snippet in deinem Shopify-Theme installiert sein, und das Experiment braucht wie jedes andere eine Page und ein Goal.

Shopify ThemeCopy Anchor Link

Zeigt einen Teil deiner Kunden ein Draft-Theme deines Stores, bevor du es veröffentlichst.

1. Gehe in Shopify zu Online Store → Themes und bereite dein Draft-Theme vor (veröffentliche es nicht).
2. Öffne die Seite Edit code des Draft-Themes. Die Theme-ID ist Teil der URL, zum Beispiel themes/123456789.
3. Erstelle in ABlyft eine Variation vom Typ Shopify Theme, siehe Variations.
4. Gib im Bereich Shopify Theme die Draft theme ID ein (nur Ziffern, bis zu 12 Stellen) und speichere.

Wird ein Visitor der Variation zugewiesen, wartet das Snippet, bis Shopify auf der Seite verfügbar ist. Sieht der Visitor das Draft-Theme noch nicht, leitet das Snippet auf die Preview dieses Themes weiter und blendet die Preview-Leiste von Shopify aus.

Shopify TemplateCopy Anchor Link

Zeigt ein alternatives Template eines Seitentyps, zum Beispiel ein zweites Layout der Produktseite. Es funktioniert mit allen Seitentypen: product, collection, page, blog, article, cart, search und customers.

1. Erstelle in deinem Theme das alternative Template, zum Beispiel product.alternate.liquid oder product.alternate.json.
2. Erstelle in ABlyft eine Variation vom Typ Shopify Template.
3. Gib im Bereich Shopify Template den Template name ein. Nur der Teil zwischen dem Seitentyp und der Dateiendung wird verwendet. Für product.alternate.liquid gib alternate ein.
4. Speichere.

Das Snippet lädt die Seite dann mit dem Parameter ?view=alternate neu, wodurch Shopify das alternative Template rendert. Hat die Seite bereits einen view-Parameter, leitet das Snippet nicht weiter.

Preview und GoalsCopy Anchor Link

• Nutze Show in browser im Menü der Variation oder die Preview des Experiments, um zu prüfen, wie das Theme oder Template aussieht. Siehe Preview & QA.
• Goals funktionieren wie in jedem anderen Experiment. Siehe Goal types. Für Käufe und Revenue in Shopify unterstützt ABlyft Order Tracking per Webhook oder per Customer Event Pixel, siehe Shopify tracking.

VerwandtesCopy Anchor Link

Für Entwickler: Die zugrunde liegenden Funktionen sind shopifyPreviewTheme und shopifySwitchTemplate in den JavaScript tools.

Nächste SchritteCopy Anchor Link