So fügst du ein Einbettungsformular zu deiner Shopify-Website hinzu

Übersicht

Hier erfährst du, wie du ein Klaviyo-Einbettungsformular in deine Shopify-Website einfügst. Dazu erstellst du ein Formular in Klaviyo und fügst den Einbettungscode in die Dateien deiner Website ein, wo er erscheinen soll, z. B. in der Fußzeile.

Bevor du anfängst

Bevor du das Einbettungsformular in Klaviyo erstellst, musst du dich mit Shopifyintegrieren und die Anmeldeformular-Funktionalität aktivieren (auch "Onsite Tracking" genannt). Für Shopify Laden muss die App einbetten aktiviert sein, damit das Anmeldeformular Daten richtig anzeigt und synchronisiert. 

Überprüfe, ob die App eingebettet ist:

1. Navigiere zu deiner SeiteShopify Integrationseinstellungen. 
2. Scrolle zum Abschnitt " Vor-Ort-Tracking ".
   • Wenn du ein grünes Banner siehst, das besagt, dass die Klaviyo App auf deinem Shopify Laden aktiviert ist, bist du bereit. Fahre mit dem nächsten Abschnitt des Artikels fort, um das Einbettungsformular zu deiner Website hinzuzufügen.
     
   • Wenn ein gelbes Banner anzeigt, dass die Klaviyo-App-Einbettung deaktiviert ist. Nachdem du es eingeschaltet hast, wähle "Speichern" im Shopify-Theme-Editor, um die Änderung zu übernehmen.
     
     • Lies unsere Anleitung zur Aktivierung der Klaviyo-App-Einbettung für Shopify, bevor du mit diesem Artikel fortfährst.
       

Das Beispiel in diesem Artikel verwendet ein Shopify 2.0-Theme. Dein Theme kann sich unterscheiden, was sich auf die Namen einiger Dateien oder die Speicherorte von Code-Fragment auswirken kann.

Füge ein Einbettungsformular zu deiner Website hinzu

Du möchtest ein Formular auf einer Shopify-Dankeschön- oder Bestellstatus-Seite einbetten? Shopify unterstützt diese Funktion nicht mehr, aber du kannst Klaviyo's SMS App Block Funktionen verwenden, um SMS-Einwilligung auf Shopify Bezahlvorgang (nurShopify Plus), Dankes- oder Bestellstatusseiten zu sammeln. 

1. Erstelle dein Einbettungsformular.
2. Wähle im Formular-Editor das Ziel und das Verhalten > Anzeige. 
3. Kopiere unter Code einbetten die Formular-ID aus dem Code, wie unten gezeigt:
   
4. Veröffentliche dein Formular. 
5. Navigiere zu deinem Shopify Dashboard.
6. Wähle Online-Shop > Themes.
7. Klicke auf Anpassen.
   
8. Wähle in der oberen Menüleiste die Seitenvorlage aus, zu der du das Formular hinzufügen möchtest (z. B. deine Startseite oder deine Passwortseite).
   
9. Wähle im linken Menü unter Apps den Abschnitt Hinzufügen > Apps > Klaviyo Embedded Form. 
   • Wenn du möchtest, dass dieses Formular nur auf dieser bestimmten Seite erscheint, kannst du dies im Abschnitt Vorlage tun. 
     
   • Wenn du möchtest, dass das Formular auf allen Seiten deiner Website bestehen bleibt, kannst du dies im Footer-Bereich tun. Beachte, dass ein Einbettungsformular in der Fußzeile deiner Website auch eine Klaviyo Best Practice für die Liste Wachstum ist.
     
10. Klicke auf den neu erstellten Abschnitt Klaviyo Embedded Form im linken Menü.
11. Füge die Formular-ID, die du von Klaviyo kopiert hast, in das entsprechende Textfeld ein.
    
12. Klicke auf Speichern, um dein Einbettungsformular zur Seite Vorlage hinzuzufügen. Beachte, dass das Einbettungsformular erst in der Vorschau erscheint, nachdem du gespeichert hast.
13. Optional: Nach dem Speichern kannst du die Klaviyo Embedded Form App neu anordnen, indem du sie im Menü anklickst und verschiebst. 

Sobald du den Einbettungscode eingefügt und die Änderungen in Shopify gespeichert hast, navigiere zurück zu deiner Website und aktualisiere die Seite. Website-Besucher sehen dein Formular und haben die Möglichkeit, deiner Liste beizutreten, indem sie es ausfüllen.

Wenn du dein Formular nicht siehst, siehe Fehlerbehebung für eingebettete Formulare.

Nächste Schritte

Als Nächstes erstellst du eine Willkommens-Serie, um einen unmittelbaren Eindruck bei deinem neuen Abonnenten zu hinterlassen.

Weitere Ressourcen

• So änderst du die Liste, an die ein Formular weitergeleitet wird
• Erste Schritte mit Shopify
• Erste Schritte mit Registrierungsformularen