Formulaire conditionnel : afficher les bons champs au bon moment sur votre landing page

Tout formulaire de landing page vit sous une tension : chaque champ supplémentaire coûte des conversions, mais chaque champ retiré appauvrit la qualification des leads. Notre analyse du nombre de champs optimal montre comment arbitrer — le formulaire conditionnel, lui, permet souvent de ne pas arbitrer du tout : il pose les questions supplémentaires uniquement aux visiteurs pour qui elles sont pertinentes. Un particulier et une entreprise ne voient pas les mêmes champs ; celui qui répond « moins de 10 salariés » saute les questions réservées aux grands comptes. Le formulaire reste court pour chacun, tout en collectant davantage au total.

Ce qu'est (et n'est pas) un formulaire conditionnel

La logique conditionnelle affiche, masque ou modifie des champs selon les réponses déjà données. Trois formes courantes sur une landing page :

• Le branchement : « Vous êtes… un particulier / une entreprise » — chaque réponse déroule sa propre série de champs (SIRET et effectif d'un côté, rien de plus de l'autre).
• Le champ de précision : « Autre » fait apparaître un champ texte ; « Oui, je suis déjà client » fait apparaître le numéro de compte.
• La désactivation intelligente : le champ « code postal du chantier » n'apparaît que si la prestation est à domicile.

À ne pas confondre avec le formulaire multi-étapes, qui découpe un long formulaire en écrans successifs sans en changer le contenu : les deux techniques se combinent d'ailleurs très bien — un multi-étapes dont chaque étape s'adapte aux réponses précédentes est le standard des formulaires de devis modernes, et le principe des quiz de génération de leads.

Pourquoi ça marche : moins de champs perçus, moins d'abandon

Le visiteur ne juge pas un formulaire à ce qu'il collecte mais à ce qu'il affiche. Or la recherche sur la conception de formulaires web est claire sur ce point : les recommandations de référence compilées par Bargas-Avila et ses co-auteurs en 2010 (Simple but Crucial User Interfaces in the World Wide Web: Introducing 20 Guidelines for Usable Web Form Design) placent en tête la règle de ne demander que ce qui est nécessaire, chaque question superflue augmentant le coût d'interaction et le risque d'abandon. Le formulaire conditionnel applique cette règle à l'échelle individuelle : « nécessaire » n'est plus défini pour le visiteur moyen, mais pour chaque visiteur selon sa situation. Un champ « effectif de l'entreprise » est superflu pour un particulier — donc il ne le voit jamais.

L'effet se cumule avec les autres bonnes pratiques du formulaire : distinguer l'obligatoire de l'optionnel, valider en temps réel et soigner la microcopie qui explique pourquoi chaque question est posée.

Les quatre cas où la logique conditionnelle se justifie sur une landing page

1. Deux audiences distinctes sur la même page : particulier/professionnel, acheteur/locataire, débutant/avancé — le branchement évite de créer deux pages quand l'offre est commune.
2. Le devis qui dépend du projet : un artisan, un déménageur ou un paysagiste chiffre différemment selon le type de prestation — le formulaire ne pose que les questions du type choisi. C'est le cœur des pages de demande de devis.
3. La qualification commerciale progressive : en B2B, demander le budget uniquement quand la taille d'entreprise le justifie évite de braquer les petits comptes — utile sur une page de demande de démo.
4. La conformité : ne demander une information sensible que lorsqu'elle devient réellement nécessaire est aussi une exigence de minimisation du RGPD — le conditionnel est votre allié juridique.

Concevoir sans usine à gaz : les règles

• Une seule question pivot, en premier : le branchement principal se fait sur la première question (« Vous êtes… »), jamais au milieu du formulaire où il désoriente.
• Deux niveaux de profondeur maximum : une condition qui dépend d'une condition qui dépend d'une condition est intestable et fragile. Si votre logique dépasse deux niveaux, c'est un multi-étapes qu'il vous faut.
• Jamais de champs qui disparaissent avec leur contenu : si le visiteur change sa réponse pivot, prévenez avant d'effacer ce qu'il a saisi — ou conservez les valeurs en mémoire.
• L'apparition doit être fluide et proche : le nouveau champ apparaît directement sous la réponse qui l'a déclenché, pas en bas du formulaire où personne ne le voit.
• Testez chaque branche de bout en bout : chaque combinaison de réponses est un formulaire différent — et chacun doit aboutir. Un bug sur une branche est invisible en test rapide et coûte des leads en silence.

Mesurer : chaque branche a son taux de conversion

Un formulaire conditionnel se mesure par branche, pas en moyenne : si la branche « entreprise » convertit à 8 % et la branche « particulier » à 22 %, la moyenne ne vous apprend rien et masque le problème. Instrumentez la question pivot comme un événement, puis suivez l'abandon de formulaire champ par champ sur chaque branche : c'est presque toujours un champ précis d'une branche précise qui fuit. Le dispositif de mesure complet est décrit dans notre guide du tracking GA4.

En pratique sur votre landing page

Techniquement, la logique conditionnelle tient en quelques lignes de JavaScript sur une page statique — pas besoin d'un outil de formulaire à abonnement. Les templates LanderKit livrent des formulaires propres et accessibles qu'on étend facilement : le cas le plus fréquent, le devis à branches du template service local, se personnalise en changeant la question pivot et les champs de chaque branche. Commencez par la version la plus simple (une question pivot, deux branches), mesurez, et n'ajoutez une condition que lorsqu'une donnée le justifie — le guide complet du formulaire donne la base saine par laquelle commencer.