So fügst du deiner Shopify-Website ein eingebettetes Formular hinzu
Übersicht
Erfahre, wie du deiner Shopify-Website ein eingebettetes Klaviyo-Formular hinzufügst. Dabei erstellst du ein Formular in Klaviyo und fügst dann den Einbettungscode in die Dateien deiner Website an der Stelle ein, an der es erscheinen soll, z. B. in der Fußzeile.
Nutzt du bereits ein Shopify-Anmeldeformular? Wenn du dich bei der Integration dafür entschieden hast, Shopify-Abonnent*innen mit Klaviyo zu synchronisieren, werden alle neuen Abonnent*innen automatisch synchronisiert.
Bevor du anfängst
Bevor du das Einbettungsformular in Klaviyo erstellst, musst du Shopify integrieren und die Anmeldeformular-Funktionalität (auch „Onsite-Tracking“ genannt) aktivieren. Bei Shopify-Shops muss das App-Embed aktiviert sein, damit Anmeldeformulare angezeigt werden und Daten korrekt synchronisiert werden.
So überprüfst du, ob die App-Einbettung aktiviert ist:
- Navigiere zu deiner Seite für Shopify-Integrationeninstellungen.
- Scrolle zum Abschnitt Onsite-Tracking.
- Wenn du ein grünes Banner siehst, auf dem Die Einbettung der Klaviyo-App ist in deinem Shopify-Shop aktiviert. steht, bist du startklar. Fahre mit dem nächsten Abschnitt des Artikels fort, um das Einbettungsformular zu deiner Website hinzuzufügen.
- Wenn du ein grünes Banner siehst, auf dem Die Einbettung der Klaviyo-App ist in deinem Shopify-Shop aktiviert. steht, bist du startklar. Fahre mit dem nächsten Abschnitt des Artikels fort, um das Einbettungsformular zu deiner Website hinzuzufügen.
- Wenn ein gelbes Banner angezeigt wird, gilt: Die Einbettung der Klaviyo-App ist deaktiviert. Wähle nach dem Aktivieren im Shopify Theme Editor „Speichern“ aus, um die Änderung zu übernehmen.
- Lies vor dem Fortfahren in diesem Artikel unseren Leitfaden zum Aktivieren des App-Embeds von Klaviyo für Shopify.
- Lies vor dem Fortfahren in diesem Artikel unseren Leitfaden zum Aktivieren des App-Embeds von Klaviyo für Shopify.
Das Beispiel in diesem Artikel verwendet ein Shopify-2.0-Theme. Dein Theme kann abweichen, was sich auf die Namen einiger Dateien oder die Speicherorte von Code-Fragmenten auswirken kann.
Einfügen eines Einbettungsformulars in deine Website
Möchtest du ein Formular auf einer Shopify-Danke- oder Bestellstatusseite einbetten? Shopify unterstützt diese Funktion nicht mehr nativ, aber du kannst Klaviyo SMS-App-Block-Funktionen verwenden, um SMS-Einwilligungen beim Shopify-Bezahlvorgang (nur Shopify Plus) sowie auf Danke- oder Bestellstatusseiten zu erfassen.
- Eingebettetes Formular erstellen.
- Wähle im Formular-Editor Targeting and behavior > Display aus.
- Kopiere unter Einbettungs code die Formular-ID aus dem Code, wie unten gezeigt:
- Veröffentliche dein Formular.
- Navigiere zu deinem Shopify-Dashboard.
- Wähle Online Store > Themes aus.
- Klicke auf Customize.
- Wähle in der oberen Menüleiste die Seitenvorlage aus, der du das Formular hinzufügen möchtest (z. B. deine Startseite oder Passwortseite).
- Wähle im linken Menü unter Apps Abschnitt hinzufügen > Apps > Klaviyo Embedded Form aus.
- Wenn dieses Formular nur auf dieser spezifischen Seite angezeigt werden soll, mache das im Abschnitt Vorlage.
- Wenn dieses Formular nur auf dieser spezifischen Seite angezeigt werden soll, mache das im Abschnitt Vorlage.
- Wenn das Formular auf jeder Seite deiner Website beibehalten werden soll, mach das im Abschnitt Footer. Beachte, dass ein Einbettungsformular im Footer deiner Website auch eine Klaviyo-Best Practice für Listenwachstum ist.
- Klicke im linken Menü auf den neu erstellten Abschnitt Eingebettetes Klaviyo-Formular.
- Füge die Formular-ID, die du aus Klaviyo kopiert hast, in das dafür vorgesehene Textfeld ein.
- Klicke auf Speichern, um dein eingebettetes Formular zur Seitenvorlage hinzuzufügen. Beachte, dass das eingebettete Formular erst in der Vorschau angezeigt wird, nachdem du gespeichert hast.
- Optional: Nach dem Speichern kannst du die Klaviyo Embedded Form-App neu anordnen, indem du sie im Menü anklickst und ziehst.
Nachdem du den Einbettungscode eingefügt und die Änderungen in Shopify gespeichert hast, navigier zurück zu deiner Website und aktualisier die Seite. Website-Besucher*innen sehen dein Formular und haben die Option, sich in deine Liste einzutragen, indem sie es ausfüllen.
Wenn du dein Formular nicht siehst, siehe Fehlerbehebung bei eingebetteten Formularen.
Nächste Schritte
Als Nächstes einen Welcome-Serie-Flow erstellen, um bei neuen Abonnent*innen sofort Wirkung zu erzielen.
Weitere Ressourcen
- So verwaltest du deine Anmeldeformulare
Lerne Tipps zur Verwaltung deiner bestehenden Anmeldeformulare, damit du sicherstellen kannst, dass sie optisch ansprechend und funktional für Kund*innen sind, die mit deiner Marke interagieren möchten.
- Erste Schritte mit Shopify
In diesem Artikel erfährst du, wie du Klaviyo mit Shopify integrieren kannst, damit Kundenprofile und Bestelldaten in Klaviyo übernommen und Kund*innen mit gezielten Nachrichten angesprochen werden. Außerdem kannst du das Onsite-Tracking und Anmeldeformulare von Klaviyo aktivieren und Daten aus Klaviyo in Shopify synchronisieren.
- Erste Schritte mit Anmeldeformularen
In diesem Artikel erfährst du, wie du Anmeldeformulare in Klaviyo erstellst und anpasst, um sie auf deiner Website zu veröffentlichen und das Kundenengagement zu steigern, E-Mail-Adressen und Telefonnummern zu erfassen sowie langfristige Kundenbeziehungen aufzubauen.