Comment activer l'aperçu des entrées pour les utilisateurs dans les formulaires en plusieurs parties WordPress ?

Publié: 2022-09-30

Vous voulez savoir comment activer l'option de prévisualisation des entrées pour les utilisateurs dans les formulaires en plusieurs parties de WordPress ? Laissez-nous vous aider avec un guide étape par étape facile qui vous aidera à en créer un pour votre site Web WordPress.

L'option d'aperçu permet aux utilisateurs d'afficher les données qu'ils ont saisies pour remplir les parties précédentes d'un formulaire en plusieurs parties. De cette façon, les utilisateurs peuvent revenir en arrière et modifier les informations qu'ils ont fournies si nécessaire.

Ainsi, cet article vous donnera un guide détaillé sur la façon dont vous pouvez activer l'aperçu d'entrée pour les utilisateurs dans les formulaires en plusieurs parties WordPress.

Table des matières

Meilleur moyen d'activer l'aperçu des entrées dans les formulaires en plusieurs parties WordPress

Soyons honnêtes, personne n'aime remplir de longs formulaires. Mais voici une petite astuce pour amener vos utilisateurs à remplir et à envoyer votre formulaire.

Vous pouvez créer un formulaire en plusieurs parties qui divise le formulaire long en plusieurs étapes. Ainsi, les champs du formulaire sont plus organisés et plus faciles à remplir pour les utilisateurs.

En plus de cela, vous pouvez fournir un aperçu de toutes les données que les utilisateurs ont remplies dans les champs avant de soumettre le formulaire. Cela évite que des données incorrectes soient saisies dans le système. Les utilisateurs peuvent simplement aller à la partie précédente et modifier les données incorrectes.

Activer l'aperçu de l'entrée dans le formulaire en plusieurs parties

Par conséquent, tout ce dont vous avez besoin est le meilleur plugin de création de formulaires, Everest Forms. Il s'agit d'un générateur de formulaires par glisser-déposer riche en fonctionnalités qui convient à la création de tout type de formulaire en ligne.

Formulaires Everest pour activer l'aperçu des entrées dans les formulaires en plusieurs parties WordPress

Plus important encore, il vous fournit le module complémentaire Multi Part Forms. Ce module complémentaire vous aide non seulement à créer de superbes formulaires en plusieurs parties, mais permet également de les prévisualiser.

Module complémentaire multi-parties Activer l'aperçu des entrées dans les formulaires multi-parties WordPress

Grâce à la fonction d'aperçu des entrées, vous pouvez :

  • Recueillir des informations correctes auprès des utilisateurs
  • Permettre aux utilisateurs de revenir rapidement à la partie précédente pour modifier les entrées

C'est pourquoi, nous utiliserons Everest Forms pour activer la prévisualisation des entrées dans les formulaires WordPress en plusieurs parties dans ce didacticiel.


Comment activer l'aperçu des entrées dans les formulaires en plusieurs parties WordPress

Voici un processus étape par étape pour activer l'aperçu des entrées dans les formulaires en plusieurs parties WordPress.

Étape 1 : Installer et activer Everest Forms et Everest Forms Pro

La première chose à faire est de configurer Everest Forms et Everest Forms Pro sur votre tableau de bord WordPress.

Vous aurez besoin à la fois de la version gratuite et de la version pro du plugin. En effet, le module complémentaire Multi Part Forms n'est disponible que dans la version premium (plan Plus ou supérieur).

Pour un tutoriel détaillé, consultez notre article sur l'installation d'Everest Forms Pro. Il vous guidera dans le processus d'installation des versions gratuites et premium d'Everest Forms.


Étape 2 : Installer et activer le module complémentaire Multi Part Forms

Puisque vous avez la version pro, vous pouvez désormais installer facilement l'un des modules complémentaires Everest Forms.

Pour cela, accédez à Everest Forms >> Add-ons . Après cela, recherchez les formulaires en plusieurs parties . Ensuite, cliquez sur le bouton Installer le module complémentaire et appuyez sur Activer .

Module complémentaire en plusieurs parties

Vous saurez que le module complémentaire est actif lorsque le statut indique Activé .


Étape 3 : Créer un nouveau formulaire en plusieurs parties

Une fois que vous avez installé et activé le module complémentaire Multi Part Forms , accédez à Everest Forms >> Ajouter un nouveau fichier . Dans la page Ajouter un nouveau formulaire , vous trouverez une collection de modèles de formulaires prédéfinis. Cependant, vous pouvez également repartir de zéro.

Nouveau départ à zéro

Dans ce didacticiel, nous allons vous montrer comment créer un formulaire en plusieurs parties à partir de rien. Alors, cliquez sur Start From Scratch et nommez votre formulaire. Ici, nous l'appellerons "Formulaire multi-parties" et appuyez sur Continuer .

Nom contextuel

Cela vous amène au générateur de formulaires Everest Forms. Mais avant de commencer à créer votre formulaire, vous devez activer la fonctionnalité en plusieurs parties.

Pour cela, accédez à Paramètres en haut et cliquez sur l'onglet Multi-Part . Ici, vous devrez activer l'option Formulaire en plusieurs parties , et vous êtes prêt à partir.

Activer plusieurs parties

Juste après avoir activé cette option, la première partie apparaît dans le générateur de formulaire. Il s'intitule Titre de la partie , que vous pouvez modifier ultérieurement à partir des options de la page .

Paramètres d'option de plusieurs parties

Maintenant, tout ce que vous avez à faire est de faire glisser le champ souhaité et de le déposer dans votre formulaire.

Glisser-déposer Formulaire en plusieurs parties

Pour ajouter une autre partie à votre formulaire, cliquez sur Ajouter une nouvelle partie, que vous trouverez au bas de votre formulaire. Cela ouvrira la prochaine page vierge pour vous où vous pourrez continuer à ajouter les champs souhaités comme avant.

Titre de la pièce Ajouter une nouvelle pièce

Vous pouvez également ajuster les pièces individuelles ou déplacer leur position. Faites simplement glisser la partie vers la droite ou vers la gauche pour cela.

Déplacer plusieurs pièces

De même, vous pouvez modifier le titre de la pièce et les étiquettes sous les options de page . Ici, nous avons nommé les parties "Coordonnées" et "Informations supplémentaires".

Titre et étiquette

Pour un didacticiel plus détaillé, consultez cet article sur la création d'un formulaire en plusieurs étapes à l'aide d'Everest Forms.

Enfin, cliquez sur le bouton Enregistrer pour enregistrer les modifications que vous avez apportées à votre formulaire.


Étape 4 : Activer l'option d'aperçu des entrées

Maintenant, voici la partie importante. Le module complémentaire Multi Part Forms vous permet également d'activer l'aperçu des entrées dans le formulaire. Cette fonctionnalité peut être appliquée à toutes les pièces sauf la première puisqu'elle n'a pas de pièces précédentes.

Pour activer l'option d'aperçu d'entrée, sélectionnez la partie pour laquelle vous souhaitez afficher un aperçu. Après cela, allez dans Options de page sur la gauche et faites défiler vers le bas pour trouver Activer l'aperçu. Ensuite, activez cette option en cochant la case.

Activer l'aperçu

Ici, vous pouvez également ajouter un message HTML personnalisé dans la zone Aperçu du message . Cela sera affiché plus tard sur la partie où vous avez activé l'aperçu.

Aperçu du message

Une fois que vous avez défini le message d'aperçu, allez plus loin pour sélectionner la mise en page parmi les trois mises en page données.

Trois mises en page d'aperçu
  • Disposition de base : Il a une interface simple suivie de l'entrée ou de la sélection de l'utilisateur. Voici un exemple de la façon dont cette mise en page apparaît sur le front-end.
Disposition de base
  • Disposition du tableau : il utilise également une disposition de texte, mais place les étiquettes de champ et l'entrée de l'utilisateur dans deux colonnes distinctes. Par conséquent, cela occupe moins d'espace sur le formulaire
Disposition du tableau
  • Disposition des colonnes : les données d'entrée sont affichées sur 3 colonnes.
Présentation de l'aperçu des colonnes

Vous pouvez également ajouter des classes CSS personnalisées pour une personnalisation plus poussée.

Classe CSS

Enregistrez les modifications et vous avez activé avec succès l'aperçu des entrées pour le formulaire.


Étape 5 : Configurer les paramètres de formulaire en plusieurs parties

Ensuite, vous pouvez ouvrir l'onglet Paramètres du formulaire pour configurer les paramètres du formulaire en plusieurs parties. Ici, vous trouverez 4 sections avec diverses options de personnalisation.

Général : avec les paramètres généraux , vous pouvez modifier la description du formulaire, le message de formulaire désactivé , la mise en page du formulaire, etc.

réglages généraux

E- mail : les paramètres d'e-mail vous permettent de créer des modèles de notification par e-mail pour les administrateurs et les utilisateurs.

Paramètres de messagerie

WebHook : à l'aide d'un WebHook , vous pouvez envoyer les données du formulaire à n'importe quelle URL externe. Tout ce que vous avez à faire est de définir l' URL de la demande , la méthode de la demande, le format de la demande et l'en-tête de la demande.

Paramètres WebHook

Multi-Part : cette section vous permet de personnaliser l'indicateur de progression, l'alignement des pièces, etc.

  • Indicateur de progression : C'est une barre de progression par défaut. Cependant, vous pouvez choisir Circle Bar , Arrow Steps ou None dans la liste déroulante.
  • Couleur de l'indicateur de progression : Vous pouvez sélectionner la couleur souhaitée pour l'indicateur de progression.
  • Alignement de la navigation des pièces : cette option vous permet de sélectionner un alignement approprié pour les boutons des pièces. Vous pouvez le définir à droite, à gauche, au centre ou divisé .
Paramètres multi-parties

Vous pouvez maintenant cliquer sur Enregistrer pour enregistrer les modifications que vous avez apportées au formulaire.


Étape 6 : Ajoutez votre formulaire au site Web

Vous avez créé avec succès un formulaire en plusieurs parties à l'aide d'Everest Forms et activé l'aperçu des entrées pour celui-ci. Mais il ne sera pas visible pour vos utilisateurs à moins que vous n'affichiez votre formulaire sur le site Web.

Par conséquent, pour ajouter le formulaire à votre site, vous pouvez utiliser l'une de ces deux méthodes.

La première consiste à utiliser le shortcode du formulaire. Vous pouvez simplement copier le shortcode que vous voyez en haut du générateur de formulaire.

Copier le code court du formulaire

Ensuite, créez une nouvelle page ou un nouveau message et vous accéderez à l'éditeur Gutenberg. Ici, appuyez sur l'icône Ajouter un bloc (+) et recherchez le bloc Shortcode . Ensuite, cliquez sur le bloc pour l'ajouter à la page ou à la publication.

Bloc de code court

Ensuite, collez le shortcode que vous avez précédemment copié dans le bloc et cliquez sur le bouton Publier .

Coller le code court

C'est ça! Votre formulaire sera affiché sur votre site.

Alternativement, vous pouvez utiliser le bloc Everest Forms pour afficher votre formulaire. Pour cela, cliquez sur le bouton Ajouter un bloc et recherchez le bloc Everest Forms .

Bloc de formes Everest

Ajoutez-le à la page et sélectionnez votre formulaire WordPress en plusieurs parties dans le menu déroulant.

Sélectionner un formulaire en plusieurs parties

Enfin, vous pouvez appuyer sur le bouton Publier en haut.


Enveloppez-le !

Et c'est la fin de notre guide sur la façon d'activer l'option de prévisualisation des entrées pour les utilisateurs dans les formulaires WordPress en plusieurs parties. Avec un plugin de création de formulaires riche en fonctionnalités comme Everest Forms, vous pouvez créer un formulaire en plusieurs étapes et activer l'aperçu des entrées en un rien de temps !

De plus, les possibilités avec Everest Forms sont infinies. Vous pouvez utiliser ce puissant plug-in pour activer la redirection conditionnelle après la soumission du formulaire, personnaliser le style du formulaire, etc.

En savoir plus sur Everest Forms sur notre blog si vous êtes intéressé. Vous pouvez même consulter notre chaîne YouTube pour des didacticiels vidéo faciles.

Aussi, n'oubliez pas de nous suivre sur Facebook et Twitter pour les futures mises à jour.