So fügst du deiner Square-Online-Website ein Klaviyo-Einbettungsformular hinzu
Übersicht
Hier erfährst du, wie du ein Klaviyo-Einbettungsformular zu deiner Square Online-Website hinzufügst. Dafür musst du ein Formular in Klaviyo erstellen und dann den Einbettungscode in die Dateien deiner Website einfügen, wo das Formular erscheinen soll (z. B. in der Fußzeile).
Bevor du anfängst
Bevor du in Klaviyo ein Einbettungsformular erstellst, stelle sicher, dass du Klaviyo mit Square integriert und das Onsite-Tracking eingerichtet hast, um die Funktionalität des Anmeldeformulars zu aktivieren. Wenn du beim Integrieren mit Square die Einstellung Klaviyo-Onsite-JavaScript automatisch hinzufügen (empfohlen) aktiviert hast, bist du startklar.
Wenn nicht:
- Wähle in Klaviyo die Registerkarte Integrationen.
- Klicke auf Square und wähle dann die Registerkarte Einstellungen aus.
- Aktiviere die Einstellung Klaviyo Onsite Javascript automatisch hinzufügen (empfohlen).
- Klicke auf Einstellungen speichern.
Füge den Einbettungscode des Formulars zu deiner Website hinzu
Erstelle und veröffentliche zuerst dein Einbettungsformular in Klaviyo. In diesem Abschnitt werden die nächsten Schritte zum Einfügen des Einbettungscodes deines Formulars auf deiner Square Online-Website behandelt, damit es korrekt angezeigt wird und Daten ordnungsgemäß synchronisiert werden.
- Navigiere zu deinem Square Online-Dashboard.
- Klicke auf Website > Site bearbeiten.
- Öffne die Seite, auf der du das Formular einbetten möchtest.
- Wähle Abschnitt hinzufügen > Code einbetten aus und klicke dann auf Hinzufügen.
- Kopiere das folgende Onsite-JavaScript-Snippet und füge es in das Feld Code ein:
<script type="text/javascript" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>- Ersetze im Code, den du gerade eingefügt hast, PUBLIC_API_KEY durch deinen öffentlichen Klaviyo API-Schlüssel.
- Um deinen öffentlichen API-Schlüssel zu finden, navigiere in Klaviyo zu Einstellungen > API-Schlüssel. Dies ist ein 6-stelliger Code, der auch als deine „Konto-ID“ bezeichnet wird.
- Navigiere zurück zu Klaviyo und öffne dein Formular im Editor. Wähle Targeting & behavior > Anzeige aus und kopiere dann den Code deines Formulars unter Einbettungscode.
- Füge in Square den Einbettungscode in das Feld Code unterhalb der Stelle ein, an der du das andere Script in Schritt 5 eingefügt hast.
- Wähle Fertig aus.
- Wähle Veröffentlichen, um deine Änderungen zu speichern.
Sobald du den Einbettungscode eingefügt und deine Änderungen in Square gespeichert hast, navigiere zurück zu deiner Website und aktualisiere die Seite. Dein eingebettetes Formular wird auf deiner Website angezeigt und fügt neue Abonnent*innen direkt zur Klaviyo-Liste hinzu, die mit dem Formular verknüpft ist.
Teste das Formular mit einer neuen E-Mail-Adresse. Wenn die Liste Double Opt-in verwendet, bestätige das Abonnement in der Bestätigungs-E-Mail. Überprüfe dann, ob der neue Abonnent in der mit dem Formular verknüpften Liste in Klaviyo angezeigt wird.
Wenn du dein Formular nicht siehst, siehe Fehlerbehebung für Einbettformulare.
Wenn du dich entscheidest, deine Square-Integrationen zu trennen, musst du diesen Einbettungscode manuell aus dem Square Online-Site-Editor entfernen, um dein Formular zu entfernen.
Nächste Schritte
Als Nächstes erstellst du eine Welcome-Serie, um bei deinen neuen Abonnent*innen sofort Wirkung zu erzielen.
Weitere Ressourcen
- Getting started with Square
Learn how to easily integrate Klaviyo with your Square Online site in order to sync customer profile, order, and catalog information to Klaviyo, along with order data from your Square Point of Sale (POS). With this data, you’ll be able to reach customers with targeted messaging through segmentation, automated flows, and campaigns.
- How to embed a sign-up form on your website
Learn how to add an embed sign-up form onto a specific page or location of your website (e.g., the footer), so shoppers looking to learn more about your brand can easily sign up. Embedding a sign-up form in the footer of your site to work in tandem with your other published forms is a Klaviyo best practice for optimizing list growth.
- How to verify that sign-up forms are enabled
Learn how to verify that sign-up form functionality is enabled on your website. This makes sure that sign-up forms published in Klaviyo display as expected on your site and sync all necessary data to Klaviyo.