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 ein Einbettformular in Klaviyo erstellst, stelle sicher, dass du Klaviyo mit Square integriert und Onsite-Tracking eingerichtet hast, um die Funktionalität des Anmeldeformulars zu aktivieren. Wenn du bei der Integration mit Square die Einstellung Klaviyo-Onsite-JavaScript automatisch hinzufügen aktiviert hast, bist du startklar.
Wenn nicht:
- Wähle in Klaviyo die Registerkarte Integrationen.
- Klicke auf Square.
- Aktiviere die Einstellung Klaviyo-Onsite-JavaScript automatisch hinzufügen.
- Klicke auf 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 erläutert, damit es korrekt angezeigt wird und Daten richtig synchronisiert.
- 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 Skript 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 kopiere den Einbettungscode deines Formulars aus der Registerkarte Targeting & behaviors im Formular-Editor.
- Füge in Square den Einbettungscode in das Feld Code unterhalb der Stelle ein, an der du das andere Skript in Schritt 5 eingefügt hast.
- Wähle Fertig aus.
- Wähle Veröffentlichen, um deine Änderungen zu speichern.
Nachdem du den Einbettungscode eingefügt und deine Änderungen in Square gespeichert hast, navigiere zurück zu deiner Website und aktualisiere die Seite. Dein Einbettungsformular wird auf deiner Website angezeigt und fügt neue Abonnent*innen direkt zur Klaviyo-Liste hinzu, die mit dem Formular verknüpft ist.
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
- Erste Schritte mit Square
Erfahre, wie du Klaviyo ganz einfach in deine Square Online-Website integrierst, um Kund*innenprofil-, Bestell- und Kataloginformationen mit Klaviyo zu synchronisieren, zusammen mit Bestelldaten aus deinem Square Point of Sale (POS). Mit diesen Daten kannst du Kund*innen mit zielgerichteten Nachrichten über Segmentierung, automatisierte Flows und Kampagnen erreichen.
- So bettest du ein Anmeldeformular auf deiner Website ein
Erfahre, wie du ein Anmeldeformular auf einer bestimmten Seite oder an einer bestimmten Stelle deiner Website (z. B. im Footer) einbettest, damit sich Besucher*innen deiner Website, die mehr über deine Marke erfahren möchten, ganz einfach registrieren können. Das Einbetten eines Anmeldeformulars im Footer deiner Website, das mit deinen anderen veröffentlichten Formularen verbunden ist, ist eine Klaviyo Best Practice zur Optimierung des Listenwachstums.
- So überprüfst du, ob Anmeldeformulare aktiviert sind
Hier erfährst du, wie du überprüfen kannst, ob die Anmeldeformular-Funktionalität auf deiner Website aktiviert ist. Dadurch wird sichergestellt, dass in Klaviyo veröffentlichte Anmeldeformulare auf deiner Website wie erwartet angezeigt werden und alle notwendigen Daten mit Klaviyo synchronisiert werden.