Formulaire de contact

Mise en place avec cindy du formulaire de contact

Introduction

Ce guide vous explique pas à pas comment mettre en place un formulaire de contact sur votre blog WordPress en utilisant Brevo (anciennement Sendinblue). Ce système vous permettra de :

  • Capturer les contacts de vos visiteurs
  • Automatiser les réponses
  • Gérer vos leads efficacement
  • Suivre l’historique de vos contacts

Avantages de Brevo : C’est gratuit jusqu’à 300 emails par jour, ce qui est largement suffisant pour démarrer.

PARTIE 1 : Préparation et Configuration Initiale

Étape 1 : Accéder à la Formation

  1. Connectez-vous à votre plateforme de formation
  2. Rendez-vous dans “Challenges”
  3. Sélectionnez le Challenge CRM
  4. Consultez les cours dans l’ordre suivant :
    • Présentation : Qu’est-ce qu’un CRM et pourquoi Brevo ?
    • Installation et configuration de Brevo
    • Configuration du nom de domaine
    • Import de données et création d’opportunités

Étape 2 : Créer un Compte Brevo

  1. Rendez-vous sur Brevo.com
  2. Créez votre compte gratuit
  3. Validez votre email
  4. Connectez-vous à votre tableau de bord

Étape 3 : Configuration du Nom de Domaine

Important : Utilisez votre nom de domaine existant (celui de votre blog)

⚠️ Attention : Ne pas acheter de base de données douteuses ou envoyer des emails en masse non sollicités, sinon vous risquez de “cramer” votre nom de domaine. Restez conforme au RGPD.

Les instructions détaillées de configuration du nom de domaine se trouvent dans le cours dédié.

PARTIE 2 : Créer des Attributs Personnalisés

Qu’est-ce qu’un Attribut ?

Un attribut est une caractéristique qui définit un contact (prénom, téléphone, adresse, surface d’un bien, etc.)

Étape 4 : Créer vos Attributs Personnalisés

Attributs de base (déjà présents dans Brevo) :

  • Email
  • Nom
  • Prénom
  • SMS (numéro de téléphone)

Attributs personnalisés à créer selon vos besoins :

Pour un formulaire immobilier :

  • Surface du bien
  • Année de construction
  • Adresse complète
  • Type de bien
  • Localisation

Comment créer un attribut :

  1. Dans Brevo, allez dans CRM → Contacts
  2. Cliquez sur Paramètres ou Gérer les attributs
  3. Cliquez sur Créer un nouvel attribut
  4. Donnez un nom à l’attribut
  5. Choisissez le type de données (texte, nombre, date, etc.)
  6. Validez

PARTIE 3 : Créer votre Formulaire dans Brevo

Étape 5 : Accéder à la Création de Formulaire

  1. Dans Brevo, cliquez sur le menu Marketing
  2. Sélectionnez Formulaires
  3. Cliquez sur Créer un formulaire

Étape 6 : Configuration du Formulaire

6.1 Nommer votre formulaire

  • Donnez un nom explicite : “Formulaire Contact Blog” ou “Demande Estimation”

6.2 Choisir le type de formulaire

  • Sélectionnez “Formulaire intégré” (pour l’insérer dans votre page)

6.3 Construire votre formulaire

Dans la colonne de gauche, vous verrez les éléments disponibles. Dans la colonne centrale, vous verrez l’aperçu en temps réel.

Étapes de construction :

  1. Supprimez les éléments par défaut (newsletter, etc.) si vous n’en avez pas besoin

  2. Glissez les attributs que vous voulez :

    • Email (obligatoire)
    • Nom
    • Prénom
    • SMS/Téléphone (obligatoire recommandé)
    • Votre message (champ texte libre)

  3. Configurez chaque champ :

    • Cochez “Obligatoire” si nécessaire
    • Modifiez le texte d’exemple (placeholder)
    • Personnalisez le titre du champ

💡 Conseil Important : Ne créez pas un formulaire trop compliqué avec trop de champs. Cela décourage les visiteurs. Pour débuter, un formulaire simple avec nom, email, téléphone et message suffit largement.

6.4 Personnaliser le design

  • Cliquez directement dans l’aperçu pour modifier les textes
  • Modifiez le titre du formulaire (exemple : “Contactez-moi”)
  • Ne mettez pas de textes explicatifs sous chaque champ (trop lourd visuellement)

6.5 Configurer les paramètres RGPD

Pour l’instant, ne touchez pas aux champs RGPD. Si nécessaire, vous les configurerez plus tard.

Étape 7 : Créer une Liste de Contacts

Pourquoi créer une liste ? Pour regrouper tous les contacts qui remplissent ce formulaire spécifique.

  1. Dans les paramètres du formulaire, section “Listes”
  2. Cliquez sur Créer une nouvelle liste
  3. Nommez-la : “Contacts Blog” ou “Demandes Estimation Blog”
  4. Vérifiez qu’elle est bien sélectionnée

Étape 8 : Configuration des Messages de Confirmation

8.1 Email de confirmation automatique

  • Option 1 (simple) : Pas de mail de confirmation pour l’instant
  • Option 2 (recommandée) : Configurez un message simple (nous verrons ça dans la Partie 4)

8.2 Page de remerciement

  • Pour débuter : pas de page de remerciement
  • Plus tard, vous pourrez rediriger vers une page de votre blog

8.3 Message flash de confirmation

  1. Modifiez le message par défaut
  2. Remplacez par : “Votre demande a bien été prise en compte. Je vous recontacte rapidement.”

8.4 Messages d’erreur

  • Laissez les messages par défaut (ils apparaîtront si l’utilisateur oublie un champ obligatoire)

PARTIE 4 : Intégrer le Formulaire sur votre Blog WordPress

Étape 9 : Récupérer le Code du Formulaire

  1. Une fois votre formulaire créé, Brevo vous donne un code iframe
  2. Copiez ce code (il ressemble à ça) :
<iframe src="https://xxxx.brevo.com/..." width="100%" height="300" frameborder="0"></iframe>

Étape 10 : Insérer le Code dans WordPress

Pour les utilisateurs d’Elementor/Astra/Divi :

  1. Ouvrez l’article ou la page où vous voulez insérer le formulaire
  2. Ajoutez un nouveau bloc
  3. Cherchez “HTML personnalisé” ou “Code”
  4. Collez le code iframe copié depuis Brevo

Pour d’autres éditeurs : Le principe reste le même : cherchez un bloc qui permet d’insérer du code HTML/Javascript.

Étape 11 : Ajuster la Hauteur du Formulaire

Problème courant : Le formulaire apparaît trop petit avec une barre de défilement.

Solution :

  1. Dans le code iframe, trouvez : height="300"
  2. Remplacez par : height="600" (ou plus selon vos besoins)

Exemple :

<iframe src="https://xxxx.brevo.com/..." width="100%" height="600" frameborder="0"></iframe>
  1. Sauvegardez et prévisualisez
  2. Ajustez la hauteur jusqu’à ce que le formulaire s’affiche parfaitement

Étape 12 : Tester votre Formulaire

  1. Allez sur votre blog en mode visiteur
  2. Remplissez le formulaire avec des données test
  3. Validez
  4. Vérifiez que le message de confirmation s’affiche

PARTIE 5 : Créer une Automatisation (Essentiel !)

Pourquoi créer une automatisation ?

Pour que :

  • Vous receviez une notification à chaque nouveau contact
  • Le visiteur reçoive une confirmation immédiate
  • Le processus soit entièrement automatique (même à 2h du matin !)

Étape 13 : Créer votre Première Automatisation

  1. Dans Brevo, allez dans Automatisations
  2. Cliquez sur Créer une automatisation
  3. Sélectionnez Partir de zéro
  4. Nommez votre automatisation : “Confirmation Formulaire Blog”

Étape 14 : Configurer le Déclencheur (Trigger)

Le déclencheur = ce qui lance l’automatisation

  1. Choisissez “Contact ajouté à une liste”
  2. Sélectionnez la liste que vous avez créée (ex: “Contacts Blog”)
  3. Validez

Ce que ça signifie : Dès qu’un visiteur remplit le formulaire et s’ajoute à la liste, l’automatisation se déclenche.

Étape 15 : Configurer l’Action (Envoi d’Email)

15.1 Ajouter une action

  1. Cliquez sur le “+” sous le déclencheur
  2. Sélectionnez “Envoyer un email”

15.2 Créer le message de confirmation

  1. Cliquez sur Créer un message à partir de zéro
  2. Choisissez un template simple (texte basique)
  3. Supprimez les éléments inutiles, gardez juste le texte

15.3 Rédiger le contenu du message

Exemple de message :

Bonjour [PRENOM],

J'ai bien reçu votre demande de contact.

Voici les informations que vous m'avez fournies :
- Email : [EMAIL]
- Téléphone : [TELEPHONE]

Je reviens vers vous très rapidement.

Cordialement,
[Votre nom]

Personnalisation avec les variables :

  1. Cliquez sur “Ajouter une variable” en haut
  2. Sélectionnez les attributs à insérer :
    • {{ contact.PRENOM }} pour le prénom
    • {{ contact.EMAIL }} pour l’email
    • {{ contact.SMS }} pour le téléphone
    • etc.

⚠️ Attention : Pensez à mettre des espaces autour des variables !

15.4 Configurer l’objet de l’email

Exemples d’objets :

  • “Confirmation de votre demande”
  • “Votre demande Immobilier [VILLE]”
  • “Confirmation demande estimation”

Vous pouvez aussi personnaliser avec des variables.

15.5 Recevoir une copie (IMPORTANT)

  1. Dans Paramètres avancés
  2. Activez “Recevoir une copie” ou “Copie carbone (CC)”
  3. Entrez votre adresse email

Résultat : À chaque fois qu’un visiteur remplit le formulaire, vous recevez une copie de l’email de confirmation. C’est votre notification !

Étape 16 : Activer l’Automatisation

⚠️ CRUCIAL : N’oubliez pas d’activer l’automatisation, sinon rien ne se passera !

  1. En haut à droite, basculez le bouton sur “Activé”
  2. Confirmez l’activation

PARTIE 6 : Fonctionnalités Avancées (Optionnelles)

Option 1 : Installer l’Extension WordPress Brevo

Avantages :

  • Créer des formulaires directement dans WordPress
  • Ajouter des pop-ups web (notifications push)
  • Personnaliser le design avec du CSS

Installation :

  1. Dans WordPress, allez dans Extensions → Ajouter
  2. Cherchez “Brevo”
  3. Installez et activez
  4. Connectez votre compte Brevo

Limites :

  • Les formulaires sont moins “beaux” par défaut
  • Nécessite des compétences CSS pour personnaliser
  • Plus complexe pour débuter

Recommandation : Commencez par la méthode iframe (Partie 4), puis passez à l’extension si vous voulez plus de contrôle sur le design.

Option 2 : Créer une Série d’Emails Automatiques

Scénario avancé :

  1. Contact remplit le formulaire → Email de confirmation immédiate
  2. J+3 → Email de rappel avec informations complémentaires
  3. J+7 → Email avec étude de marché ou analyse

Comment faire :

  1. Dans votre automatisation, après le premier email
  2. Ajoutez un délai (3 jours)
  3. Ajoutez un nouvel email
  4. Configurez le contenu
  5. Répétez pour créer une séquence

💡 Conseil : Restez simple au début. Une confirmation immédiate suffit. Vous pourrez complexifier plus tard.

Option 3 : Intégration avec d’Autres Outils

  • Leads Facebook : Connectez vos formulaires Facebook à Brevo
  • IA (type ChatGPT) : Générez automatiquement des études de marché à envoyer
  • SMS : Envoyez des notifications SMS (payant)

PARTIE 7 : Gérer vos Contacts dans le CRM

Étape 17 : Consulter vos Contacts

  1. Dans Brevo, allez dans CRM → Contacts
  2. Cliquez sur une liste (ex: “Contacts Blog”)
  3. Vous verrez tous les contacts qui ont rempli le formulaire

Étape 18 : Consulter l’Historique d’un Contact

Pour chaque contact, vous pouvez voir :

  • Date d’inscription
  • Formulaires remplis
  • Emails reçus, ouverts, cliqués
  • Pages consultées sur votre blog (si extension installée)
  • Notes ajoutées manuellement

Comment faire :

  1. Cliquez sur un contact
  2. Consultez l’onglet Historique
  3. Analysez son comportement

Étape 19 : Ajouter des Notes

  1. Ouvrez la fiche d’un contact
  2. Cliquez sur Ajouter une note
  3. Notez les informations importantes (appels, rendez-vous, etc.)

Étape 20 : Créer des Opportunités

Pour suivre vos prospects :

  1. Dans le CRM, allez dans Opportunités
  2. Créez une opportunité liée à un contact
  3. Suivez l’avancement (Nouveau → Contact → Rendez-vous → Signé)

PARTIE 8 : Opérations Marketing avec Brevo

Segmenter vos Contacts

Exemples de segments :

  • Tous ceux qui ont rempli le formulaire il y a plus d’un an (pour réactiver)
  • Tous ceux qui ont ouvert un email spécifique
  • Tous ceux qui n’ont jamais répondu

Comment faire :

  1. Dans Contacts, cliquez sur Créer un segment
  2. Définissez vos critères de filtrage
  3. Sauvegardez

Envoyer une Campagne Email

  1. Allez dans Marketing → Campagne
  2. Cliquez sur Créer une campagne
  3. Choisissez vos destinataires (une liste ou un segment)
  4. Rédigez votre email
  5. Planifiez ou envoyez immédiatement

PARTIE 9 : Bonnes Pratiques et Conseils

✅ À Faire

  1. Rester simple : Un formulaire basique est plus efficace qu’un formulaire complexe
  2. Tester régulièrement : Remplissez votre formulaire vous-même pour vérifier que tout fonctionne
  3. Répondre rapidement : Contactez vos leads dans les 24-48h
  4. Être RGPD compliant : Pas d’achat de bases de données, respect de la vie privée
  5. Regarder les formations : Le cours complet dans le Challenge CRM est essentiel

❌ À Éviter

  1. Créer des usines à gaz : Ne passez pas des nuits blanches à créer des automatisations complexes
  2. Envoyer trop d’emails : Risque de spam et de “cramer” votre domaine
  3. Oublier d’activer : Vérifiez toujours que vos automatisations sont actives
  4. Trop de champs : Un formulaire trop long décourage les visiteurs
  5. Ignorer les notifications : Consultez régulièrement votre CRM

🔧 Dépannage

Problème : Le formulaire ne s’affiche pas

  • Vérifiez que le code iframe est bien collé
  • Vérifiez qu’il n’y a pas de conflit avec un plugin WordPress
  • Essayez d’augmenter la hauteur

Problème : Je ne reçois pas les notifications

  • Vérifiez que l’automatisation est activée
  • Vérifiez que vous avez bien coché “Recevoir une copie”
  • Vérifiez vos spams

Problème : Les emails partent en spam

  • Vérifiez la configuration de votre nom de domaine
  • Évitez les mots “spam” dans vos emails
  • Ne sur-sollicitez pas vos contacts

RÉCAPITULATIF : CHECKLIST COMPLÈTE

Phase 1 : Préparation

  •  Créer un compte Brevo
  •  Consulter les cours du Challenge CRM
  •  Configurer le nom de domaine

Phase 2 : Création des Attributs

  •  Identifier les informations à collecter
  •  Créer les attributs personnalisés nécessaires

Phase 3 : Création du Formulaire

  •  Créer le formulaire dans Brevo
  •  Ajouter les champs (email, nom, téléphone, message)
  •  Créer une liste de contacts
  •  Configurer le message de confirmation

Phase 4 : Intégration WordPress

  •  Copier le code iframe
  •  Ajouter un bloc HTML dans WordPress
  •  Coller le code
  •  Ajuster la hauteur
  •  Tester le formulaire

Phase 5 : Automatisation

  •  Créer une automatisation
  •  Configurer le déclencheur (ajout à la liste)
  •  Créer l’email de confirmation
  •  Personnaliser avec les variables
  •  Activer “Recevoir une copie”
  •  ACTIVER l’automatisation

Phase 6 : Test Final

  •  Remplir le formulaire en tant que visiteur
  •  Vérifier la réception de l’email de confirmation
  •  Vérifier que vous recevez la notification
  •  Vérifier que le contact apparaît dans Brevo

RESSOURCES ET SUPPORT

Où Trouver de l’Aide ?

  1. Cours complet : Challenge CRM sur la plateforme de formation
  2. Support Brevo : Documentation officielle sur Brevo.com
  3. Contact formateur : WhatsApp en cas de problème technique
  4. Forums WordPress : Pour les questions d’intégration

Prochaines Étapes

Une fois votre formulaire opérationnel :

  1. Créez d’autres formulaires (estimation, newsletter, etc.)
  2. Affinez vos automatisations
  3. Explorez les fonctionnalités avancées (segments, opportunités)
  4. Intégrez avec d’autres outils (Facebook Leads, IA, etc.)

CONCLUSION

Vous avez maintenant toutes les clés pour déployer un formulaire Brevo professionnel sur votre blog. Cette solution vous permet de :

✅ Capturer des leads 24h/24
✅ Automatiser vos réponses
✅ Gérer efficacement vos contacts
✅ Suivre l’historique de vos prospects
✅ Le tout gratuitement (jusqu’à 300 emails/jour)

Principe clé : Restez simple. Un système qui fonctionne vaut mieux qu’un système complexe qui ne fonctionne pas. Vous pourrez toujours l’améliorer progressivement.

Bon courage dans la mise en place, et n’oubliez pas : l’action vaut mieux que la perfection 

📌 Note importante : Ce guide est basé sur la transcription de la session de formation. Pour des détails visuels supplémentaires, visionnez la vidéo qui accompagne ce document. En cas de doute sur une étape, référez-vous toujours au cours complet du Challenge CRM.