Démarrer avec Unbounce

Objectif de cet article

Découvrez comment intégrer Unbounce à Klaviyo afin de vous aider à utiliser une landing page 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 coordonnées via une landing page Unbounce, puis envoyer automatiquement une série de bienvenue et d’autres messages personnalisés. L’activation des intégrations 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 webhook, votre page Unbounce doit comporter un formulaire avec un champ associé à l’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 à côté de Ajouter de nouveaux prospects Unbounce à une liste Klaviyo pour ajouter de nouveaux prospects à une liste Klaviyo spécifique. Choisissez la liste dans le menu déroulant Sélectionner une liste. L’ajout de prospects à une liste ne les abonne pas aux messages marketing.

6. Sous Configuration du webhook, copiez les valeurs URL et En-tête. Vous utiliserez ces valeurs pour configurer le webhook dans Unbounce.
7. Cliquez sur Générer un secret. Copiez et conservez le secret en lieu sûr avant de cliquer sur Terminé. Vous ne pourrez plus afficher le secret complet. Utilisez ce secret comme Valeur du webhook dans Unbounce.
8. 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 Unbounce Form Data, mappez le champ e-mail sur email. Klaviyo accepte également email_address et your_email. Ces noms de champ sont sensibles à la casse et doivent être en minuscules. Les soumissions sans une adresse e-mail valide dans un champ pris en charge sont ignorées.
7. Une fois tous les champs vérifiés, cliquez sur Enregistrer les modifications.
8. Une fois qu’Unbounce a confirmé que votre webhook a été mis à jour, cliquez sur Terminé. Testez l’envoi d’un formulaire comme indiqué ci-dessous afin de confirmer que Klaviyo le reçoit.

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 leads 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 à Analyses > Indicateurs, puis filtrez par Unbounce. Actuellement, Klaviyo synchronise 1 indicateur avec Unbounce : Filled Out Form. Sélectionnez Filled Out Form pour afficher des données spécifiques à cet indicateur.

Cliquez sur l’onglet Flux d’activité et recherchez un événement Formulaire rempli pour votre envoi de test. L’événement peut appartenir à un nouveau profil ou à un profil existant. Si vous le voyez, vos envois de formulaires sont synchronisés.

Klaviyo ignore les envois sans adresse e-mail valide dans un champ pris en charge. Dans Unbounce, rendez votre champ e-mail obligatoire afin que les visiteurs ne puissent pas envoyer le formulaire sans une adresse.

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 de la page Unbounce où le formulaire a été envoyé
• Nom de la page
  Le nom de la page dans Unbounce
• Variante de page
  La variante de la page 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 landing page, 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, puis sélectionnez Segment.
3. Saisissez un nom pour votre segment. Si vous lui attribuez un nom dans un panneau latéral, cliquez sur Créer un segment pour continuer vers le générateur. Ajoutez les conditions suivantes :
   • Si une personne fait partie ou non d’une liste: sélectionnez est et choisissez votre liste. Ajoutez cette condition facultative avec AND si vous souhaitez inclure uniquement les profils de cette liste ; sinon, ignorez-la.
   • Ce qu’une personne a fait (ou n’a pas fait): sélectionnez l’indicateur Filled Out Form d’Unbounce, choisissez au moins une fois, puis choisissez la période que vous souhaitez vérifier.
   • Cliquez sur l’icône Ajouter un filtre à côté de la condition d’événement. Sélectionnez Variante de page et saisissez la variante que vous souhaitez faire correspondre à côté de égal à.
   • Pour limiter le segment à une page spécifique, ajoutez un autre filtre d’événement pour ID de page et saisissez l’ID de cette page à côté de égal à. Cela empêche les soumissions provenant d’autres pages avec la même valeur de variante d’être incluses dans le segment.

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

Créer un e-mail de bienvenue

Vous pouvez utiliser les données Unbounce pour configurer une série de bienvenue de 2 à 3 messages, déclenchée lorsque des prospects sont ajoutés à votre liste d’e-mails. Utilisez la même liste que vous avez sélectionnée dans les paramètres d’intégration Unbounce. L’ajout d’un prospect à cette liste ne l’abonne pas au marketing, alors assurez-vous d’avoir son consentement avant d’envoyer des e-mails marketing. Pour en savoir plus, consultez notre guide sur la création d’une série de bienvenue.

Résolution de problèmes

Les soumissions de formulaire n’apparaissent pas dans Klaviyo

Vérifiez que votre webhook Unbounce utilise l’ URL et l’ en-tête de la section Configuration du webhook de Klaviyo, et que sa valeur correspond au secret que vous avez généré. Conservez la liste déroulante sous l’URL du webhook définie sur Par défaut, et vérifiez le mappage de l’e-mail décrit ci-dessus. Soumettez à nouveau le formulaire, et recherchez le nouvel évènement Formulaire rempli dans Klaviyo.

La génération d’un nouveau secret invalide immédiatement le secret actuel. Si vous n’avez plus votre secret, cliquez sur Générer un nouveau secret dans Klaviyo. Copiez et enregistrez le nouveau secret, mettez à jour la Valeur dans chaque webhook Unbounce utilisant l’ancien secret, puis enregistrez vos modifications dans Unbounce. Les envois utilisant l’ancien secret ne se synchroniseront pas.

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.

Ressources supplémentaires