Erste Schritte mit Unbounce

Übersicht

Erfahre, wie du Unbounce mit Klaviyo integrierst, damit du Landingpages nutzen kannst, um Kund*innen zu deiner Haupt-E-Mail-Liste hinzuzufügen, einen Welcome-Serie-Flow auszulösen und mehr. Du kannst Kontakte über eine Unbounce-Landingpage erfassen und dann automatisch eine Welcome-Serie und andere personalisierte Nachrichten senden. Zum Aktivieren der Unbounce-Integrationen von Klaviyo sind Schritte sowohl in Klaviyo als auch in Unbounce erforderlich.

Inhalt

1. Formularfelder in Unbounce verifizieren
2. Die Integration in Klaviyo aktivieren
3. Unbounce-Webhooks einrichten
4. Unbounce-Daten in Klaviyo anzeigen
5. Unbounce-Daten in Klaviyo verwenden
6. Fehlerbehebung

Formularfelder in Unbounce verifizieren

Um Daten per Webhook in Klaviyo zu übertragen, braucht deine Unbounce-Seite ein Formular mit einem Feld, das email zugeordnet ist. Du kannst vor dem Verbinden deines Webhooks überprüfen, ob deine Formularfelder korrekt eingerichtet sind, indem du die unten beschriebenen Schritte befolgst.

Unbounce bietet zwei Möglichkeiten, Seiten zu erstellen: den Standard-Builder und einen Smart Builder. Das Prüfen deiner Formularfelder ist in beiden Fällen ähnlich. Weitere Informationen zu den beiden unten stehenden Formularen findest du in der Unbounce-Dokumentation zum Einrichten eines Formulars.

Standard-Builder

1. Wähle in Unbounce die Seite aus, die du ansehen möchtest, und klicke dann unten auf der Seite auf Bearbeiten.
   

2. Klicke im Seiten-Editor auf dein Formular und dann auf Formularfelder bearbeiten.
   

3. Klicke auf das Feld E-Mail *, um die Feldeinstellungen zu öffnen. Überprüfe dann, dass das Feld Feldname und ID auf email eingestellt ist. Wenn du diesen Text bearbeiten musst, deaktiviere Automatisch aus Feldbezeichnung generieren und nimm deine Änderungen vor.
   

4. Sobald du den Feldnamen überprüft hast, klicke auf Fertig.
5. Wenn du Änderungen am Formular vorgenommen hast, klicke auf Speichern und dann in der oberen Menüleiste auf Erneut veröffentlichen, um deine Aktualisierungen umzusetzen.

Smart Builder

1. Navigiere in Unbounce zu der Seite, die du bearbeiten möchtest, und klicke unten auf der Seite auf Bearbeiten.
   

2. Im Formular ins Dropdown des Textfelds E-Mail klicken und Feld bearbeiten auswählen.
   

3. Überprüfe im Menü Feld bearbeiten, dass das Feld Feldname/ID auf email eingestellt ist.
   

4. Sobald du den Feldnamen verifiziert hast, klicke auf Senden.
5. Wenn du Änderungen am Formular vorgenommen hast, klicke auf Speichern und dann in der oberen Menüleiste auf Veröffentlichen, um deine Updates zu übernehmen.

Die Integration in Klaviyo aktivieren

1. Wähle in Klaviyo die Registerkarte Integrationen.
2. Klicke auf Apps entdecken und suche nach Unbounce, und klicke dann auf die Karte.
3. Klicke dann auf Installieren.
4. Klicke auf Mit Unbounce verbinden.
   

5. Wähle das Kontrollkästchen neben Leads zu einer Klaviyo-Liste hinzufügen aus, um deine Unbounce-Leads mit einer bestimmten Klaviyo-Liste zu synchronisieren. Wähle in der Dropdown-Liste die Liste aus, mit der du deine ersten Leads synchronisieren möchtest.
   

6. Kopiere unter Webhook-Einrichtung die Webhook-URL und den Header-Namen. Generiere ein Secret und kopiere das ebenfalls. Diese Werte werden im folgenden Abschnitt verwendet, um in Unbounce einen Webhook an Klaviyo zu erstellen.
7. Klicke auf Einrichtung abschließen.

Unbounce-Webhooks einrichten

1. Gehe zu Unbounce. Wähle in Unbounce auf der Seite All Pages die Seite aus, zu der du deinen Klaviyo-Webhook hinzufügen möchtest.
   

2. Klicke auf den Tab Integrationen und wähle Webhook > Webhook hinzufügen.

3. Füge die URL aus Klaviyo in das erste Textfeld unter Wähle eine URL aus, an die Formulardaten per POST gesendet werden ein.

4. Unter der URL gibt es eine Einstellung namens Standard. Ändere diese Einstellung nicht. Es muss Standard sein.
5. Öffne das Menü Benutzerdefinierte Header und klicke auf Benutzerdefinierten Header hinzufügen. Füge den Header aus Klaviyo in das Feld „Header“ ein. Füge dann das generierte Secret aus Klaviyo in das Feld „Wert“ ein.

6. Prüfe in Unbounce Form Data, ob das Feld email unter Unbounce Field ID links dem Feld email rechts zugeordnet ist. Wenn dies einem anderen Wert zugeordnet ist – etwa your_email –, erkennt Klaviyo diese Eigenschaft nicht als E-Mail-Adresse und der Webhook wird verworfen. Die Zuordnung unterscheidet zwischen Groß- und Kleinschreibung, und email sollte vollständig in Kleinbuchstaben formatiert sein.
7. Nachdem du alle Felder überprüft hast, klicke auf Änderungen speichern.
8. Gib der Integration Zeit zur Verarbeitung. Wenn die Integration erfolgreich ist, wird die folgende Erfolgsmeldung angezeigt, die dich darüber informiert, dass Du hast deinen Webhook erfolgreich aktualisiert. Klicke auf Fertig, um die Einrichtung abzuschließen.

Unbounce-Daten in Klaviyo anzeigen

Um deine Integrationen zu überprüfen, nachdem du den Klaviyo Webhook hinzugefügt hast, erstelle einen neuen Lead über deine Unbounce-Seite.

Klaviyo synchronisiert Leads über die Metrik Filled Out Form , die mit einem Unbounce-Symbol daneben angezeigt wird. Um zu bestätigen, dass dies ordnungsgemäß mit Klaviyo synchronisiert wird, navigiere zu Analytics > Metriken und filtere nach Unbounce. Derzeit synchronisiert Klaviyo eine Metrik mit Unbounce: Filled Out Form. Wähle Formular ausgefüllt aus, um Daten anzuzeigen, die spezifisch für diese Metrik sind.

Klicke auf das Symbol Activity Feed, und du solltest ein neues Profil sehen, das für diese*n Lead in deinem Klaviyo-Konto erstellt wurde. Wenn du das siehst, werden deine Leads jetzt synchronisiert.

Klaviyo zeichnet deine Leads nur auf, wenn du in deinem Formular E-Mail als Pflichtfeld festgelegt hast. Wenn ein Lead keine E-Mail-Adresse enthält, wird er von Klaviyo ignoriert.

Die Metrik „Filled Out Form“ enthält die folgenden Metadaten, die in Segmenten und Flows verwendet werden können:

• Seiten-ID
  Die eindeutige ID des Formulars, das Kund*innen ausgefüllt haben
• Seitenname
  Der Name des Formulars in Unbounce
• Seitenvariante
  Die Variante des Formulars in Unbounce, wie sie in Unbounce’s Smart Trafficverwendet wird

Unbounce-Daten in Klaviyo verwenden

Segment erstellen

Wenn du eine bestimmte E-Mail-Kampagne an Kund*innen senden möchtest, die auf eine bestimmte Variante deines Formulars reagiert haben, kannst du in Klaviyo mithilfe von Page Variant -Daten ein Segment erstellen.

1. Gehe in Klaviyo auf Zielgruppe > Listen und Segmente.
2. Klicke auf Liste/Segment erstellen und wähle Segment.
3. Benenne dein neues Segment passend und füge dem Segment die folgenden Definitionen hinzu:
   • Wenn jemand in einer Liste ist oder nicht in einer Liste ist: auf Istfestlegen
     Lege dies fest, wenn du nur Kund*innen aus einer bestimmten Liste in Klaviyo verwenden möchtest; andernfalls zur nächsten Definition wechseln.
   • Was jemand getan hat (oder nicht getan hat): auf Unbounceʼs Filled Out Form -Metrik festlegen und den Zeitraum auswählen, den du überprüfen möchtest.
   • Klicke auf Filter hinzufügen und wähle im Dropdown die Eigenschaft Seitenvariante aus, und gib dann die Seitenvariante in das Feld entspricht ein.
     

4. Klicke auf Segment erstellen, wenn du fertig bist.

Welcome Flow erstellen

Du kannst die Daten aus Unbounce verwenden, um eine Reihe von Willkommens-E-Mails zu erstellen, die ausgelöst werden, wenn jemand eine E-Mail-Adresse in ein Formular eingibt. Der Vorteil dabei, das über Klaviyo zu tun, ist, dass du eine Welcome-Serie mit zwei bis drei Nachrichten einrichten kannst, die ausgelöst wird, wenn deine Leads zu deiner E-Mail-Liste hinzugefügt werden. Weitere Informationen findest du in unserer Anleitung zum Erstellen einer Welcome-Serie.

Fehlerbehebung

Formularfelder werden in meiner Webhook-Einrichtung nicht ausgefüllt

Wenn deine Formularfelder in deinem Webhook-Setup nicht angezeigt werden, musst du deine Seite möglicherweise erneut veröffentlichen, um die Formularfelder erneut zu synchronisieren.

Zum erneuten Veröffentlichen:

1. Klicke dich in deine Seite in Unbounce und gehe zum Bearbeiten -Bildschirm.
2. Wähle etwas auf deiner Seite aus und ändere es leicht, und klicke dann auf Speichern.
3. Mache die Änderung rückgängig und klicke erneut auf Speichern.
4. Klicke auf Veröffentlichen (oder Erneut veröffentlichen, je nachdem, welchen Builder du verwendest).
5. Wechsle zurück zum Tab Webhook deines Unbounce-Kontos und versuche die Einrichtung erneut. Jetzt solltest du die Formularfelder in der Webhook-Einrichtung ausgefüllt sehen können.
6. Wenn dieses Problem weiterhin besteht, wende dich an das Unbounce-Support-Team.

Ergebnis

Du hast Unbounce jetzt mit Klaviyo integriert und deine synchronisierten Daten überprüft.