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

Als erstes erstellst und veröffentlichst du dein Einbettungsformular in Klaviyo. Sobald du das getan hast, fügst du den Einbettungscode deines Formulars auf der Seite deiner Shopify-Website ein, auf der das Formular angezeigt werden soll.

1. Wenn du es noch nicht getan hast, kopiere den Einbettungscode für dein Einbettungsformular. Du kannst auf den Einbettungscode des Formulars zugreifen, indem du das Formular im Editor öffnest und auf den Abschnitt " Targeting & behavior" klickst.
   
2. Navigiere zu deinem Shopify Dashboard.
3. Wähle Online-Shop > Themes.
4. Klicke auf Anpassen.
   
5. 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).
   
6. 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.
     
7. Klicke auf den neu erstellten Abschnitt Klaviyo Embedded Form im linken Menü.
8. Füge den Einbettungscode, den du von Klaviyo kopiert hast, in das vorgesehene Textfeld ein.
   
9. Klicke auf Speichern, um dein Einbettungsformular zur Seite Vorlage hinzuzufügen. Beachte, dass das Einbettungsformular erst in der Vorschau erscheint, nachdem du gespeichert hast.
10. 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