Comment créer un formulaire multipage dans WordPress

Remplir un long formulaire peut sembler décourageant, surtout lorsque toutes les questions apparaissent sur une seule page. De nombreux utilisateurs perdent intérêt en cours de route, ce qui peut réduire vos taux de conversion.

En divisant un long formulaire en pages plus petites et gérables, vous rendez le processus beaucoup plus facile et plus accessible. Ce simple changement peut entraîner une forte augmentation du nombre de personnes qui complètent et soumettent réellement vos formulaires.

En fait, si vous utilisez les tests A/B sur votre site, vous pouvez mesurer exactement dans quelle mesure vos conversions s'améliorent après avoir divisé un long formulaire.

La bonne nouvelle ? Créer un formulaire multipage dans WordPress est plus facile que vous ne le pensez. Avec le plugin WPForms, vous pouvez utiliser le champ Page Break pour diviser le formulaire en différentes sections.

Dans ce guide, nous vous expliquerons les étapes exactes pour créer votre propre formulaire multipage convivial dans WordPress. Ainsi, vous pourrez rendre les longs formulaires plus faciles à compléter et améliorer vos conversions globales. 🙌

Pourquoi et quand avez-vous besoin d'un formulaire multipage dans WordPress ?

Vous pourriez avoir besoin d'un formulaire WordPress multipage lorsque votre formulaire est long ou comporte de nombreuses questions. Le diviser en plus petites parties le rend plus facile à remplir et augmente la probabilité que les gens le terminent.

L'ajout de formulaires à votre site Web est le moyen le plus simple de collecter des informations et de vous connecter avec vos utilisateurs, que ce soit pour la prise de contact, les inscriptions par e-mail ou les sondages.

Mais les longs formulaires peuvent être écrasants et poussent souvent les utilisateurs à abandonner avant d'avoir terminé.

Pour résoudre ce problème, nous recommandons d'utiliser des formulaires multipages. En divisant vos questions en sections plus petites, vous rendez le formulaire moins intimidant pour les utilisateurs.

Voici un exemple :

Examinons ce qui rend les formulaires multipages si efficaces :

• Barre de progression : Les utilisateurs peuvent voir où ils en sont, ce qui les motive à terminer.
• Moins de champs à la fois : Seules quelques questions apparaissent sur chaque page, ce qui donne l'impression que le formulaire est plus court et moins stressant.
• Fonctionnalités interactives : Vous pouvez ajouter des éléments tels que des choix d'images ou des éléments conversationnels pour rendre le formulaire plus attrayant.

Ces fonctionnalités peuvent aider à améliorer l'expérience utilisateur et à augmenter le taux de complétion de votre formulaire – en particulier pour des formulaires tels que « demande de devis » ou la génération de prospects.

Créer un formulaire WordPress multipage avec WPForms

La manière la plus simple de créer un formulaire multipage dans WordPress est d'utiliser le plugin WPForms. C'est le meilleur plugin de création de formulaires WordPress qui vous permet de créer tout type de formulaire dont vous avez besoin.

Plus de 6 millions de propriétaires de sites Web utilisent WPForms, y compris nous ici sur WPBeginner. Nous l'utilisons pour afficher notre formulaire de contact, mener des sondages annuels auprès des lecteurs, gérer les demandes de migration, et plus encore. Consultez notre avis complet sur WPForms pour en savoir plus sur ses fonctionnalités.

Cela dit, nous allons vous expliquer comment créer un formulaire multipage dans WordPress :

Étape 1 : Installer et activer le plugin WPForms

La première étape consiste à configurer votre compte WPForms. Vous pouvez vous rendre sur le site Web de WPForms et cliquer sur le bouton « Obtenir WPForms maintenant ».

À partir de là, sélectionnez simplement un plan, remplissez les détails nécessaires et suivez les instructions à l'écran pour terminer le processus.

Une fois votre inscription terminée, vous accéderez à votre tableau de bord WPForms. À l'intérieur, vous trouverez votre clé de licence. Copiez votre clé pour l'utiliser à l'étape suivante.

Une fois cela fait, installons et activons le plugin WPForms via l'administration WordPress. Allez simplement dans Plugins » Ajouter un nouveau plugin pour commencer.

Sur l'écran suivant, vous pouvez utiliser la barre de recherche pour trouver rapidement le plugin WPForms.

Ensuite, cliquez sur le bouton « Installer maintenant » et « Activer » lorsqu'il apparaît.

Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, visitez la page WPForms » Réglages, entrez votre clé de licence et cliquez sur le bouton « Vérifier la clé ». (Vous pouvez obtenir cette clé dans votre tableau de bord WPForms.)

Après avoir vérifié votre clé de licence, vous êtes maintenant prêt à créer votre premier formulaire multipage dans WordPress.

Étape 2 : Créez votre formulaire multipage dans WordPress

Pour commencer, naviguons vers la page WPForms » Ajouter un nouveau depuis votre espace d'administration WordPress pour lancer le constructeur de formulaires par glisser-déposer.

Cela vous mènera à la page de configuration à l'intérieur du constructeur de formulaires.

Allez-y et entrez d'abord un titre pour votre formulaire.

Après cela, vous choisirez comment vous allez créer votre formulaire.

WPForms propose plus de 2 000 modèles de formulaires pré-construits pour vous aider à gagner du temps. Vous pouvez rapidement en sélectionner un et le modifier selon vos besoins. Il existe également un modèle de formulaire vierge que vous pouvez utiliser pour créer un formulaire entièrement personnalisé.

Encore mieux, vous pouvez utiliser WPForms AI pour construire rapidement votre formulaire. Il vous suffit d'écrire une courte description, et le constructeur de formulaires IA générera le formulaire pour vous.

Pour ce tutoriel, nous allons utiliser le modèle « Formulaire de suggestion ».

Passez simplement la souris sur la boîte du modèle et cliquez sur le bouton « Utiliser le modèle » pour commencer.

Cela vous mènera à leur constructeur de formulaires, où vous pourrez le personnaliser.

Faites simplement glisser les champs de la colonne de gauche et déposez-les dans votre modèle de formulaire. Vous pouvez également sélectionner des champs de formulaire existants et les personnaliser davantage.

Après avoir ajouté quelques champs de formulaire, vous êtes prêt à ajouter une nouvelle page à votre formulaire.

Allez-y et ajoutez le champ « Saut de page » sous la section « Fancy Fields » de la colonne de gauche.

Lorsque vous faites glisser le champ « Séparation de page » dans votre formulaire, il divise le formulaire à cet endroit exact.

WPForms ajoutera également un marqueur « Première page / Indicateur de progression » en haut de la page. Il poussera le bouton de soumission vers la dernière page, et vos pages précédentes auront maintenant un bouton « Suivant » à la place.

Maintenant, si vous cliquez sur le marqueur « Première page / Indicateur de progression » dans WPForms, vous verrez 4 styles différents d'indicateur de progression parmi lesquels choisir. Chacun fonctionne mieux pour différents types de formulaires :

• La barre de progression simple est idéale pour les formulaires de 3 à 5 pages. Elle affiche une barre propre basée sur un pourcentage qui se remplit au fur et à mesure que les utilisateurs terminent chaque page, ce qui la rend parfaite pour les formulaires de contact, les formulaires d'inscription ou les sondages.
• Les cercles et les connecteurs fonctionnent bien pour les formulaires plus longs de 6 pages et plus. Ces styles donnent aux utilisateurs une idée plus claire du nombre d'étapes restantes, ce qui est particulièrement utile pour les formulaires complexes tels que les candidatures d'emploi ou les questionnaires détaillés.

• Si vous avez un formulaire très court de 2 pages, vous pourriez choisir aucun pour éviter d'encombrer l'interface. De nombreux utilisateurs préfèrent un design minimaliste pour les formulaires simples où la progression est déjà évidente.

L'option de personnalisation des couleurs vous permet de faire correspondre votre indicateur de progression aux couleurs de votre marque. Et si vous ajoutez le « Titre de la page », il s'affichera sur l'indicateur de progression.

Ce petit détail donne à votre formulaire une impression de meilleure intégration avec le design général de votre site web. Ne vous inquiétez pas, vous pouvez toujours revenir en arrière et modifier ce style plus tard si vous décidez d'ajouter ou de supprimer des pages.

Ensuite, vous pouvez cliquer sur le marqueur « Saut de page » pour modifier ses propriétés. Ici, vous pouvez :

• Changer le texte du bouton ‘Suivant’.
• Fournir un titre pour la page suivante.

Vous pouvez ensuite ajouter autant de sauts de page que nécessaire.

Vous pouvez également utiliser la logique conditionnelle pour afficher ou masquer des champs en fonction des réponses des utilisateurs.

Dans ce modèle, vous pouvez voir qu'il est déjà configuré pour le champ ‘Si autre…’. Vous pouvez vérifier en cliquant dessus et en allant dans l'onglet ‘Logique intelligente’.

Lorsque vous avez terminé, cliquez simplement sur le bouton ‘Enregistrer’ en haut à droite.

Vous avez maintenant terminé de créer votre formulaire multipage. La prochaine étape consiste à ajouter le formulaire à votre site web.

Étape 3 (Facultatif) : Ajouter une page de révision/résumé avant la soumission

Une page de révision (également appelée page de résumé) permet aux utilisateurs de voir toutes leurs réponses avant d'appuyer sur le bouton de soumission final. Les utilisateurs apprécient la possibilité de vérifier leurs informations, en particulier sur les appareils mobiles où les erreurs de frappe sont plus fréquentes.

Pour les formulaires plus longs comportant 5 pages ou plus, une page de révision devient essentielle. Elle donne aux utilisateurs la tranquillité d'esprit et réduit le taux d'abandon sur la dernière page, lorsque les utilisateurs pourraient autrement hésiter avant de cliquer sur soumettre.

Pour créer une page de révision dans WPForms, vous pouvez ajouter un dernier champ « Saut de page » tout à la fin de votre formulaire, juste avant le bouton de soumission.

Allez-y et faites glisser le champ « Saut de page » dans l'aperçu du formulaire.

Ensuite, ajoutons un champ « Aperçu de la saisie » sur cette dernière page.

Vous pouvez le placer juste avant le bouton de soumission de votre formulaire.

Pour ouvrir les paramètres de personnalisation, cliquez sur le champ.

Ici, assurons-nous d'activer l'option « Afficher l'avis d'aperçu ». Vous pouvez également modifier le texte prédéfini pour qu'il corresponde à la voix et au ton de votre marque.

Et voilà.

Cela fonctionne particulièrement bien pour les formulaires qui collectent des informations importantes comme les coordonnées, les adresses de livraison ou les informations de paiement. Lorsque les utilisateurs peuvent examiner leurs saisies, ils sont plus susceptibles de repérer les fautes de frappe ou les erreurs avant de soumettre.

Étape 4 : Ajouter votre formulaire multipage aux articles et pages WordPress

Il est judicieux de tester votre formulaire avant de le publier.

Dans le constructeur de formulaire, cliquez sur le bouton « Aperçu » pour ouvrir votre formulaire dans un nouvel onglet.

Sur l'écran d'aperçu, essayez de le remplir comme le ferait un visiteur réel.

Vous pouvez également tester quelques scénarios courants, tels que :

• Sauter un champ obligatoire
• Entrer une adresse e-mail invalide ou une faute de frappe
• Naviguer entre les pages

Cela vous aide à vous assurer que la navigation de vos pages fonctionne correctement et que vos messages d'erreur automatiques se déclenchent correctement, afin que les vrais utilisateurs sachent exactement quoi corriger s'ils font une erreur.

Avant de soumettre le formulaire, vérifiez la section Aperçu de la saisie.

Cela devrait afficher toutes les informations saisies sur chaque page du formulaire.

Une fois que tout semble correct, allez-y et appuyez sur Soumettre pour confirmer que la soumission du formulaire s'est déroulée avec succès.

Si tout fonctionne sans erreur, vous êtes prêt à publier votre formulaire multipage.

WPForms rend super facile d'ajouter des formulaires aux articles et pages WordPress.

Vous pouvez cliquer sur le bouton « Intégrer » en haut du constructeur de formulaire et ajouter le formulaire à une nouvelle page ou à une page existante.

Pour ce tutoriel, nous choisirons l'option ‘Sélectionner une page existante’.

Dans la fenêtre contextuelle suivante, vous pouvez sélectionner une page dans le menu déroulant et cliquer sur le bouton « Allons-y ».

Cela vous mènera à l'éditeur de blocs WordPress.

À partir de là, vous pouvez cliquer sur le bouton ‘+’ pour ajouter le bloc WPForms.

WPForms chargera ensuite le bloc dans l'éditeur de contenu.

À partir de là, vous pouvez sélectionner votre formulaire multipage dans le menu déroulant.

Après cela, vous devriez voir un aperçu de votre formulaire dans l'éditeur de blocs.

À partir d'ici, vous pouvez personnaliser l'apparence de votre formulaire sur votre article ou votre page.

Par exemple, dans le panneau de blocs WPForms à droite, vous pouvez activer le titre et la description du formulaire ou styliser le formulaire à l'aide d'un thème qui correspond à la conception de votre site.

Lorsque vous êtes satisfait de l'apparence, publiez votre page ou votre article.

Une fois cela fait, vous pouvez visiter votre site Web WordPress pour voir votre formulaire multipage en action :

Pour plus de détails, vous pouvez consulter notre guide sur comment intégrer des formulaires dans WordPress.

Astuce bonus : Poussez les formulaires multiparts WordPress au niveau supérieur

Si vous souhaitez obtenir les meilleurs résultats de votre site Web, vous voudrez probablement savoir comment faire passer vos formulaires de génération de prospects au niveau supérieur.

Il existe plusieurs choses que vous pouvez faire pour améliorer considérablement les conversions de vos formulaires multipages WordPress.

Astuce 1. Formulaires de prospects interactifs

WPForms est livré avec un complément Lead Forms qui vous permet d'améliorer votre taux de soumission de formulaires grâce à une conception de mise en page attrayante. (Veuillez noter que le complément Lead Forms est disponible avec le plan WPForms Pro ou supérieur.)

Essentiellement, cela vous permet de présenter aux utilisateurs une question à la fois, rendant vos formulaires moins intimidants et plus faciles à compléter.

Cela fonctionne particulièrement bien pour une demande de devis et d'autres formulaires de génération de prospects sur votre site. Voici un exemple de ce à quoi cela ressemble :

Cette fonctionnalité est similaire au module complémentaire Conversational Forms de WPForms, qui utilise une approche en face à face pour poser aux utilisateurs une question à la fois.

Pour le dire simplement : l'addon Lead Forms affiche une question à la fois dans votre page existante. Pendant ce temps, l'addon Conversational Forms crée une page de destination dédiée en plein écran pour une expérience sans distraction.

Pour plus de conseils, consultez notre guide sur la création de formulaires plus interactifs dans WordPress.

Astuce 2. Activer les soumissions partielles de formulaire

Des recherches de The Manifest ont révélé que 81 % des personnes ont abandonné au moins un formulaire en ligne. Ce taux d'abandon élevé, en particulier pour les formulaires plus longs, explique pourquoi la sauvegarde des entrées partielles est si précieuse.

C'est pourquoi nous recommandons d'activer les soumissions partielles de formulaires dans WordPress. Le complément WPForms Form Abandonment vous permet de le faire facilement. (Cette fonctionnalité puissante est disponible sur le plan WPForms Pro et supérieur.)

Vous pouvez simplement l'activer en allant dans l'onglet Suivi des abandons de formulaires dans les paramètres du constructeur de formulaires.

Cela vous permet d'envoyer des messages de suivi ciblés à ceux qui abandonnent votre formulaire pour augmenter votre taux de conversion des ventes.

FAQ sur l'ajout d'un formulaire multipage dans WordPress

Vous avez d'autres questions sur la création de formulaires multipages ? Voici quelques réponses rapides pour vous aider.

Puis-je avoir plusieurs formulaires sur une seule page ?

Oui, vous pouvez ajouter plus d'un formulaire sur une seule page WordPress. Mais si vous collectez des informations connexes, il est généralement préférable d'utiliser un formulaire multipage à la place. Cela permet de garder les choses organisées et rend le processus plus facile pour vos visiteurs.

Que se passe-t-il si un utilisateur abandonne le formulaire à mi-chemin ?

Par défaut, les données du formulaire ne sont enregistrées que lorsque quelqu'un le soumet. Si vous utilisez WPForms Pro, vous pouvez activer le complément Form Abandonment pour capturer automatiquement les entrées partielles. Ainsi, vous pouvez toujours contacter les personnes qui n'ont pas terminé de remplir le formulaire.

Puis-je ajouter un bouton « Précédent » à mon formulaire multipage ?

Oui ! La plupart des constructeurs de formulaires vous permettent d'ajouter un bouton « Précédent » afin que les utilisateurs puissent revenir en arrière et modifier leurs réponses avant de continuer. C'est un petit détail qui peut rendre vos formulaires plus conviviaux.

Comment puis-je créer un formulaire en plusieurs étapes dans WordPress sans plugin ?

C'est possible, mais pas très pratique. Vous devriez écrire le code vous-même en utilisant HTML et CSS, vous assurer que les informations sont correctement saisies, et créer un système pour traiter et enregistrer les soumissions. L'utilisation d'un plugin comme WPForms est beaucoup plus rapide et plus facile pour la plupart des utilisateurs.

ChatGPT peut-il créer des formulaires ?

ChatGPT peut vous aider à écrire le code HTML ou à planifier le fonctionnement de votre formulaire, y compris une mise en page en plusieurs étapes ou un flux de questions. Mais vous devrez toujours ajouter le formulaire à WordPress vous-même et gérer des éléments tels que la conception, la validation et l'enregistrement des entrées.

Plus de guides pour utiliser les formulaires WordPress

Nous espérons que cet article vous a aidé à ajouter un formulaire multipage dans WordPress.

Si vous avez trouvé cela utile, vous pourriez également consulter nos guides sur :

• Comment afficher un formulaire de contact flottant dans WordPress
• Comment utiliser les formulaires de contact pour développer votre liste d'e-mails dans WordPress
• Façons d'utiliser la logique conditionnelle dans vos formulaires WordPress
• Comment ajouter la fonctionnalité Enregistrer et continuer dans les formulaires WordPress
• Le guide ultime pour utiliser les formulaires WordPress (tout ce que vous devez savoir)

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.