Démarrer avec Unbounce

Objectif de cet article

Découvrez comment intégrer Unbounce à Klaviyo afin de vous aider à utiliser des landing pages pour ajouter des clients à votre liste principale d’e-mails, déclencher un flux de série de bienvenue, et plus encore. Vous pouvez collecter des contacts via une landing page Unbounce, puis envoyer automatiquement une série de bienvenue et d’autres messages personnalisés. L’activation de l’intégration Unbounce de Klaviyo nécessite des étapes à la fois dans Klaviyo et dans Unbounce.

Table des matières

1. Vérifier les champs du formulaire dans Unbounce
2. Activation de l’intégration dans Klaviyo
3. Configurer les webhooks Unbounce
4. Afficher les données Unbounce dans Klaviyo
5. Utiliser les données Unbounce dans Klaviyo
6. Résolution de problèmes

Vérifier les champs du formulaire dans Unbounce

Pour importer des données dans Klaviyo via des webhooks, votre page Unbounce doit comporter un formulaire avec un champ mappé sur e-mail. Vous pouvez vérifier que les champs de votre formulaire sont configurés correctement avant de connecter votre webhook en suivant les étapes décrites ci-dessous.

Unbounce propose deux façons de créer des pages : son générateur standard et un Smart Builder. La vérification de vos champs de formulaire est similaire dans les deux cas. Pour en savoir plus sur l’un ou l’autre des formulaires ci-dessous, consultez la documentation d’Unbounce sur la configuration d’un formulaire.

Concepteur 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 page, cliquez sur votre formulaire, puis cliquez sur Modifier les champs du formulaire.
   

3. Cliquez sur la case E-mail * pour ouvrir les paramètres du champ. Ensuite, vérifiez que la case Nom et ID du champ est définie sur e-mail. Si vous devez modifier ce texte, décochez Générer automatiquement à partir du libellé 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 afin d’appliquer vos mises à jour.

Concepteur intelligent

1. Dans Unbounce, accédez à la page que vous souhaitez modifier, puis cliquez sur Modifier en bas de la page.
   

2. Dans le formulaire, cliquez sur le menu déroulant de la zone de texte E-mail et sélectionnez Modifier le champ.
   

3. Dans le menu Modifier le champ, vérifiez que la case Nom/ID du champ est définie sur e-mail.
   

4. Une fois le nom du champ vérifié, cliquez sur Envoyer.
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.

Activation de l’intégration dans Klaviyo

1. Dans Klaviyo, sélectionnez l’onglet Intégrations.
2. Cliquez sur Découvrir les applications et recherchez Unbounce, puis cliquez sur la carte.
3. Ensuite, cliquez sur Installer.
4. Cliquez sur Connecter à Unbounce.
   

5. Cochez la case située à côté de Ajouter des prospects à une liste Klaviyo pour synchroniser vos prospects Unbounce avec une liste Klaviyo spécifique. Choisissez, dans le menu déroulant, la liste vers laquelle vous souhaitez synchroniser vos prospects initiaux.
   

6. Sous Webhook Setup, copiez l’URL du webhook et le nom de l’en-tête. Générez un secret et copiez-le aussi. Ces valeurs seront utilisées dans la section suivante pour créer un webhook vers Klaviyo dans Unbounce.
7. Cliquez sur Terminer la configuration.

Configurer les webhooks Unbounce

1. Rendez-vous sur Unbounce. Depuis la page All Pages dans Unbounce, sélectionnez la page à laquelle vous souhaitez ajouter votre webhook Klaviyo.
   

2. Cliquez sur l’onglet intégrations, puis sélectionnez webhook > Ajouter un webhook.

3. Collez l’URL de Klaviyo dans la première zone de texte, sous Choisissez une URL vers laquelle POST les données du formulaire.

4. Sous l’URL, un paramètre indique Par défaut. Ne modifiez pas ce paramètre. Il doit être défini sur Par défaut.
5. Ouvrez le menu En-têtes personnalisés et cliquez sur Ajouter un en-tête personnalisé. Collez l’en-tête de Klaviyo dans le champ « En-tête(s) ». Ensuite, collez le secret généré de Klaviyo dans le champ « Valeur ».

6. Dans Données de formulaire Unbounce, vérifiez que le champ e-mail sous Unbounce Field ID à gauche est mappé à e-mail à 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.
7. Une fois tous les champs vérifiés, cliquez sur Enregistrer les modifications.
8. Laissez le temps à l’intégration de traiter. Si l’intégration réussit, vous verrez le message de réussite suivant, vous indiquant Vous avez bien mis à jour votre webhook. Cliquez sur Terminé pour terminer la configuration.

Afficher les données Unbounce dans Klaviyo

Pour vérifier vos intégrations après avoir ajouté le webhook Klaviyo, créez un nouveau prospect via votre page Unbounce.

Klaviyo synchronise les prospects via l’indicateur Filled Out Form , qui apparaît avec une icône Unbounce à côté. Pour confirmer que la synchronisation vers Klaviyo fonctionne correctement, accédez à Analytics > Indicateurs, puis filtrez par Unbounce. Actuellement, Klaviyo synchronise un indicateur avec Unbounce : Filled Out Form. Sélectionnez Filled Out Form pour afficher les données spécifiques à cet indicateur.

Cliquez sur l’icône Fil d’activité et vous devriez voir un nouveau profil créé pour ce prospect dans votre compte Klaviyo. Si vous voyez cela, vos prospects sont désormais synchronisés.

Klaviyo n’enregistrera vos prospects que si l’adresse e-mail est un champ obligatoire dans votre formulaire. Si un prospect ne contient pas d’adresse e-mail, Klaviyo l’ignorera.

L’indicateur Filled Out Form contient les métadonnées suivantes, qui peuvent être utilisées dans des segments et des 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

Utiliser les données Unbounce dans Klaviyo

Créez un segment

Si vous souhaitez envoyer une campagne d’e-mail spécifique aux clients qui ont répondu à une variante spécifique de votre formulaire, vous pouvez créer un segment dans Klaviyo à l’aide des données Variante de page.

1. Accédez à Audience > Listes et segments dans Klaviyo.
2. Cliquez sur Créer une liste ou un segment, puis sélectionnez Segment.
3. Nommez votre nouveau segment de manière appropriée et ajoutez les définitions suivantes au segment :
   • Si quelqu’un est ou n’est pas dans une liste: définissez sur Est
     Définissez ce paramètre si vous souhaitez n’utiliser que les clients d’une liste spécifique dans Klaviyo ; sinon, passez à la définition suivante.
   • Ce que quelqu’un a fait (ou n’a pas fait): définissez l’ indicateur Filled Out Form d’Unbounce 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 saisissez la variante de page dans la case est égal à.
     

4. Cliquez sur Créer un segment lorsque vous avez terminé.

Créer un e-mail de bienvenue

Vous pouvez utiliser les données d’Unbounce pour créer une série d’e-mails de bienvenue qui se déclenchent lorsqu’une personne saisit une adresse e-mail dans un formulaire. L’avantage de faire cela via Klaviyo est que vous pouvez configurer une série de bienvenue de deux à trois messages, déclenchée lorsque vos prospects sont ajoutés à votre liste d’e-mails. Pour en savoir plus, consultez notre guide sur la création d’une série de bienvenue.

Résolution de problèmes

Les champs du formulaire ne se renseignent pas dans ma configuration du webhook

Si vos champs de formulaire n’apparaissent pas dans la configuration de votre webhook, vous devrez peut-être 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 un élément sur votre page et modifiez-le légèrement, puis cliquez sur Enregistrer.
3. Annulez la modification, puis cliquez à nouveau sur Enregistrer.
4. Cliquez sur Publier (ou Republier, selon le générateur que vous utilisez).
5. Revenez à l’onglet Webhooks de votre compte Unbounce et réessayez la configuration. Vous devriez maintenant pouvoir voir les champs de formulaire renseignés dans la configuration du webhook.
6. Si ce problème persiste, contactez l’ équipe d’assistance Unbounce.

Résultat

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