3.5Formulaires de contact
L'essentiel en 30 secondes
- Une extension de formulaire (Contact Form 7, WPForms, Fluent Forms) crée le formulaire sans coder.
- Le vrai enjeu est la délivrabilité : les notifications finissent souvent en spam sans une extension SMTP fiable.
- Protéger le formulaire avec un anti-spam (honeypot, reCAPTCHA) et des champs obligatoires.
Mini-cas filé — recevoir vraiment les messages
Hassan veut recevoir les demandes de devis par e-mail. Samir crée un formulaire simple (nom, e-mail, message), puis découvre que les notifications n'arrivent pas. Il installe une extension SMTP et connecte un service d'envoi fiable. Il ajoute aussi une protection anti-spam : sans elle, la boîte de Hassan se remplirait de robots en quelques jours.
Suite du cas 3.4 — le site est sécurisé, il faut un canal de contact fiable.
1. Créer le formulaire
WordPress ne propose pas de formulaire natif, mais des extensions le font très bien : Contact Form 7 (gratuit et léger), WPForms ou Fluent Forms (glisser-déposer intuitif). On définit les champs utiles — nom, e-mail, message, éventuellement téléphone et type de demande — et on marque les champs essentiels comme obligatoires.
Le formulaire s'insère dans une page « Contact » via un bloc ou un shortcode. Samir prévoit une page de confirmation claire après l'envoi et vérifie le rendu sur mobile. Un formulaire long décourage : mieux vaut demander l'essentiel.
2. Délivrabilité et anti-spam
Le piège classique : le formulaire fonctionne, mais les e-mails n'arrivent pas ou partent en spam. La cause est souvent l'envoi par la fonction mail du serveur, peu fiable. Une extension SMTP comme WP Mail SMTP, connectée à un service d'envoi (Brevo, par exemple), fiabilise la remise des notifications.
Sans protection, un formulaire reçoit rapidement des soumissions robots. On active un honeypot, un reCAPTCHA ou une question simple, et éventuellement une limitation du nombre d'envois. Samir teste un envoi réel après chaque changement et vérifie aussi le dossier spam du destinataire.
🔎 Exemple concret — Recevoir les demandes de Hassan (cas Samir)
1. WPForms : Nom, E-mail, Message (obligatoires).
2. Notification vers contact@atelierbahja.ma.
3. WP Mail SMTP + Brevo pour la délivrabilité.
4. Honeypot + reCAPTCHA.
5. Test réel, vérification du dossier spam.
→ Page de confirmation et message d'erreur clairs.Résultat : un canal de contact fiable et propre.
Leçon : on teste l'envoi réel, pas seulement l'affichage.
Vocabulaire de la section
- Extension de formulaire
- Module qui crée et gère des formulaires sans coder : Contact Form 7, WPForms, Fluent Forms.
Exemple simple : un formulaire de devis pour l'atelier.
Ce que ce n'est pas : coder un formulaire à la main sans protection.
Réflexe : formulaire = extension dédiée.
- Notification
- E-mail envoyé à l'admin ou à l'utilisateur à chaque soumission.
Exemple simple : alerte à contact@atelierbahja.ma.
Ce que ce n'est pas : créer un formulaire sans destinataire configuré.
Réflexe : toujours tester la notification.
- SMTP
- Service d'envoi fiable qui améliore la délivrabilité des e-mails.
Exemple simple : WP Mail SMTP connecté à Brevo.
Ce que ce n'est pas : compter sur la fonction mail du serveur.
Réflexe : mails manquants → vérifier le SMTP.
- Anti-spam
- Protection contre les soumissions robots : honeypot, reCAPTCHA, question.
Exemple simple : honeypot invisible sur le formulaire.
Ce que ce n'est pas : publier un formulaire nu.
Réflexe : anti-spam dès la mise en ligne.
- Champ obligatoire
- Champ requis pour valider l'envoi : nom, e-mail, message.
Exemple simple : l'e-mail est requis pour répondre.
Ce que ce n'est pas : tout rendre facultatif et recevoir des messages inexploitables.
Réflexe : demander l'essentiel, mais l'exiger.
En pratique — Un formulaire qui fonctionne vraiment
- Installez une extension de formulaire et créez un formulaire Nom, E-mail, Message.
- Réglez la notification vers le bon destinataire avec un objet clair.
- Insérez le formulaire dans une page Contact et testez un envoi réel.
- Si l'e-mail manque, installez WP Mail SMTP et connectez un service ; ajoutez un anti-spam.
Script prêt à dire — rassurer sur les messages (20 s)
« Les demandes arriveront directement dans votre boîte, avec le nom, l'e-mail et le message. J'ai réglé l'envoi pour éviter les spams et protégé le formulaire contre les robots. On fera un test ensemble avant la mise en ligne. »
Toujours faire un test réel avec le client : c'est ce qui rassure.
Modèle copier-coller — fiche formulaire
EXTENSION : _______________
CHAMPS (obligatoires) : _______________
DESTINATAIRE DE LA NOTIFICATION : _______________
SMTP CONFIGURÉ : oui / non (service : _______________)
ANTI-SPAM : honeypot / reCAPTCHA / question
TEST RÉEL EFFECTUÉ : oui / non (dossier spam vérifié)Devis
Ajouter le type de projet et un budget indicatif, sans alourdir.
Contact simple
Nom, e-mail, message : l'essentiel suffit.
Réservation
Champs date et nombre de personnes, avec confirmation automatique.
Newsletter
Un seul champ e-mail, double opt-in pour le consentement.
✓ Bonnes pratiques
- Tester un envoi réel après configuration.
- Fiabiliser l'envoi avec un SMTP.
- Protéger le formulaire contre les robots.
✗ Pièges fréquents
- Créer le formulaire sans tester la réception.
- Compter sur le mail du serveur.
- Publier un formulaire sans anti-spam.
Points clés à retenir
- Une extension crée le formulaire sans coder.
- La délivrabilité passe par un SMTP fiable.
- L'anti-spam évite l'invasion de robots.
- Un test réel valide le formulaire avant livraison.
Défi 48h — appliquez demain
Créez un formulaire de contact, configurez la notification et testez un envoi réel. Si le message n'arrive pas, installez un SMTP et recommencez. 20 minutes.
- Je crée un formulaire avec les champs utiles.
- Je configure et teste les notifications.
- Je protège le formulaire contre le spam.
Questions fréquentes
Pourquoi mes e-mails de formulaire n'arrivent-ils pas ?
Souvent parce que le serveur utilise une fonction mail peu fiable ou que le message est classé en spam. Installez une extension SMTP connectée à un service d'envoi reconnu, puis testez à nouveau en vérifiant le dossier spam.
Quel anti-spam choisir ?
Un honeypot invisible est simple et efficace. reCAPTCHA ajoute une vérification visible mais robuste. Pour un petit site, un honeypot et une question simple suffisent souvent ; on ajuste selon le volume de spam.
Puis-je enregistrer les messages dans WordPress ?
Oui, certaines extensions conservent les soumissions en base. Vérifiez les obligations d'information et de conservation des données personnelles : n'enregistrez que le nécessaire et prévoyez une durée de conservation.
Hassan veut recevoir les demandes de contact par e-mail. Quelle solution est la plus sûre ?