Le Form Builder Elementor Pro : créer des formulaires avancés

Le Form Builder Elementor Pro : bien plus qu’un formulaire de contact

Le Form Builder d’Elementor Pro est l’un des modules les plus polyvalents. Il couvre tout le spectre des besoins en collecte de données : du simple formulaire de contact au formulaire multi-étapes avec paiement intégré, logique conditionnelle, et connexion CRM. C’est un module qui justifie à lui seul l’abonnement Pro pour tout site professionnel qui génère des leads — en évitant l’achat de plugins dédiés comme WPForms Pro ou Gravity Forms.

Les types de champs disponibles

Le Form Builder Pro propose tous les types de champs nécessaires : Texte, Email, Téléphone, URL, Nombre, Téléchargement de fichier, Zone de texte, Sélecteur (liste déroulante), Cases à cocher, Boutons radio, Date, Heure, HTML personnalisé, Calcul automatique (valeur calculée à partir d’autres champs), et Honeypot anti-spam invisible. La logique conditionnelle permet d’afficher ou masquer des champs dynamiquement selon les réponses précédentes.

Les intégrations marketing natives

Après soumission d’un formulaire, plusieurs actions peuvent être déclenchées simultanément : envoi d’email (multiple destinataires, template HTML personnalisable), ajout à Mailchimp, ActiveCampaign, HubSpot, ConvertKit, GetResponse, MailerLite ou Drip, envoi via Webhook vers Zapier ou Make, redirection vers une page de remerciement, téléchargement automatique d’un fichier (lead magnet), et paiement Stripe intégré. Chaque action peut être conditionnée par les valeurs du formulaire.

Formulaires multi-étapes : guide de configuration

Les formulaires multi-étapes sont natifs dans le Form Builder Pro. Pour en créer un, ajoutez un champ de type « Séparateur de page » entre vos groupes de champs. Chaque séparateur crée une nouvelle étape. Un indicateur de progression s’affiche automatiquement (barre de pourcentage, numérotation des étapes, ou les deux). Les étapes sont validées individuellement avant de passer à la suivante — ce qui réduit les erreurs et améliore les taux de complétion. Pour les formulaires de devis avec 10+ champs, c’est la solution idéale.

Logique conditionnelle : afficher des champs selon les réponses

La logique conditionnelle permet d’afficher ou masquer des champs selon les valeurs des champs précédents. Exemples pratiques : afficher le champ « Nom de la société » uniquement si l’utilisateur sélectionne « Professionnel », afficher un champ « Détails du projet » uniquement si le budget est supérieur à 5 000€, ou afficher des champs supplémentaires selon le service sélectionné. Cette logique se configure sans code depuis l’interface Elementor, champ par champ.

Protection anti-spam intégrée

Le Form Builder intègre trois niveaux de protection anti-spam : le honeypot (champ invisible rempli automatiquement par les bots), reCAPTCHA v3 de Google (invisible, score de risque — aucune interaction requise), et reCAPTCHA v2 (case à cocher classique). Pour une protection maximale sans friction utilisateur, la combinaison honeypot + reCAPTCHA v3 est ma configuration standard sur tous les formulaires publics. Le honeypot fonctionne sans clé API — activez-le systématiquement.

Stockage des soumissions dans WordPress

Par défaut, Elementor Pro ne stocke pas les soumissions de formulaires dans WordPress — elles sont envoyées par email et/ou vers les outils connectés. Pour un stockage local, activez l’intégration avec le plugin gratuit « Elementor Pro Form DB » ou utilisez Flamingo (plugin gratuit d’Automattic) qui stocke chaque soumission dans l’admin WordPress. Cette fonctionnalité est utile comme backup en cas d’email perdu ou de CRM indisponible.

→ Retour au guide complet Elementor Pro

FAQ — Form Builder Elementor Pro

Le Form Builder est-il compatible avec Mailchimp et ActiveCampaign ?

Oui. Le Form Builder s’intègre nativement avec Mailchimp, ActiveCampaign, HubSpot, ConvertKit, GetResponse, Drip, et MailerLite. Chaque soumission peut être envoyée simultanément par email ET ajoutée à une liste de plusieurs de ces outils. La configuration se fait sans code depuis l’onglet « Actions après soumission » dans les paramètres du widget Formulaire.

Peut-on créer des formulaires multi-étapes avec Elementor Pro ?

Oui. Le Form Builder Pro propose un mode multi-étapes nativement. Ajoutez un champ « Séparateur de page » entre vos groupes de champs pour créer plusieurs étapes. Un indicateur de progression (barre ou numérotation) s’affiche automatiquement, avec validation individuelle à chaque étape avant de passer à la suivante.

Comment configurer un formulaire pour envoyer des fichiers (upload) ?

Le Form Builder inclut un champ « Téléchargement de fichier ». Dans les paramètres du champ, définissez les types acceptés (PDF, images, documents), la taille maximale par fichier, et le nombre maximum de fichiers. Les fichiers uploadés sont stockés dans la médiathèque WordPress et envoyés en pièce jointe dans l’email de notification.

Peut-on recevoir les données de formulaire dans un Google Sheet ?

Pas nativement, mais via les webhooks Elementor Pro. Ajoutez l’action « Webhook » dans « Actions après soumission » et entrez l’URL d’un Zap Zapier ou d’un scénario Make qui reçoit les données et les insère dans un Google Sheet. Cette approche fonctionne parfaitement et ne nécessite aucun plugin supplémentaire.

Le Form Builder gère-t-il la protection anti-spam ?

Oui. Le Form Builder intègre reCAPTCHA v3 (invisible, score de risque), reCAPTCHA v2 (case à cocher), et hCaptcha comme alternative respectueuse de la vie privée. Il propose aussi un champ honeypot (piège à spam invisible) qui fonctionne sans clé API. Je recommande d’activer a minima le honeypot + reCAPTCHA v3 sur tous les formulaires exposés publiquement pour une protection efficace sans friction utilisateur.

Autres ressources Elementor

Elementor Pro et Git : versionner ses templates (avancé)

Comment versionner ses templates Elementor Pro avec Git ? Guide avancé pour les freelances et agences qui veulent un suivi des modifications propre....

Portfolio créatif avec Elementor : exemples et bonnes pratiques

Comment créer un portfolio créatif avec Elementor Pro ? Galeries dynamiques, filtres, mises en page immersives. Exemples et bonnes pratiques par un expert....

Site web PME avec Elementor Pro : ce qu’il faut prévoir

Créer un site web pour une PME avec Elementor Pro : ce qu'il faut prévoir en termes de contenu, budget, fonctionnalités et stratégie SEO. Guide...

CDN pour site Elementor : Cloudflare vs BunnyCDN — guide pratique

Quel CDN choisir pour un site Elementor Pro : Cloudflare ou BunnyCDN ? Configuration, avantages, tarifs et paramètres spécifiques à Elementor....

Popup Builder Elementor Pro : guide complet

Le Popup Builder Elementor Pro permet de créer des popups conditionnels sans plugin. Déclencheurs, conditions, design : guide complet avec exemples....

Données structurées Schema.org sur Elementor : comment les implémenter

Comment implémenter les données structurées Schema.org sur un site Elementor Pro ? Rank Math, JSON-LD, types de schema et vérification avec Google....