Comment créer un formulaire multipage dans WordPress

Les formulaires en plusieurs parties vous permettent de collecter davantage d’informations sans effrayer les utilisateurs. Ils offrent également une meilleure expérience à l’utilisateur et lui permettent de remplir plus facilement le formulaire sans l’abandonner.

Au fil des ans, nous avons créé de nombreux formulaires multi-pages sur WPBeginner et sur les sites de nos autres marques. Ces formulaires nous ont aidés à recueillir les commentaires des utilisateurs et à connaître leurs points de douleur.

Maintenant, il existe de nombreuses extensions qui peuvent vous aider à créer des formulaires sur votre site. Chez WPBeginner, nous utilisons WPForms parce qu’il est très facile à utiliser et offre des tonnes de modèles utiles. Vous pouvez rapidement choisir un modèle, l’éditer selon vos besoins, et afficher le formulaire n’importe où sur votre site.

Dans cet article, nous allons vous afficher comment créer un formulaire multi-pages dans WordPress.

Pourquoi et quand avez-vous besoin d’un formulaire multi-pages dans WordPress ?

Les formulaires sont le moyen le plus simple de collecter des données et d’entrer en contact avec vos utilisateurs/utilisatrices, qu’il s’agisse d’un formulaire de contact, d’un formulaire de capture d’e-mail ou d’une simple enquête.

Cependant, les formulaires trop longs sont décourageants pour les utilisateurs/utilisatrices et augmentent le taux d’abandon des formulaires.

Pour résoudre ce problème, les experts en expérience utilisateur recommandent d’utiliser des formulaires à plusieurs pages. De cette manière, les champs du formulaire sont divisés en sections et en pages.

Avec une barre de progression en haut et moins de champs à l’écran, les utilisateurs/utilisatrices se sentent plus à l’aise pour remplir le formulaire. Il offre une expérience plus engageante et interactive à vos utilisateurs/utilisatrices.

Vous pouvez même rendre le formulaire multi-pages interactif en ajoutant des choix d’icônes et des éléments conversationnels. Cela permet d’améliorer le taux de conversion, en particulier pour les formulaires de demande de devis.

Voyons comment créer facilement un formulaire multi-pages dans WordPress.

Créer un formulaire WordPress multipage avec WPForms

La meilleure façon de créer un formulaire multi-pages dans WordPress est d’utiliser l’extension WPForms. C’est l’extension de construction de formulaires WordPress la plus conviviale pour les débutants, qui vous permet de créer n’importe quel type de formulaire dont vous avez besoin.

Plus de 6 millions de propriétaires de sites utilisent WPForms, y compris nous ici sur WPBeginner.

Pour ce tutoriel, vous aurez besoin au moins de l’offre WPForms de base, car elle comprend des champs fantaisistes à plusieurs parties et des options de personnalisation avancées. Il existe également une version WPForms Lite que vous pouvez essayer gratuitement.

Les utilisateurs/utilisatrices de WPBeginner peuvent bénéficier de remises exclusives sur WPForms. Tout ce que vous avez à faire est d’utiliser le coupon WPForms: SAVE50 pour obtenir une remise de 50% sur l’achat de n’importe quelle offre WPForms.

La première chose à faire est d’installer et d’activer l’extension WPForms. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Lors de l’activation, vous devrez visiter la page WPForms ” Réglages sur votre site WordPress et saisir votre clé de licence. Vous pouvez obtenir cette clé en vous connectant à votre compte sur le site de WPForms.

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

Il suffit d’aller sur la page WPForms ” Ajouter nouveau depuis votre zone d’administration WordPress pour lancer le Constructeur de formulaires.

Dans l’écran suivant, vous devez saisir un titre pour votre formulaire.

WPForms propose de nombreux modèles de formulaires prédéfinis pour vous aider à enregistrer votre temps. Vous pouvez rapidement en sélectionner un et le modifier en fonction de vos Prérequis. Il existe également un modèle de formulaire vierge que vous pouvez utiliser pour créer un formulaire entièrement personnalisé.

Après avoir sélectionné un Modèle, vous pouvez utiliser leur Constructeur de formulaires pour le personnaliser.

Il suffit de faire glisser les champs de la colonne de gauche et de les déposer 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.

Ajoutez le champ “Saut de page” dans les sections “Champs fantaisie” de la colonne de gauche.

Vous remarquerez que WPForms ajoutera un marqueur de saut de page en bas de page et un marqueur Première page / Indicateur de progression en haut de page.

Le bouton d’envoi sera également déplacé vers la page suivante, et votre première page aura désormais un bouton “Suivant” à la place.

Pour modifier les propriétés de votre formulaire multipage, cliquez sur le marqueur “Première page / Indicateur de progression” en haut de la page. Dans la colonne de gauche, sélectionnez un type de barre de progression.

WPForms vous autorise à utiliser une simple barre de progression, des cercles, un connecteur ou Aucun indicateur de progression.

Vous pouvez également choisir la couleur de votre indicateur de page. Dernier point, vous pouvez donner un titre à la première page.

Vous devez maintenant cliquer sur le marqueur “Saut de page” pour en modifier les propriétés.

Vous pouvez fournir un titre pour la page suivante et modifier le texte pour l’afficher sur le bouton Suivant.

Vous pouvez continuer à ajouter des champs de formulaire après le saut de page.

Si vous utilisez la version Pro de WPForms, alors vous pouvez également utiliser la logique conditionnelle pour afficher et masquer les champs du formulaire en fonction des responsive de l’utilisateur.

Après avoir ajouté d’autres champs, vous pouvez ajouter d’autres sauts de page si nécessaire.

Une fois que vous avez créé votre formulaire, cliquez sur le bouton “Enregistrer” dans le coin supérieur droit de l’écran.

Félicitations, vous avez bien créé votre premier formulaire multi-pages.

Ajout d’un formulaire multipage dans les publications et les pages de WordPress

WPForms permet d’ajouter très facilement des formulaires aux publications et aux pages de WordPress.

Vous pouvez cliquer sur le bouton “Contenu embarqué” en haut du constructeur de formulaires et ajouter le formulaire à une page nouvelle ou existante.

Nous sélectionnerons l’option “Créer une nouvelle page” pour ce tutoriel.

Vous devez ensuite saisir un nom pour votre nouvelle page. Une fois que c’est fait, cliquez sur le bouton “Let’s Go”.

Vous pouvez également ajouter le bloc WPForms dans l’éditeur de contenu de WordPress pour intégrer votre formulaire à n’importe quelle publication de blog WordPress.

Il suffit de sélectionner votre formulaire multi-pages dans le menu déroulant du bloc WPForms.

Après cela, vous devriez voir une Prévisualisation de votre formulaire dans l’éditeur de blocs. Allez-y et publiez votre page ou votre publication.

Ensuite, vous pouvez visiter votre site pour voir votre formulaire multi-pages en action.

Les formulaires multipartites de WordPress passent à la vitesse supérieure

Maintenant, si vous êtes comme nous et d’autres propriétaires d’entreprises intelligents, alors vous voulez probablement savoir comment faire passer vos formulaires de génération de prospects au niveau supérieur.

Il y a deux choses que vous pouvez faire pour améliorer radicalement vos conversions de formulaires multipages WordPress.

1. Formulaires interactifs pour prospects

WPForms est livré avec un module Mises en page qui vous permet d’améliorer le taux d’achèvement de vos formulaires grâce à un design de mise en page attrayant.

Il vous permet d’afficher aux utilisateurs/utilisatrices une question à la fois, ce qui rend vos formulaires moins intimidants et plus faciles à remplir.

Cela fonctionne particulièrement bien pour un formulaire de demande de devis et d’autres formulaires de génération de prospects sur votre site. Voici un exemple de ce que cela donne :

Version du principe des formulaires conversationnels dont WPForms a été le pionnier dans le passé. Les formulaires conversationnels adoptent l’approche d’une question à la fois, comme dans une conversation en face à face.

Contrairement au module de formulaires de prospects, les formulaires conversationnels sont des pages d’atterrissage de formulaire pleine page qui peuvent aussi très bien fonctionner pour des formulaires plus longs puisque les utilisateurs/utilisatrices peuvent remplir ces formulaires uniquement à l’aide du clavier.

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

2. Autoriser les entrées partielles de formulaires

Saviez-vous que 81 % des personnes abandonnent un formulaire avant de le terminer ? C’est vrai pour la plupart des sites, en particulier pour les formulaires plus longs.

C’est pourquoi nous recommandons d’activer les entrées de formulaire partielles dans WordPress. Le module d’abandon de formulaire WPForms vous permet de le faire en toute simplicité.

Vous pouvez simplement l’activer en allant dans l’onglet Abandon de formulaires dans les Réglages du Constructeur de formulaires.

Cela vous permet d’envoyer des messages de suivi ciblés à ceux qui abandonnent votre formulaire afin de stimuler la conversion de vos ventes.

Nous espérons que cet article vous a aidé à ajouter un formulaire multi-pages dans WordPress. Vous pouvez également consulter notre guide sur la façon d’afficher un formulaire de contact flottant dans WordPress et notre guide ultime pour utiliser les formulaires WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.