Sur cette page
Envoyez deux fois la même inscription de test. Vous devriez toujours avoir un seul abonné, une seule demande de confirmation et une trace de ce qui s’est passé. Si la deuxième livraison déclenche une nouvelle séquence de bienvenue, la connexion doit être corrigée.
Une intégration Webflow-Brevo utile traite la deuxième livraison aussi soigneusement que la première. Ce guide propose une correspondance des champs, une frontière claire pour la confirmation et un petit test de validation, utilisables avec un service d’automatisation ou votre propre serveur.
Choisissez le chemin le plus court
| Besoin | Point de départ | Vérification |
|---|---|---|
| Inscription à une newsletter | Intégrer un formulaire Brevo | Double confirmation, champs obligatoires et liste de destination |
| Conserver les soumissions Webflow natives | Garder le formulaire Webflow et relier un service d’automatisation | Correspondance des champs, confirmation et comportement en cas de nouvelle livraison |
| Routage personnalisé ou reprise maîtrisée | Recevoir les événements Webflow sur votre serveur | Authentification, état en attente, déduplication et journal des erreurs |
Le créateur de formulaires Brevo permet la double confirmation. Les nouveaux abonnés doivent cliquer sur le lien reçu par courriel avant leur ajout à la base de contacts. C’est un bon point de départ si vous avez seulement besoin d’une newsletter.
« Notre formulaire est déjà conçu dans Webflow. » Gardez-le si son apparence ou ses soumissions comptent. Le guide d’intégration Webflow décrit les voies par automatisation et par API. Avant de modifier l’action du formulaire, vérifiez-en l’effet : contourner le traitement Webflow change aussi l’endroit où sont stockées les soumissions.
Définissez le sens de chaque champ
Utilisez un formulaire réservé à la newsletter ou une case marketing distincte, non cochée par défaut, sur un formulaire de demande générale. Une demande de réponse commerciale ne vaut pas inscription discrète à la newsletter.
Voici un exemple pour une newsletter professionnelle. Le prénom et l’adresse professionnelle obligatoires relèvent de la politique de ce formulaire, pas d’une exigence universelle de Webflow ou Brevo.
| Champ source | Destination | Règle |
|---|---|---|
| Adresse professionnelle | Adresse du contact | Obligatoire ; validation sur le serveur |
| Prénom | Attribut FIRSTNAME | Obligatoire ; retirer les espaces superflus |
| Société | Attribut COMPANY | Facultatif ; une soumission vide ne doit pas effacer une valeur enregistrée |
| Choix marketing | Preuve de consentement | Reconnaître les valeurs explicites ; s’arrêter si la valeur est inconnue |
| ID de soumission | Journal de traitement | Reconnaître une nouvelle livraison du même événement |
| Heure et ID du formulaire | Journal de traitement | Garder assez de contexte pour expliquer l’origine |
Créez les attributs Brevo correspondants avec les bons types avant d’envoyer les données. L’API Contacts de Brevo accepte un objet d’attributs et peut mettre à jour un contact existant avec updateEnabled. Ces champs transmettent des données ; ils n’accordent pas l’autorisation d’envoyer des messages marketing.
Si vous limitez le formulaire aux adresses professionnelles, appliquez aussi cette règle sur le serveur. Un domaine d’entreprise ne prouve ni le consentement ni l’appartenance de la boîte à une vraie personne cliente.
Confirmez avant d’ajouter à l’audience
Pour un nouvel abonné, suivez cet ordre :
- Validez le formulaire et le choix marketing explicite.
- Enregistrez la demande en attente avec sa source et son ID de soumission.
- Lancez une seule demande de double opt-in.
- Recevez la confirmation par le système choisi.
- Ajoutez le contact confirmé à l’audience marketing.
Brevo fournit un point d’API de double opt-in, POST /v3/contacts/doubleOptinConfirmation, avec modèle, listes de destination et URL de redirection. Un appel ordinaire à POST /v3/contacts est une autre opération. Ne créez pas d’abord le contact séparément si votre règle exige la confirmation avant sa création.
Confiez la confirmation à un seul système. Un formulaire Brevo, une automatisation distincte et votre propre envoi de confirmation branchés sur la même soumission peuvent produire plusieurs messages. Une réponse API réussie ne prouve pas non plus que la personne a cliqué sur le lien.
Pour la conception générale de l’abonnement, consultez notre guide du double opt-in. Testez séparément une adresse déjà désabonnée et une adresse nouvelle.
Recevez les événements sur un serveur
Ne placez pas la clé API Brevo dans le code de la page Webflow. Elle doit rester sur le serveur récepteur ou dans le coffre d’identifiants de votre service d’automatisation.
Webflow documente le webhook form_submission, avec les champs transmis, l’identité du formulaire et l’heure de soumission. Vérifiez le webhook selon sa méthode de création. Webflow précise que ceux créés depuis le tableau de bord ne portent pas les en-têtes de signature de sa voie d’intégration signée.
Enregistrez durablement une livraison valide avant de l’acquitter. Si la destination est indisponible, retentez le travail enregistré. Distinguez « reçu », « confirmation en attente », « synchronisé », « ignoré » et « échec » : un webhook accepté n’est pas encore une synchronisation terminée.
Respectez un désabonnement plus récent
Rejouer une ancienne inscription ne doit pas annuler un désabonnement ultérieur. Comparez l’heure de l’événement et l’état d’abonnement faisant autorité avant de mettre à jour la destination. Une case absente ou une valeur inconnue ne devient pas un consentement. Une nouvelle soumission seule ne doit ni débloquer ni réabonner une personne désabonnée ; Brevo gère la liste de blocage comme un état d’abonnement distinct.
Les changements d’identité demandent aussi de l’attention. La documentation de mise à jour Brevo avertit qu’un changement d’adresse pour un contact bloqué peut lever ce blocage et le réabonner. Traitez donc un changement d’adresse comme une opération distincte à examiner, et non comme une simple correspondance de champ.
Pour un contact actuellement abonné, la mise à jour de la fiche correspondante peut éviter une deuxième fiche. Dédupliquez néanmoins l’événement : un seul contact peut recevoir deux messages sans qu’il existe deux fiches.
Exécutez ces six tests de validation
| Test | Résultat attendu |
|---|---|
| Nouvelle inscription valide | En attente jusqu’à confirmation ; aucun marketing avant celle-ci |
| Même soumission livrée deux fois | Un résultat de traitement ; pas de deuxième confirmation |
| Choix marketing absent ou ambigu | Aucun abonnement présumé |
| Ancienne inscription rejouée après désabonnement | Le désabonnement plus récent reste effectif |
| Brevo temporairement indisponible | Erreur visible et réessayable ; pas de faux succès |
| Société omise dans une soumission ultérieure | La valeur existante reste, sauf effacement volontaire |
Effectuez ces tests sur une liste isolée avec des adresses que vous contrôlez. Vérifiez les deux systèmes et les messages réellement reçus. Un indicateur vert dans l’automatisation ne suffit pas.
Où se situe Tajo
Tajo est en accès anticipé. Apportez le formulaire source, la liste de destination, la correspondance des champs et les six résultats attendus à l’examen de votre intégration. Vérifiez que le flux choisi les prend en charge avant de l’activer.
Pour comparer un formulaire natif, un service d’automatisation et du code personnalisé, consultez le guide des connecteurs Brevo.
Pour une boutique plutôt qu’un formulaire de site, consultez le guide Shopify-Brevo. Pour une réalisation personnalisée, le guide de l’API Brevo donne plus de contexte.
Dites-nous quels systèmes vous voulez relier. Commencez par un formulaire qui résiste à une nouvelle livraison.
Questions fréquemment posées
Quel est le moyen le plus simple de relier Webflow à Brevo ?
Pour une inscription à la newsletter, intégrez un formulaire Brevo et activez la double confirmation. Gardez un formulaire Webflow natif si vous avez besoin de ses soumissions ou d'un routage personnalisé, puis utilisez un service d'automatisation ou une intégration côté serveur.
La création d'un contact Brevo confirme-t-elle son abonnement ?
Non. Un appel ordinaire de création ou de mise à jour de contact ne termine pas le double opt-in. Utilisez un parcours de confirmation et n'ajoutez un nouvel abonné à l'audience marketing qu'après sa confirmation.
Comment éviter les doublons lors des nouvelles tentatives ?
Enregistrez l'identifiant de la soumission Webflow et le résultat du traitement. Rejouer la même soumission ne doit pas répéter ses effets. Pour un contact déjà confirmé, mettez à jour la fiche correspondante au lieu de créer une deuxième identité.