Les pop-up sont des formulaires d'inscription réactifs et peuvent être déclenchés après un délai, lors d'une intention de sortie et sur des pages spécifiques uniquement, ce qui facilite la génération de lead ! Les formulaires pop-up sont conçus pour attirer l'attention et sont généralement plus petits et plus simples que les formulaires d'inscription pleine page/intégrés.
Pour savoir comment créer un formulaire d'inscription pleine page/intégré, consultez notre article dédié Créer un formulaire d'inscription dans Brevo.
🗂️ Étape 1 : installez Brevo Pop-ups sur votre site web
La première fois que vous créez un formulaire pop-up, vous devez installer Brevo Pop-ups sur votre site web pour activer et afficher les pop-up sur votre site web. En attendant, vous pouvez toujours créer et concevoir des formulaires pop-up.
- Accédez à Contacts > Formulaires.
- Dans l'onglet Inscription, cliquez sur Créer un nouveau formulaire d'inscription.
- Sélectionnez la carte Pop-up.
-
Cliquez sur le menu déroulant Site web et cliquez sur + Ajouter un site web. Entrez l'URL de votre site web et cliquez sur Ajouter le site web pour confirmer.
💡 Bon à savoirPour installer les formulaires pop-up Brevo sur plusieurs sites web, commencez par ajouter l'URL de votre domaine principal et installez Brevo Pop-ups sur ce site. Vous n'avez pas besoin de réinstaller les fichiers de configuration pour les autres sites web.
➡️ Par exemple, si vous voulez des formulaires pop-up sur https://www.brevo.com et https://shop.brevo.com, commencez par https://www.brevo.com. - Cliquez sur Terminer la configuration.
- Choisissez comment vous souhaitez installer Brevo Pop-ups sur votre site web :
- Choisissez une option d'installation :
- Avec notre plugin WordPress
- Avec Google Tag Manager
- Installer le tracker Brevo manuellement
- Cliquez sur Continuer.
- Choisissez une option d'installation :
- Ajoutez les fichiers de configuration sur votre site web :
- Suivez les instructions affichées pour l'option d'installation que vous avez choisie.
- Cliquez sur Vérifier les fichiers de configuration.
- Ajoutez le tracker Brevo à votre site web :
❗️ ImportantSi vous avez déjà installé le tracker Brevo pour une autre application, vous devez néanmoins vérifier quelle version vous avez : seule la version 2.0 prend en charge Brevo Pop-ups.
- Suivez les instructions affichées pour l'option d'installation que vous avez choisie. Selon que vous avez déjà installé le tracker Brevo pour une autre application ou non, les instructions seront différentes.
- Cliquez sur Vérifier le tracker Brevo.
Vous pouvez désormais créer des pop-up Brevo pour votre site web !
✅ Étape 2 : configurez votre formulaire d'inscription pop-up
Une fois que vous avez installé les formulaires pop-up Brevo sur votre site web, vous pouvez créer votre formulaire d'inscription pop-up :
- Accédez à Contacts > Formulaires.
- Dans l'onglet Inscription, cliquez sur Créer un nouveau formulaire d'inscription.
- Sélectionnez la carte Pop-up.
- Sélectionnez votre site web ou ajoutez son URL.
- Entrez le nom de votre formulaire pour l'identifier rapidement. Ce nom est uniquement visible par vous.
- Cliquez sur Créer le formulaire.
🎨 Étape 3 : concevez votre formulaire pop-up
Vous pouvez maintenant commencer à concevoir ce à quoi ressemblera votre formulaire pop-up et votre confirmation d'inscription sur votre site web, à la fois sur les ordinateurs de bureau et sur les appareils mobiles.
Vous pouvez faire glisser des blocs et les déposer, et configurer d'autres éléments pour concevoir votre formulaire d'inscription pop-up et votre confirmation d'inscription.
Les formulaires pop-up doivent être simples pour mieux capter l'attention de vos visiteurs et courts pour les inciter à s'inscrire rapidement sans avoir à donner trop d'informations sur eux. Pour rester conforme au RGPD, il est fortement recommandé d'utiliser l'opt-in RGPD, la déclaration RGPD et le captcha.
Concevoir votre formulaire pop-up et votre confirmation d'inscription
Cliquez sur Créer le design pour commencer à concevoir votre formulaire d'inscription pop-up.
Vous pouvez personnaliser :
- le formulaire,
- la confirmation d'inscription qui apparaît lorsqu'un contact a envoyé le formulaire, et
- le design de la fenêtre pop-up et de l'arrière-plan.
Formulaire
Cliquez sur l'onglet Formulaire pour commencer à concevoir votre formulaire d'inscription pop-up.
Développez les accordéons suivants pour en savoir plus sur les blocs disponibles pour concevoir votre formulaire.
Le bloc Texte vous permet d'inclure un texte descriptif dans votre formulaire d'inscription. Vous pouvez ajouter une introduction attrayante et fournir plus d'informations sur l'objectif du formulaire. Lorsque vous cliquez sur un bloc de texte, une barre supérieure apparaît. Elle vous permet de modifier la mise en forme du texte (style, police, taille, couleur et alignement) et d'insérer des liens.
Le champ de saisie vous permet d'inclure des champs dans votre formulaire d'inscription afin de recueillir des informations essentielles auprès de vos nouveaux abonnés. Les champs disponibles sont basés sur les attributs du contact que vous avez créés dans Brevo, tels que les adresses email, les noms, les numéros de téléphone, etc.
Le formulaire doit inclure au moins un champ pour les emails, les SMS ou WhatsApp afin que vous puissiez communiquer ultérieurement avec vos abonnés.
Pour les attributs de type catégorie et choix multiples, vous pouvez afficher les options dans votre formulaire à l’aide d’un bouton radio ou d’une liste déroulante. Vous pouvez également les trier par ordre croissant ou décroissant, ou conserver l'ordre initial que vous avez défini lors de la création de l'attribut.
Le bloc Champ RGPD permet aux abonnés (appelés Personnes concernées dans le cadre du RGPD) d'utiliser une case à cocher pour accepter de recevoir vos newsletters et accéder à votre politique de confidentialité des données, qui doit être liée au formulaire. Vous pouvez et devez modifier le texte en fonction de vos exigences légales individuelles.
➡️ Pour en savoir plus sur la manière de rendre votre formulaire d'inscription conforme au RGPD, consultez notre article dédié Directives pour un formulaire d'inscription conforme au RGPD.
Si vous utilisez la méthode de confirmation double opt-in pour votre formulaire, nous vous recommandons d'ajouter le texte de consentement de votre champ RGPD à votre template d'email de confirmation double opt-in. C'est le seul moyen de prouver quel texte de consentement l'abonné a accepté. Pour en savoir plus, consultez notre article dédié Double opt-in (DOI) : Qu'est-ce que c'est et comment suivre les inscriptions des utilisateurs
Le bloc Déclaration RGPD informe les abonnés (appelés Personnes concernées dans le cadre du RGPD) que vous utilisez Brevo comme outil marketing et que les données qu'ils fournissent dans le formulaire seront transmises à Brevo pour être traitées conformément à notre Politique de confidentialité. Vous pouvez et devez modifier le texte en fonction de vos exigences légales spécifiques.
➡️ Pour en savoir plus sur la manière de rendre votre formulaire d'inscription conforme au RGPD, consultez notre article dédié Directives pour un formulaire d'inscription conforme au RGPD.
Nous vous recommandons vivement d'utiliser un CAPTCHA pour empêcher les spambots d'ajouter de fausses données à vos listes. Avec Brevo, vous pouvez choisir entre Google reCAPTCHA et Cloudflare Turnstile CAPTCHA.
➡️ Pour en savoir plus, consultez notre article dédié Ajouter un CAPTCHA à un formulaire d’inscription créé dans Brevo.
Confirmation de l'inscription
Cliquez sur Confirmation d'inscription pour commencer à concevoir le message qui apparaît à vos visiteurs lorsqu'ils soumettent votre formulaire d'inscription pop-up. Ce message leur indique que l'inscription est terminée et ce qu'ils peuvent attendre de vous par la suite.
Développez l'accordéon suivant pour en savoir plus sur les blocs disponibles pour concevoir votre confirmation d'inscription.
Le bloc Texte vous permet d'inclure un texte descriptif dans votre confirmation d'inscription. Vous pouvez ajouter un message de confirmation d'inscription attrayant et indiquer à vos visiteurs ce qu'ils peuvent attendre de vous par la suite. Lorsque vous cliquez sur un bloc de texte, une barre supérieure apparaît. Elle vous permet de modifier la mise en forme du texte (style, police, taille, couleur et alignement) et d'insérer des liens.
Fenêtre contextuelle et arrière-plan
Vous pouvez personnaliser l'aspect de votre pop-up sur votre site web. Le design est appliqué à la fois au formulaire et à la confirmation d'inscription. Cliquez sur chaque élément de l'aperçu pour le modifier. Vous pouvez également ajouter des images individuelles en haut de votre formulaire et de votre confirmation d'inscription.
Développez les accordéons suivants pour en savoir plus sur les éléments du pop-up que vous pouvez personnaliser.
Cliquez sur l'arrière-plan dans l'aperçu pour le personnaliser. Vous pouvez choisir une couleur et une opacité pour l'arrière-plan afin de faire ressortir votre fenêtre contextuelle. |
Cliquez sur la fenêtre contextuelle dans l'aperçu pour la personnaliser. Configurez le design de la fenêtre contextuelle, notamment la mise en page, la largeur, l'alignement, l'arrière-plan, l'opacité et d'autres paramètres. Vous pouvez également activer le bouton bascule Afficher l'image et cliquer sur Sélectionner une image pour insérer une image en haut de votre formulaire ou de votre confirmation d'inscription. Vous pouvez ajouter le logo de votre marque ou toute autre image pour rendre votre formulaire visuellement attrayant et plus engageant pour les visiteurs. 💡 Bon à savoir
Vous pouvez inclure une seule image en haut de page afin de ne pas surcharger vos visiteurs. |
Cliquez sur le bouton de soumission de l'aperçu pour modifier son alignement, sa couleur, ses bordures et ses coins. |
Cliquez sur le bouton Fermer pour modifier la couleur de l'icône en forme de X, la couleur de remplissage, les bordures et l'ombre. |
Affichage sur mobile
Tous les formulaires de Brevo bénéficient d'une conception responsive par défaut. Vous pouvez afficher un aperçu de l'apparence de votre formulaire pop-up sur un appareil mobile en passant de l'affichage sur ordinateur au mode mobile en haut de l'éditeur. Notez que vous ne pouvez pas modifier l'affichage en mode mobile. |
Une fois que vous êtes satisfait de l'aspect de votre formulaire pop-up, cliquez sur Enregistrer & Quitter.
⚙️ Étape 4 : configurez votre formulaire pop-up
Développez les accordéons suivants pour voir les options disponibles pour configurer votre formulaire pop-up.
-
Choisissez le moment où les visiteurs verront le pop-up sur votre site web.
- Lorsque la page se charge
Sélectionnez le délai en secondes. -
Lorsque l'utilisateur est sur le point de quitter la page
Le formulaire pop-up apparaît lorsque l'utilisateur est sur le point de quitter la page : lorsqu'il essaie de fermer l'onglet de la page, qu'il entre une nouvelle URL ou qu'il éloigne sa souris de la page.
- Lorsque la page se charge
- Sélectionnez le nombre de visites avant que le pop-up n'apparaisse à un visiteur.
- Sélectionnez le nombre de fois qu'un visiteur peut voir le même formulaire pop-up.
- (Facultatif) Si un visiteur peut voir le même formulaire pop-up au moins deux fois, sélectionnez le délai avant qu'un visiteur ne voie à nouveau ce formulaire pop-up.
- Cliquez sur Enregistrer.
-
Choisissez les pages sur lesquelles les visiteurs verront le pop-up sur votre site web :
-
Afficher sur toutes les pages
Votre formulaire pop-up peut apparaître sur toutes les pages de votre site web. - Afficher sur ces pages uniquement
Entrez l'URL des pages sur lesquelles vous souhaitez que le pop-up apparaisse. Vous pouvez ajouter jusqu'à 20 URL. - Afficher sur toutes les pages sauf celles-ci
entrez l'URL des pages sur lesquelles vous ne voulez pas que le pop-up apparaisse. Vous pouvez ajouter jusqu'à 20 URL.
-
Afficher sur toutes les pages
- Cliquez sur Enregistrer.
-
Décidez si vous souhaitez que les visiteurs confirment leur inscription, reçoivent un email de confirmation ou rien du tout :
-
[Recommandé] Confirmation double opt-in
Avec l'option Confirmation double opt-in, vos abonnés seront soumis à une procédure de double opt-in. Cela signifie qu'ils recevront un email contenant un lien de confirmation (email de double opt-in) après avoir soumis votre formulaire d'inscription. Ils devront cliquer sur ce lien pour confirmer leur inscription et être ajoutés à votre base de données de contacts dans Brevo. Sinon, ils ne seront ni ajoutés, ni abonnés.
Le processus de double opt-in est utile pour vérifier que l'adresse email est valide et recommandée pour la conformité au RGPD.
➡️ Pour en savoir plus, consultez notre article dédié Double opt-in (DOI) : Qu'est-ce que c'est et comment suivre les inscriptions des utilisateurs.
- Cliquez sur la liste déroulante Sélectionner un template et sélectionnez l'une des options suivantes :
- Sélectionnez le template de confirmation double opt-in par défaut. Vous pouvez modifier le template par défaut en accédant à Campagnes > Templates > Email et en recherchant « Template de confirmation double opt-in par défaut » dans la barre de recherche.
- Vous pouvez aussi sélectionner un template personnalisé que vous avez déjà créé.
❗️ ImportantSi vous souhaitez créer votre propre template personnalisé, veillez à suivre la procédure décrite dans notre article dédié Créer un template email de confirmation en double opt-in (DOI) personnalisé pour vos formulaires d'inscription Brevo afin d'inclure les champs obligatoires. Sinon, votre template personnalisé ne sera pas affiché dans la liste déroulante.
- (Facultatif) Cochez la case Envoyer un email de confirmation si vous souhaitez que les visiteurs reçoivent un email confirmant leur inscription, et sélectionnez le template de l'email de confirmation.
- Cliquez sur la liste déroulante Sélectionner un template et sélectionnez l'une des options suivantes :
-
Confirmation opt-in unique
Avec l'option de confirmation opt-in unique, vos contacts reçoivent un email de confirmation et sont ajoutés à votre base de données de contacts dans Brevo juste après avoir soumis votre formulaire d'inscription.
- Cliquez sur la liste déroulante Sélectionner un template et sélectionnez l'une des options suivantes :
- Sélectionnez le template de confirmation opt-in unique par défaut. Vous pouvez modifier le template par défaut en accédant à Campagnes > Templates > Email et en recherchant « Template de confirmation opt-in unique par défaut » dans la barre de recherche.
- Vous pouvez aussi sélectionner un template personnalisé que vous avez déjà créé.
- Cliquez sur la liste déroulante Sélectionner un template et sélectionnez l'une des options suivantes :
-
Aucune confirmation
Avec l'option Aucune confirmation, vos abonnés sont ajoutés à votre base de données de contacts dans Brevo juste après avoir soumis votre formulaire d'inscription. Ils ne recevront aucun email confirmant leur abonnement.
-
[Recommandé] Confirmation double opt-in
- Cliquez sur Enregistrer.
- Choisissez la ou les listes dans lesquelles vos contacts doivent être ajoutés.
Sélectionnez ou créez la ou les listes auxquelles vous souhaitez ajouter vos contacts lorsqu'ils soumettent le formulaire. - (Facultatif) : cochez la case Bloquer les inscriptions avec une adresse email jetable pour ajouter une couche de protection supplémentaire afin d'empêcher les fausses adresses email ou les contacts non intéressés de s'inscrire.
- Cliquez sur Enregistrer.
🚀 Étape 5 : activez votre formulaire pop-up
Une fois que vous avez conçu et configuré votre formulaire pop-up, cliquez sur Activer et Activer le formulaire pour confirmer. Votre formulaire pop-up est maintenant en ligne sur votre site web. 🎉
👀 Étape 6 : affichez les contacts qui se sont inscrits via votre formulaire d'inscription
Vous pouvez accéder aux informations concernant les abonnés qui se sont inscrits via votre formulaire. Développez les accordéons suivants pour savoir où vous pouvez afficher les détails des soumissions de votre formulaire d'inscription.
Pour savoir combien de nouveaux contacts se sont inscrits grâce à votre formulaire et combien de fois le formulaire a été soumis, accédez à Contacts > Formulaires et regardez la colonne Nouveaux contacts et Envois :
Vous pouvez vérifier si un contact spécifique s'est inscrit via votre formulaire en consultant son historique sur sa page de détails :
Pour consulter et télécharger les événements liés à la soumission du formulaire, accédez à Automatisations > Logs > Logs d'événements et sélectionnez Formulaires dans la liste déroulante Tous les événements. Cliquez ensuite sur l'icône de téléchargement 📥 pour télécharger vos événements dans un fichier .CSV. Une fois téléchargé, ouvrez le fichier et filtrez les événements en fonction du nom de votre formulaire d'inscription.
Une fois que vous avez inclus une double confirmation dans votre formulaire d'inscription, un nouvel attribut du contact nommé DOUBLE_OPT-IN est automatiquement ajouté à votre base de données de contacts dans Brevo.
Les contacts qui ont suivi la procédure de double opt-in auront la valeur Oui dans ce champ. Si le contact s'est inscrit avec confirmation simple ou sans confirmation, la valeur de ce champ sera Non. Si le contact a été ajouté par un autre moyen que le formulaire d'inscription, ce champ sera vide.
🤔 Vous avez des questions ?
Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.
Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.