Formulaire multi étapes : définition et bonnes pratiques

Formulaire multi étapes : de quoi parle-t-on ?

Un formulaire multi-étapes répartit ses champs sur plusieurs écrans. L'internaute répond à quelques questions, clique sur un bouton pour passer à l'étape suivante, puis recommence jusqu'à la soumission finale. En anglais, on parle de multi-step form. À l'inverse, un formulaire d'une page affiche tout d'un coup.

Les deux formats recueillent les mêmes données. Seule la façon de les demander change. Le découpage a un but simple : ne pas submerger le visiteur. Devant vingt champs empilés, beaucoup referment l'onglet. Devant trois questions simples, ils commencent, et une fois lancés, ils ont envie de terminer.

Les éléments d'un formulaire en plusieurs étapes

• Des étapes courtes, chacune centrée sur un seul thème.
• Une barre de progression qui montre le chemin parcouru.
• Un bouton Suivant et un bouton Retour, toujours au même endroit.
• Une logique conditionnelle qui adapte les questions aux réponses.
• Un récapitulatif avant l'envoi final.

Formulaires longs : quand passer à plusieurs étapes ?

Tous les formulaires ne gagnent pas à être découpés. Une inscription à la newsletter tient en un ou deux champs : l'étaler sur plusieurs écrans la rendrait pénible. Le format en étapes prend son sens dès que la saisie devient longue ou que les questions changent selon le profil.

• Une demande de devis détaillée.
• Un simulateur ou une estimation de prix.
• Une prise de rendez-vous avec choix du service.
• Une création de compte ou un onboarding de logiciel.
• Une candidature ou un dossier d'inscription.

Pourquoi découper en étapes ? Un formulaire long en étapes paraît plus léger, alors qu'il contient autant d'informations. Il permet aussi de commencer par les questions faciles. Les demandes sensibles, comme le téléphone ou le budget, augmentent l'effort perçu : mieux vaut les garder pour la fin, quand le visiteur est déjà engagé.

Créer un formulaire multi-étapes : la méthode en 6 étapes

1. Lister les informations vraiment utiles

Avant de créer un formulaire, notez chaque donnée demandée et l'usage que vous en ferez. Supprimez les champs qui ne servent ni au devis ni au rappel commercial. Chaque question en moins, c'est une raison d'abandonner en moins.

2. Regrouper les questions par thème

Formez des blocs logiques : le projet, puis le besoin, puis les coordonnées. Gardez peu de champs par écran. Certains placent la capture de l'e-mail assez tôt pour relancer les saisies abandonnées. Ce n'est possible que si votre politique de confidentialité le prévoit et que le visiteur en est informé.

3. Ajouter la logique conditionnelle

La logique conditionnelle sert à afficher ou masquer une question selon la réponse précédente. Un particulier ne voit pas le champ SIRET. Un client qui choisit « site e-commerce » reçoit des questions sur son catalogue. Ce saut d'étape évite de poser des questions qui ne correspondent pas à sa situation.

4. Montrer la progression

Une barre de progression ou un repère « étape 2 sur 4 » rassure : le visiteur sait combien il lui reste. Avec une logique conditionnelle, le total peut varier selon les réponses. Dans ce cas, préférez des étapes nommées à un pourcentage qui saute d'un coup.

5. Soigner les boutons et la validation

Chaque bouton doit annoncer ce qui suit. « Voir mon estimation » est plus clair que « Envoyer » : c'est la base d'un bon appel à l'action. Vérifiez chaque champ au fil de la saisie, avec un message compréhensible, au lieu d'attendre la fin. Enfin, les réponses déjà complétées doivent rester en mémoire quand on revient en arrière.

6. Mesurer, puis tester

Suivez chaque écran comme un événement GA4 pour repérer l'endroit exact où les visiteurs décrochent. Comparez ensuite deux versions grâce à l'A/B testing : ordre des questions, nombre d'étapes, libellés des boutons. Les chiffres de votre propre site valent mieux que n'importe quelle règle générale, et ils montrent si votre taux de conversion progresse vraiment.

Les pièges d'un formulaire en plusieurs étapes

• Trop d'écrans pour peu de champs : chaque clic doit faire avancer.
• Demander le numéro de téléphone dès le premier écran.
• Perdre les réponses quand l'utilisateur clique sur Retour.
• Une progression qui recule ou qui ment sur ce qu'il reste.
• Un style différent du reste du site, qui inquiète au lieu de rassurer.
• Oublier le mobile : boutons trop petits, clavier inadapté au champ.

Pensez aussi aux personnes qui naviguent au clavier ou avec un lecteur d'écran. Chaque changement d'écran doit être annoncé et le focus bien placé, comme le demandent les règles d'accessibilité web RGAA. Côté serveur, un formulaire plus long reste une porte d'entrée : prenez le temps de sécuriser votre formulaire de contact contre le spam et les envois automatisés.

Combien coûte un formulaire multi-étapes ?

Il n'existe pas de tarif unique. Un formulaire simple, intégré dans un site existant, demande peu de travail. Un parcours qui calcule un prix et alimente votre CRM est un vrai petit logiciel. Le budget dépend surtout de ces points :

• le nombre d'étapes et de questions ;
• la complexité de la logique conditionnelle ;
• les connexions à vos outils : CRM, agenda, e-mails automatiques ;
• un calcul d'estimation affiché en direct ;
• le suivi analytique de chaque étape ;
• un design sur-mesure, accordé au reste du site.

Chez RankerSquare, un site vitrine sur-mesure est proposé dès 19,90 € par mois en abonnement. Un formulaire avancé, branché à vos outils, fait l'objet d'un devis. Pour un site pensé pour générer des demandes, découvrez notre offre de création de site internet.

Questions fréquentes