Créer un formulaire de devis avec Fluent Forms et Zapier en 20 minutes

Chaque semaine, je reçois au moins deux mails de clients potentiels qui commencent par « Bonjour, combien coûterait un site pour… ». Pendant des années, j ai géré ça avec un formulaire Contact Form 7 basique et des allers-retours par mail. C était lent, imprécis, et je perdais des prospects en route. Le jour où j ai branché Fluent Forms sur Zapier, j ai divisé par trois le temps entre la demande initiale et l envoi du devis. Dans ce guide, je vous montre exactement comment reproduire ce système en 20 minutes, montre en main.

Pourquoi un formulaire de devis automatisé change la donne

Un formulaire de contact classique collecte un nom, un mail et un message libre. Le problème, c est que le prospect oublie la moitié des informations dont vous avez besoin pour chiffrer. Résultat : vous relancez, il répond trois jours plus tard, et entre-temps il a signé avec quelqu un d autre.

Un formulaire de devis structuré résout ce problème en guidant le prospect à travers les bonnes questions. Type de projet, budget estimé, délai souhaité, fonctionnalités attendues : tout est cadré dès le départ. En ajoutant une couche d automatisation via Zapier, vous pouvez :

• Envoyer une confirmation personnalisée au prospect avec une estimation indicative
• Créer automatiquement une fiche dans votre CRM (EspoCRM, HubSpot, Notion, Airtable)
• Vous notifier sur Slack ou par SMS pour les demandes urgentes
• Alimenter un tableur Google Sheets qui sert de pipeline commercial
• Déclencher un e-mail de suivi à J+3 si vous n avez pas répondu

J ai mis en place ce système pour un client artisan plombier l an dernier. Avant, il recevait des demandes par téléphone qu il notait sur un carnet. Après : un formulaire sur son site, les données dans un CRM open source, et un devis PDF semi-automatique envoyé dans l heure. Son taux de conversion est passé de 12 % à 28 % en trois mois.

Fluent Forms en 2026 : ce qu il faut savoir avant de commencer

Fluent Forms est un plugin WordPress développé par WPManageNinja. En 2026, il en est à la version 5.x et s est imposé comme une alternative sérieuse à Gravity Forms et WPForms. Ce qui m a fait basculer il y a deux ans, c est la combinaison de trois facteurs : la légèreté du front-end (moins de 30 Ko de CSS/JS chargés), la richesse des champs conditionnels, et le prix.

Pour un formulaire de devis avec automatisation Zapier, il vous faut Fluent Forms Pro. La version gratuite ne donne pas accès au connecteur Zapier ni aux champs de calcul. À 59 $ par an pour un site, c est un investissement qui se rentabilise dès le premier devis gagné grâce au système.

Côté conformité, la CNIL impose le consentement explicite pour tout traitement de données personnelles via un formulaire. Fluent Forms intègre un champ de consentement RGPD natif, et vous pouvez configurer la durée de rétention des données directement dans les réglages du plugin. C est un point que beaucoup de tutos oublient, mais qui peut vous coûter cher en cas de contrôle.

Installer et configurer Fluent Forms sur WordPress

Si vous partez de zéro sur un WordPress local, je vous recommande de suivre d abord mon guide sur Docker Compose pour un environnement WordPress local. Vous aurez un WordPress propre en 5 minutes pour tester sans risque.

L installation se fait en deux temps :

1. Installer la version gratuite depuis le répertoire officiel WordPress. Allez dans Extensions > Ajouter, cherchez « Fluent Forms », installez et activez. Cela crée le menu « Fluent Forms » dans votre sidebar admin.

2. Installer la licence Pro. Après l achat sur fluentforms.com, téléchargez le fichier ZIP de l add-on Pro. Allez dans Extensions > Ajouter > Téléverser, envoyez le ZIP, activez. Retournez dans Fluent Forms > Réglages > License, collez votre clé.

Si vous êtes à l aise avec WP-CLI, c est encore plus rapide :

wp plugin install fluentform --activate
# Puis upload manuel du ZIP Pro via l admin ou SFTP

Une fois activé, allez dans Fluent Forms > Réglages globaux > Zapier. Vous verrez un toggle « Enable Zapier Integration ». Activez-le : cela génère un webhook endpoint unique pour votre site. Gardez cette page ouverte, on y reviendra dans deux sections.

Construire le formulaire de devis étape par étape

Créez un nouveau formulaire (Fluent Forms > Nouveau Formulaire > Formulaire vierge). Voici la structure que j utilise pour mes propres demandes de devis, affinée après 200+ soumissions réelles :

Étape 1 : Informations de contact

• Nom complet (Name Field)
• E-mail (Email Field, validation automatique)
• Téléphone (Phone Field, optionnel)
• Nom de l entreprise (Text Field, optionnel)

Étape 2 : Détails du projet

• Type de projet : menu déroulant avec les options « Site vitrine », « E-commerce », « Application web », « Refonte existante », « Autre » (Dropdown Field)
• Budget estimé : radio buttons « Moins de 2 000 € », « 2 000 à 5 000 € », « 5 000 à 10 000 € », « Plus de 10 000 € » (Radio Field)
• Délai souhaité : « Moins d un mois », « 1 à 3 mois », « Plus de 3 mois », « Pas de deadline » (Radio Field)
• Fonctionnalités souhaitées : checkboxes multiples « Blog », « Formulaire de contact », « Espace membre », « Paiement en ligne », « Multilingue », « SEO avancé » (Checkbox Field)

Étape 3 : Estimation et validation

• Description libre du projet (Textarea, 500 caractères max)
• Upload d un cahier des charges ou maquettes (File Upload, PDF/PNG/JPG, 10 Mo max)
• Case de consentement RGPD : « J accepte que mes données soient traitées pour répondre à ma demande de devis. Politique de confidentialité » (GDPR Field)

Pour activer le mode multi-étapes, cliquez sur l icône « Step Form » en haut du builder. Glissez un « Form Step » entre chaque bloc. C est ce qui transforme votre formulaire en un parcours guidé avec barre de progression. D après mes tests, le taux de complétion passe de 45 % à 67 % quand on découpe un formulaire de 12 champs en 3 étapes visuelles.

Pour le calcul automatique du prix indicatif, utilisez les Payment Fields de Fluent Forms Pro. Assignez une valeur à chaque checkbox de fonctionnalité (par exemple : Blog = 500, Espace membre = 1 200, Paiement en ligne = 800). Le champ « Payment Summary » affiche le total en temps réel. Ce n est pas un devis ferme, c est une estimation qui donne au prospect une idée du budget et filtre les demandes hors budget.

Pensez à configurer la logique conditionnelle : si le prospect choisit « E-commerce », affichez un champ supplémentaire « Nombre de produits estimé ». Si « Refonte existante », affichez un champ « URL du site actuel ». Cela enrichit les données sans surcharger le formulaire pour tout le monde.

Connecter Fluent Forms à Zapier : le pont vers votre CRM

C est là que la magie opère. La connexion entre Fluent Forms et Zapier repose sur un webhook : à chaque soumission du formulaire, WordPress envoie les données à Zapier, qui les redistribue où vous voulez.

Côté Fluent Forms :

1. Ouvrez votre formulaire dans l éditeur
2. Allez dans l onglet Réglages et Intégrations
3. Cliquez sur Zapier dans la liste des intégrations
4. Cliquez sur Add New Zapier Feed
5. Donnez un nom au feed (ex : « Devis vers CRM »)
6. Vous verrez un Webhook URL à copier

Côté Zapier :

1. Créez un nouveau Zap
2. Trigger : choisissez Webhooks by Zapier > Catch Hook
3. Zapier vous donne une URL de webhook : copiez-la
4. Retournez dans Fluent Forms, collez cette URL dans le champ Webhook URL du feed Zapier
5. Sauvegardez le feed
6. Retournez dans Zapier, cliquez sur Test Trigger
7. Soumettez une entrée de test dans votre formulaire
8. Zapier devrait recevoir les données et les afficher

Si le test ne fonctionne pas, vérifiez trois choses : votre site est-il accessible publiquement (pas en localhost) ? Le certificat SSL est-il valide ? Le pare-feu bloque-t-il les requêtes sortantes ? Pour les tests locaux, j utilise un tunnel ngrok ou Cloudflare Tunnel qui expose temporairement mon WordPress local. Si vous déployez sur un VPS, mon guide sur le déploiement WordPress sur VPS OVH couvre la configuration HTTPS.

J ai comparé en détail n8n, Make et Zapier dans un article dédié. Pour ce cas d usage précis, Zapier reste mon choix par défaut parce que l intégration Fluent Forms est native et documentée. Si vous gérez plus de 100 soumissions par mois, regardez Make (ex-Integromat) qui est plus économique à ce volume.

Automatiser le traitement du devis avec Zapier

Une fois le trigger configuré, vous construisez les actions de votre Zap. Voici le workflow que j utilise en production :

Action 1 : Créer une ligne dans Google Sheets
Chaque demande de devis atterrit dans un tableur qui me sert de pipeline. Colonnes : Date, Nom, Email, Type de projet, Budget, Estimation calculée, Statut (Nouveau / Contacté / Devis envoyé / Gagné / Perdu). C est simple, gratuit, et ça fonctionne.

Action 2 : Notification Slack
Un message dans mon channel #prospects avec le résumé : « Nouvelle demande de devis de [Nom] pour un [Type de projet], budget [Budget]. Estimation : [Total calculé] € ». Je vois passer la demande en temps réel sans ouvrir ma boîte mail.

Action 3 : E-mail de confirmation au prospect
Via l action « Email by Zapier » ou via Brevo (ex-Sendinblue) si vous voulez un template plus travaillé. Le prospect reçoit immédiatement un mail personnalisé : « Merci [Prénom], j ai bien reçu votre demande pour un [Type de projet]. Mon estimation indicative est de [Total] € HT. Je reviens vers vous sous 48h avec un devis détaillé. »

Action 4 (optionnelle) : Créer une fiche dans votre CRM
Si vous utilisez EspoCRM, HubSpot, ou même Notion comme CRM, Zapier peut créer automatiquement un lead avec toutes les données du formulaire. Plus besoin de recopier quoi que ce soit.

Le plan gratuit de Zapier (100 tâches/mois, 5 Zaps) suffit pour un freelance. Un Zap avec 4 actions consomme 4 tâches par soumission, soit 25 demandes de devis par mois. Si vous dépassez ce volume, le plan Starter à 19,99 $/mois passe à 750 tâches.

Point important : les données transitent par les serveurs de Zapier aux États-Unis. Si vos clients sont des entreprises soumises au RGPD et que la question se pose, sachez que Zapier propose un Data Processing Addendum conforme au RGPD. Pour une solution 100 % européenne, n8n auto-hébergé est l alternative.

Tester, optimiser et éviter les pièges classiques

Avant de mettre le formulaire en ligne, voici ma checklist de validation, forgée à coups d erreurs sur des projets réels :

Test fonctionnel complet

• Soumettez le formulaire 5 fois avec des données différentes
• Vérifiez que chaque soumission arrive dans Google Sheets, Slack, et la boîte du prospect
• Testez avec un bloqueur de pub activé (uBlock Origin, Adblock Plus) : certains bloqueurs cassent les requêtes Ajax des plugins de formulaires
• Testez sur mobile (iPhone Safari, Android Chrome) : les champs conditionnels et le multi-step doivent fonctionner au tactile
• Testez avec un fichier uploadé de 10 Mo pour vérifier que la limite fonctionne

Les pièges que j ai vus (et subis)

Piège n°1 : le webhook qui expire. Si votre Zap est désactivé pendant plus de 7 jours (plan gratuit), Zapier supprime le webhook. Les soumissions arrivent dans Fluent Forms mais ne déclenchent rien côté Zapier. Vérifiez une fois par mois que vos Zaps sont actifs.

Piège n°2 : les champs vides dans Zapier. Si un champ est conditionnel et que le prospect ne le remplit pas, Zapier reçoit un champ vide. Votre Google Sheets aura des cellules vides, votre mail de confirmation affichera « undefined ». Utilisez les Formatter by Zapier pour gérer les valeurs par défaut.

Piège n°3 : le spam. Un formulaire de devis sans protection se fait spammer en quelques jours. Activez le honeypot intégré de Fluent Forms (Réglages du formulaire > Miscellaneous > Enable Honeypot) et ajoutez hCaptcha ou Turnstile (Cloudflare). Je déconseille reCAPTCHA v2 qui dégrade l expérience utilisateur.

Piège n°4 : la confirmation par défaut. Le message de confirmation par défaut de Fluent Forms est un triste « Thank you for your submission ». Personnalisez-le avec le nom du prospect ({inputs.names}) et l estimation calculée. C est ce premier contact qui donne le ton de votre relation client.

Pour optimiser le taux de conversion, surveillez le taux d abandon par étape. Fluent Forms Pro propose des analytics basiques dans l onglet « Entries ». Si 60 % des visiteurs démarrent l étape 1 mais seulement 30 % arrivent à l étape 3, c est que l étape 2 est trop longue ou demande des informations que le prospect n a pas sous la main. Simplifiez ou rendez certains champs optionnels.

Aller plus loin : variantes et cas d usage avancés

Le système Fluent Forms + Zapier que je viens de décrire est un socle. Voici comment l adapter à des cas plus complexes :

Générer un PDF de devis automatique. Zapier propose une action « PDF by Zapier » (beta) ou vous pouvez passer par Integromat/Make qui gère mieux la génération de documents. Le PDF peut être envoyé en pièce jointe du mail de confirmation. Pour un freelance qui envoie 5 à 10 devis par semaine, c est un gain de temps considérable.

Intégrer un paiement d acompte. Fluent Forms Pro supporte Stripe et PayPal nativement. Vous pouvez ajouter un champ de paiement en fin de formulaire pour encaisser un acompte de 30 % directement après la validation du devis. J ai détaillé les options de paiement dans mon comparatif Stripe vs Lemon Squeezy vs Paddle.

Créer un formulaire multi-langue. Si vous travaillez avec des clients internationaux, Fluent Forms est compatible avec WPML et Polylang. Dupliquez le formulaire, traduisez les labels, et utilisez un Zap différent par langue pour adapter les notifications.

Brancher sur un outil de signature électronique. Via Zapier, vous pouvez envoyer les données du formulaire vers Yousign (solution française, conforme eIDAS) pour déclencher un workflow de signature. Le prospect remplit le devis, vous validez, il reçoit le document à signer électroniquement. Le tout sans quitter l écosystème.

Tracker les sources d acquisition. Ajoutez des champs cachés (Hidden Fields) dans Fluent Forms pour capturer les paramètres UTM de l URL. Vous saurez si le prospect vient de Google, d un post LinkedIn ou d une campagne emailing via Brevo. Ces données, envoyées dans votre Google Sheets via Zapier, vous permettent de calculer le coût d acquisition par canal.

Si vous utilisez Plausible ou Umami comme analytics, vous pouvez aussi tracker les événements de soumission de formulaire sans cookie tiers, en toute conformité RGPD.

Enfin, si votre stack technique repose sur des APIs custom, sachez que Fluent Forms permet aussi d envoyer les données vers n importe quel endpoint via un webhook personnalisé, sans passer par Zapier. C est plus technique mais ça supprime un intermédiaire et ses coûts associés.