Démarrer avec Unbounce

Vous apprendrez

Apprenez à intégrer Unbounce avec Klaviyo afin de vous aider à utiliser la page d'atterrissage pour ajouter un client à votre liste principale d'e-mails, déclencher une série de flux de bienvenue, et plus encore. Vous pouvez collecter contact via un Unbounce landing page et ensuite envoyer automatiquement une série de bienvenue et d'autres messages personnalisés. L'activation de l'intégration de Klaviyo à Unbounce nécessite des étapes à l'intérieur de Klaviyo et de Unbounce.

Table des matières

1. Vérifier les champs du formulaire dans Unbounce
2. Activez l'intégration dans Klaviyo
3. Configurer les webhooks Unbounce
4. Voir les données de Unbounce dans Klaviyo
5. Utilisez les données Unbounce dans Klaviyo
6. Dépannage

Vérifier les champs du formulaire dans Unbounce

Pour transférer des données dans Klaviyo via les webhooks, votre page Unbounce a besoin d'un formulaire avec un champ associé à l'email. Vous pouvez vérifier que les champs de votre formulaire sont correctement configurés avant de connecter votre webhook en suivant les étapes décrites ci-dessous.

Unbounce propose deux façons de construire des pages : leur constructeur standard et un constructeur intelligent. La vérification des champs de votre formulaire est similaire dans les deux cas. Pour plus d'informations sur l'un ou l'autre des formulaires ci-dessous, consultez la documentation d'Unbounce sur la mise en place d'un formulaire.

Constructeur standard

1. Dans Unbounce, sélectionnez la page que vous souhaitez afficher, puis cliquez sur Modifier en bas de la page.
   
2. Dans l'éditeur de pages, cliquez sur votre formulaire, puis sur Modifier les champs du formulaire.
   
3. Cliquez sur la case Email * pour ouvrir les paramètres du champ. Ensuite, vérifiez que la case Nom du champ et ID est définie sur email. Si vous devez modifier ce texte, décochez la case Générer automatiquement à partir de l'étiquette du champ et effectuez vos modifications.
   
4. Une fois que vous avez vérifié le nom du champ, cliquez sur Terminé.
5. Si vous avez apporté des modifications au formulaire, cliquez sur Enregistrer, puis sur Republier dans la barre de menu supérieure pour appliquer vos mises à jour.

Constructeur intelligent

1. Dans Unbounce, accédez à la page que vous souhaitez modifier et cliquez sur Modifier en bas de la page.
   
2. Dans le formulaire, cliquez sur le menu déroulant de la zone de texte Email et sélectionnez Modifier le champ.
   
3. Dans le menu Edit Field, vérifiez que la case Field Name/ID est définie sur email.
   
4. Une fois que vous avez vérifié le nom du champ, cliquez sur Soumettre.
5. Si vous avez apporté des modifications au formulaire, cliquez sur Enregistrer puis sur Publier dans la barre de menu supérieure pour appliquer vos mises à jour.

Activez l'intégration dans Klaviyo

1. Dans Klaviyo, cliquez sur le nom de votre compte dans le coin inférieur gauche et sélectionnez Intégrations.
2. Cliquez sur Ajouter des intégrations et recherchez BigCommerce, puis cliquez sur la carte. 
3. Cliquez ensuite sur Installer.
4. Cliquez sur Connect to Unbounce.
   
5. Cochez la case à côté de Ajouter de nouveaux leads Unbounce à une liste Kl aviyo pour synchroniser vos leads Unbounce avec une liste Klaviyo spécifique. Choisissez dans le menu déroulant la liste sur laquelle vous souhaitez synchroniser vos premiers prospects.
   
6. Copiez l'URL du Webhook sous Configuration du Webhook. Cette URL sera utilisée dans la section suivante pour créer un webhook vers Klaviyo dans Unbounce.
7. Cliquez sur Terminer la configuration.

Configurer les webhooks Unbounce

1. Dirigez-vous vers Unbounce. Depuis la page Toutes les pages dans Unbounce, sélectionnez la page à laquelle vous souhaitez ajouter votre webhook Klaviyo.
   
2. Cliquez sur l'onglet Intégrations et sélectionnez Webhooks > Ajouter un Webhook.
   
3. Collez l'URL de Klaviyo dans la première zone de texte sous Choose a URL to POST form data to.
   
4. Vérifiez que le champ email sous Unbounce Field ID à gauche est mappé à email à droite. Si cette propriété est associée à une autre valeur - telle que your_email - Klaviyo ne la reconnaîtra pas comme une adresse e-mail et le webhook sera abandonné. La mise en correspondance est sensible à la casse et les e-mails doivent être formatés en minuscules.
5. Une fois que vous avez vérifié tous les champs, cliquez sur Enregistrer les modifications.
6. Laissez le temps à l'intégration de se faire. Si l'intégration est réussie, vous verrez le message de succès suivant vous indiquant que vous avez mis à jour votre Webhook avec succès. Cliquez sur Terminé pour terminer la configuration.
   

Voir les données de Unbounce dans Klaviyo

Pour vérifier votre intégration après avoir ajouté le webhook Klaviyo, créez un nouveau lead sur votre page Unbounce.

Klaviyo synchronise les leads par le biais de l'indicateur Filled Out Form , qui apparaît avec une icône Unbounce à côté. Pour confirmer que la synchronisation avec Klaviyo s'effectue correctement, accédez à Analytics > Metrics et filtrez par Unbounce. Actuellement, Klaviyo synchronise une mesure avec Unbounce : Formulaire rempli. Sélectionnez Formulaire rempli pour voir les données spécifiques à cette mesure.

Cliquez sur l'icône du fil d'activité et vous devriez voir un nouveau profil créé pour ce lead dans votre compte Klaviyo. Si vous voyez ceci, vos pistes sont maintenant synchronisées.

Le formulaire rempli contient les métadonnées suivantes, qui peuvent être utilisées dans les segments et les flux :

• ID de la page
  L'ID unique du formulaire que l'utilisateur a rempli.
• Nom de la page
  Le nom du formulaire dans Unbounce
• Variante de page
  La variante du formulaire dans Unbounce, telle qu'elle est utilisée dans Smart Traffic d'Unbounce.

Utilisez les données Unbounce dans Klaviyo

Créer un segment 

Si vous souhaitez envoyer une campagne d'emailing spécifique aux clients qui ont répondu à une variante spécifique de votre formulaire, vous pouvez créer un segment dans Klaviyo en utilisant les données de la variante de page.

1. Naviguez vers Audience > Lists & Segments dans Klaviyo.
2. Cliquez sur Créer une liste/un segment, puis sélectionnez Segment.
3. Nommez votre nouveau segment de manière appropriée et ajoutez-y les définitions suivantes :
   • Si quelqu'un est dans ou n'est pas dans une liste: set to Is
     Définissez cette option si vous souhaitez n'utiliser dans Klaviyo que les clients d'une liste spécifique ; sinon, passez à la définition suivante.
   • Ce que quelqu'un a fait (ou n'a pas fait) : paramétrez l'indicateur Unbounce Filled Out Form et choisissez la période que vous souhaitez vérifier.
   • Cliquez sur Ajouter un filtre et sélectionnez la propriété Variante de page dans le menu déroulant, puis entrez la variante de page dans la case des valeurs égales.
     
4. Cliquez sur Créer un segment lorsque vous avez terminé.

Créez un flux d'accueil

Vous pouvez utiliser les données d'Unbounce pour créer une série d'e-mails de bienvenue qui sont déclenchés lorsque quelqu'un saisit un e-mail dans un formulaire. L'avantage d'utiliser Klaviyo est que vous pouvez mettre en place une série de deux ou trois messages de bienvenue, déclenchés lorsque vos clients potentiels sont ajoutés à votre liste d'adresses électroniques. Consultez notre guide sur la création d'une série de bienvenue pour plus d'informations.

Dépannage

Les champs du formulaire ne s'affichent pas dans ma configuration webhook

Si vos champs de formulaire n'apparaissent pas dans votre configuration de webhook, il se peut que vous deviez republier votre page pour resynchroniser les champs de formulaire.

Pour republier :

1. Cliquez sur votre page dans Unbounce et accédez à l'écran Modifier.
2. Choisissez n'importe quel élément de votre page et modifiez-le légèrement, puis cliquez sur Enregistrer.
3. Annulez la modification et cliquez à nouveau sur Enregistrer.
4. Cliquez sur Publier (ou Republier, selon le constructeur que vous utilisez).
5. Retournez dans l'onglet Webhooks de votre compte Unbounce et essayez à nouveau de configurer le système. Vous devriez maintenant voir les champs du formulaire remplis dans la configuration du webhook.
6. Si ce problème persiste, contactez l'équipe d'assistance Unbounce.

Résultats

Vous avez maintenant intégré Unbounce à Klaviyo et examiné vos données synchronisées. 

Ressources complémentaires

• Démarrer avec les flux
• Guide de création de segments