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

Geschätzt 4 Lesedauer in Minuten
|
Aktualisiert 30. Apr. 2025, 21:55 EST
Übersicht

Ü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.

Benutzt du bereits ein Shopify-Anmeldeformular? Wenn du bei der Integration von Shopify Abonnent mit Klaviyo synchronisiert hast, wird jedes neue Abonnent automatisch synchronisiert.

Bevor du anfängst

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.
      Der Abschnitt "Onsite Tracking" auf der Seite Shopify Integrationseinstellungen eines Beispielkontos zeigt ein grünes Banner, das anzeigt, dass die App-Einbettung aktiviert ist.
    • 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.

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

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.
    Das Menü "Themen" auf einem Shopify-Dashboard, in dem die Schaltfläche "Anpassen" zum Anklicken hervorgehoben ist.
  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).
    Ein Shopify Laden-Admin, in dem das Dropdown-Menü für die Seitenvorlage oben geöffnet ist und die Startseite zur Bearbeitung im Themeneditor ausgewählt ist.
  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. 
      Die Seite Shopify Laden's hope ist im Themeneditor geöffnet und zeigt eine Klaviyo Embedded Form App im Bereich Vorlage.
    • 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.
      Die Seite Shopify Laden's hope ist im Theme-Editor geöffnet und zeigt eine Klaviyo Embedded Form App im Footer-Bereich
  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

Nächste Schritte

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

Weitere Ressourcen

Weitere Ressourcen

War dieser Artikel hilfreich?
Nutze dieses Formular nur für Feedback zu Artikeln. So kontaktierst du den Support.

Mehr von Klaviyo entdecken

Community
Vernetze dich mit Kolleg*innen, Partner*innen und Klaviyo-Expert*innen, um dich inspirieren zu lassen, Erkenntnisse auszutauschen und Antworten auf deine Fragen zu erhalten.
Live-Training
Nimm an einer Live-Session mit Klaviyo-Expert*innen teil, um mehr über Best Practices und die Einrichtung wichtiger Funktionen zu erfahren.
Support

Kontaktiere den Support über dein Konto.

Support per E-Mail (kostenlose Testversion und kostenpflichtige Konten) Verfügbar 24/7

Chat / virtuelle Unterstützung
Verfügbarkeit abhängig von Standort und Abonnementtyp