Weels in Shopify einbinden
Für Shopify gibt es zwei Möglichkeiten Code hinzuzufügen.
Manuell über den Code Editor oder per App.
Code Editor
Die manuelle Variante bedarf etwas Kenntnisse im Code. Mit unserer Video-Anleitung solltest du das aber auch hinbekommen.
Die Schritte zum Anpassen sind folgende:
Header Code einfügen
- In der Navigation links den Punkt Onlineshop anklicken
- Beim verwendeten Theme auf Aktionen und dort auf Code bearbeiten
- Unter Layout auf theme.liquid kannst du die Header-Code-Zeile aus dem Backend dann zwischen den tags <head> und </head> einfügen. Am besten du suchst nach </head> und fügst es direkt oberhalb davon ein
- Speichern klicken
Footer Code einfügen
Hier ist gilt es zu entscheiden, ob du dein Weels auf allen Seiten oder nur auf bestimmten thematischen bspw. alle Blog oder alle Produkt Seiten oder speziell auf einzelnen Seiten einbinden möchtest.
Alle Seiten
- In der Navigation links den Punkt Onlineshop anklicken
- Beim verwendeten Theme auf Aktionen und dort auf Code bearbeiten
- Unter Layout auf theme.liquid kannst du die Footer-Code-Zeile aus dem Backend vor den tag </body> einfügen. Einfach danach suchen und einfügen.
- Speichern und fertig
Auf einem Seiten-Typ
- In der Navigation links den Punkt Onlineshop anklicken
- Beim verwendeten Theme auf Aktionen und dort auf Code bearbeiten
- Unter Sections auf main-product.liquid oder einen anderen Seiten-Typ gehen. Dort die Code-Zeile für den Footer ganz unten drunter einfügen
- Speichern und fertig
Spezifisch auf Produktseite
- In der Navigation auf Produkte
- Produkt anklicken
- Im Beschreibungstext auf HTML Ansicht wechseln und Footer Code-Zeile einfügen
- Speichern und fertig
Spezifisch auf Landingpage, Über mich Seite, etc.
- In der Navigation auf Onlineshop klicken
- Seite anklicken
- Im Beschreibungstext auf HTML Ansicht wechseln und Footer Code-Zeile einfügen
- Speichern und fertig
App
Alternativ kannst du das alles in einer App einstellen. Eine dafür geeignete App ist bspw. XO Insert Code. Du kannst sie im App Store von Shopify herunterladen und installieren.
In der App kannst du deine Code-Zeilen in den Header oder Footer ganz einfach einfügen ohne in den HTML-Code der Seite zu müssen.
In der kostenlosen Variante kannst du den Code leider nur allen Seiten global hinzufügen. Nur mit der Premium Variante kannst du dann auch Code auf spezifischen Seiten einfügen.
Die Premium Variante kostet 0,95 $ pro Monat.
Möchtest du Weels also gezielt für einzelne Produkte verwenden wollen, dann benötigt es hier ein Upgrade.
