Erste Schritte mit Unbounce

Du wirst lernen

Lerne, wie du Unbounce mit Klaviyo integrierst, um mit Hilfe der Landing Page Kunde zu deiner Haupt-E-Mail-Liste hinzuzufügen, einen Welcome Flow auszulösen und vieles mehr. Du kannst Kontakt über eine Unbounce Landing Page sammeln und dann automatisch einen Welcome Flow und andere personalisierte Nachrichten versenden. Um die Unbounce-Integration von Klaviyo zu aktivieren, sind Schritte sowohl in Klaviyo als auch in Unbounce erforderlich.

Inhaltsübersicht

1. Überprüfe Formularfelder in Unbounce
2. Aktiviere die Integration in Klaviyo
3. Unbounce Webhook einrichten
4. Unbounce-Daten in Klaviyo anzeigen
5. Verwende Unbounce-Daten in Klaviyo
6. Fehlersuche

Überprüfe Formularfelder in Unbounce

Um Daten per Webhook an Klaviyo zu übermitteln, braucht deine Unbounce Seite ein Formular mit einem Feld, das auf E-Mail abgebildet ist. Du kannst überprüfen, ob deine Formularfelder richtig eingerichtet sind, bevor du deinen Webhook verbindest, indem du die folgenden Schritte ausführst.

Unbounce hat zwei Möglichkeiten, Seiten zu erstellen: den Standard-Builder und den Smart Builder. Die Überprüfung deiner Formularfelder ist in beiden Fällen ähnlich. Weitere Informationen zu den unten stehenden Formularen findest du in der Dokumentation von Unbounce zum Einrichten eines Formulars.

Standard-Baumeister

1. Wähle in Unbounce die Seite aus, die du anzeigen möchtest, und klicke dann unten auf der Seite auf Bearbeiten.
   
2. Klicke im Seiteneditor auf dein Formular und dann auf Formularfelder bearbeiten.
   
3. Klicke auf das Feld E-Mail *, um die Feldeinstellungen zu öffnen. Überprüfe dann, ob das Feld Feldname und ID auf E-Mail eingestellt ist. Wenn du diesen Text bearbeiten musst, deaktiviere das Kontrollkästchen Automatisch aus Feldbeschriftung generieren und nimm deine Änderungen vor.
   
4. Wenn du den Feldnamen überprüft hast, klicke auf " Fertig".
5. Wenn du Änderungen am Formular vorgenommen hast, klicke in der oberen Menüleiste auf " Speichern" und dann auf "Neu veröffentlichen", um die Aktualisierung durchzuführen.

Kluger Baumeister

1. Navigiere in Unbounce zu der Seite, die du bearbeiten möchtest, und klicke unten auf der Seite auf Bearbeiten.
   
2. Klicke im Formular auf das Dropdown-Menü des E-Mail-Textfelds und wähle Feld bearbeiten.
   
3. Überprüfe im Menü " Feld bearbeiten", ob das Feld "Name/ID" auf "E-Mail" eingestellt ist.
   
4. Wenn du den Feldnamen überprüft hast, klicke auf Senden.
5. Wenn du Änderungen am Formular vorgenommen hast, klicke in der oberen Menüleiste auf " Speichern" und dann auf "Veröffentlichen", um die Aktualisierung durchzuführen.

Aktiviere die Integration in Klaviyo

1. Wähle in Klaviyo die Registerkarte Integrationen.
2. Klicke auf Integrationen hinzufügen und suche nach Unbounce, dann klicke auf die Karte. 
3. Klicke dann auf Installieren.
4. Klicke auf Mit Unbounce verbinden.
   
5. Aktiviere das Kontrollkästchen neben Neue Unbounce-Leads einer Klaviyo-Liste hinzufügen, um deine Unbounce-Leads mit einer bestimmten Klaviyo-Liste zu synchronisieren. Wähle die Liste, mit der du deine ersten Leads synchronisieren möchtest, aus dem Dropdown-Menü.
   
6. Kopiere die Webhook-URL unter Webhook-Einrichtung. Diese URL wird im folgenden Abschnitt verwendet, um einen Webhook für Klaviyo in Unbounce zu erstellen.
7. Klicke auf Einrichtung abschließen.

Unbounce Webhook einrichten

1. Gehe zu Unbounce. Wähle auf der Seite Alle Seiten in Unbounce die Seite aus, der du deinen Klaviyo-Webhook hinzufügen möchtest.
   
2. Klicke auf die Registerkarte Integrationen und wähle Webhook > Hinzufügen Webhook.
   
3. Füge die URL von Klaviyo in das erste Textfeld unter Choose a URL to POST form data to ein.
   
4. Überprüfe, ob das E-Mail-Feld unter Unbounce Field ID auf der linken Seite der E-Mail auf der rechten Seite zugeordnet ist. Wenn dieser Wert auf einen anderen Wert abgebildet wird - wie z.B. your_email - erkennt Klaviyo diese Eigenschaft nicht als E-Mail-Adresse und der Webhook wird abgebrochen. Bei der Zuordnung wird zwischen Groß- und Kleinschreibung unterschieden und E-Mails sollten in Kleinbuchstaben formatiert werden.
5. Wenn du alle Felder überprüft hast, klicke auf Änderungen speichern.
6. Lass der Integration Zeit, um sich zu entwickeln. Wenn die Integration erfolgreich war, siehst du die folgende Erfolgsmeldung, die dich darüber informiert, dass du dein Webhookerfolgreich aktualisiert hast. Klicke auf " Fertig", um die Einrichtung abzuschließen.
   

Unbounce-Daten in Klaviyo anzeigen

Um deine Integration 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 " Ausgefülltes Formular" , die mit einem Unbounce-Symbol daneben angezeigt wird. Um zu überprüfen, ob die Synchronisierung mit Klaviyo ordnungsgemäß erfolgt, navigieren Sie zu Analytics > Metrik und filtern Sie nach Unbounce. Derzeit synchronisiert Klaviyo eine Metrik mit Unbounce: Ausgefülltes Formular. Wähle Ausgefülltes Formular , um die Daten für diese Metrik zu sehen.

Klicke auf das Aktivitäts-Feed-Symbol und du solltest sehen, dass ein neues Profil für diesen Lead in deinem Klaviyo-Konto erstellt wurde. Wenn du dies siehst, werden deine Leads jetzt synchronisiert.

Die Metrik "Ausgefülltes Formular" enthält die folgenden Metadaten, die in Segment und Flow verwendet werden können:

• Seiten-ID
  Die eindeutige ID des Formulars, das der Nutzer ausgefüllt hat
• Name der Seite
  Der Name des Formulars in Unbounce
• Seitenvariante
  Die Variante des Formulars in Unbounce, wie sie in Unbounce's Smart Trafficverwendet wird

Verwende Unbounce-Daten in Klaviyo

Ein Segment erstellen 

Wenn du eine bestimmte E-Mail-Kampagne an Kunden senden möchtest, die auf eine bestimmte Variante deines Formulars geantwortet haben, kannst du in Klaviyo ein Segment mit den Daten der Seitenvariante erstellen.

1. Navigiere in zu Audience > Liste & Segment Klaviyo.
2. Klicke auf Liste/Segment erstellen und wähle Segment.
3. Benenne dein neues Segment entsprechend und füge die folgenden Definitionen zu dem Segment hinzu:
   • Ob jemand in einer Liste ist oder nicht: auf Istsetzen
     Setze dies, wenn du nur Kunden aus einer bestimmten Liste in Klaviyo verwenden möchtest; andernfalls gehst du zur nächsten Definition über.
   • Was jemand getan (oder nicht getan) hat: Setze die Metrik " Ausgefülltes Formular" von Unbounce ein und wähle den Zeitraum, den du überprüfen willst.
   • Klicke auf Filter hinzufügen und wähle die Eigenschaft Seitenvariante aus dem Dropdown-Menü aus und gib dann die Seitenvariante in das Gleichheitsfeld ein.
     
4. Klicke auf Segment erstellen, wenn du fertig bist.

Erstelle einen Willkommensfluss

Sie können die Daten von Unbounce verwenden, um eine Reihe von Willkommens-E-Mails zu erstellen, die ausgelöst werden, wenn jemand eine E-Mail in ein Formular eingibt. Der Vorteil von Klaviyo ist, dass Sie einen Willkommensfluss mit zwei bis drei Nachrichten einrichten können, der ausgelöst wird, wenn Ihre Leads zu Ihrer E-Mail-Liste hinzugefügt werden. Weitere Informationen finden Sie in unserem Leitfaden zur Erstellung eines Willkommensflusses.

Fehlersuche

Formularfelder werden in meinem Webhook-Setup nicht ausgefüllt

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

Zur Wiederveröffentlichung:

1. Klicke in Unbounce auf deine Seite und gehe zum Bildschirm " Bearbeiten".
2. Wähle irgendetwas auf deiner Seite aus und ändere es leicht, dann klicke auf Speichern.
3. Mach die Änderung rückgängig und klicke erneut auf Speichern.
4. Klicke auf Veröffentlichen (oder Wiederveröffentlichen, je nachdem, welchen Builder du verwendest).
5. Gehe zurück auf die Registerkarte Webhook in deinem Unbounce Konto und versuche die Einrichtung erneut. Du solltest jetzt sehen können, dass die Formularfelder im Webhook-Setup ausgefüllt sind.
6. Wenn dieses Problem weiterhin besteht, wende dich an das Unbounce Support-Team.

Ergebnis

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

Zusätzliche Ressourcen

• Erste Schritte mit Flow
• Leitfaden zur Erstellung von Segmenten