Comment créer un formulaire multi-colonnes dans WordPress ? (Guide du débutant 2022)

Publié: 2022-07-11

Vous vous demandez comment créer un formulaire multi-colonnes dans WordPress ? Si tel est le cas, cet article fournit un guide détaillé pour ajouter plusieurs colonnes dans le formulaire WordPress.

Créer un formulaire WordPress avec le nombre de colonnes souhaité peut être un peu compliqué. Tout d'abord, WordPress ne fournit pas de formulaire intégré pour votre site et vous devez vous fier aux plugins de création de formulaires. Ensuite, tous les plugins de création de formulaires ne vous permettent pas de concevoir votre formulaire selon votre choix.

Mais que se passe-t-il si nous disons que ce n'est pas grave. Oui, créer un formulaire WordPress multi-colonnes n'est pas un gros problème si vous pouvez choisir le bon plugin de création de formulaire avec de meilleures options de personnalisation.

Alors, lisez l'article jusqu'à la fin pour apprendre à créer un formulaire multi-colonnes sur un site WordPress.

Table des matières

Raisons de créer un formulaire WordPress multi-colonnes

Un formulaire sur n'importe quel site Web joue un rôle essentiel dans la conversion du public en visiteurs ou clients réguliers. Et plus important encore, la conception du formulaire est un autre facteur qui peut inciter le public à remplir le formulaire. Un formulaire impressionnant et beau peut inciter le public à remplir le formulaire et à soumettre ses candidatures.

Parmi les nombreuses conceptions du formulaire, l'ajout de plusieurs colonnes est également unique en son genre. Lorsque vous créez un formulaire WordPress multi-colonnes, cela peut réduire considérablement le temps de l'utilisateur pour remplir le formulaire ; car les champs du formulaire sont côte à côte, ce qui facilite la navigation.

Ensuite, la conception est également la meilleure dans de nombreux cas lorsque vous utilisez plusieurs colonnes au lieu d'une seule colonne.

Exemple de formulaire multi-colonnes

De même, si vous créez un formulaire WordPress multi-colonnes, il vous est facile de regrouper des types similaires d'éléments de formulaire. D'autre part, le formulaire WordPress multi-colonnes complète également le site qui utilise un thème WordPress avec une structure multi-colonnes.

De plus, le formulaire multi-colonnes réduit également le taux d'abandon du formulaire ; lorsque le formulaire est long, les utilisateurs sont susceptibles de quitter le formulaire à mi-chemin et de ne jamais revenir. Ainsi, le formulaire multi-colonnes vous permet de collecter toutes les informations requises auprès des utilisateurs sans rendre votre formulaire long et complexe.

En dehors de cela, il peut y avoir plusieurs raisons de créer un formulaire multi-colonnes dans WordPress. Par conséquent, découvrons quel plugin de création de formulaire peut vous aider à créer un formulaire multi-colonnes dans WordPress.


Choisissez le meilleur plugin Form Builder qui prend en charge un formulaire multi-colonnes

Vous trouverez plusieurs plugins de création de formulaires qui vous permettent de créer un formulaire multi-colonnes dans WordPress. Mais ce qui compte le plus, c'est de savoir si le plugin que vous choisissez est flexible à personnaliser ou non.

Si vous choisissez un plugin comme Everest Forms, vous pouvez facilement personnaliser le formulaire avec plusieurs colonnes. De plus, votre tâche de créer des formulaires tels que des formulaires en plusieurs étapes, des formulaires de paiement PayPal, des formulaires d'enquête et bien plus encore est facile. Que vous ayez une formation non technique ou technique, le plugin est convivial pour tout le monde.

Formulaires Everest pour créer un formulaire multi-colonnes dans WordPress

Everest Forms fournit également un grand nombre de champs de formulaire et de nombreux addons. Il a à la fois les versions gratuites et premium que vous pouvez utiliser selon les exigences de votre site.

Cela dit, passons aux étapes pour créer un formulaire multi-colonnes dans WordPress à l'aide d'Everest Forms.


Comment créer un formulaire multi-colonnes dans WordPress à l'aide d'Everest Forms ?

Étape 1 : Installer et activer le plugin Everest Forms

La première étape consiste à installer le plugin sur votre site. Ainsi, connectez-vous à votre site WordPress via son URL de connexion et accédez à Plugins >> Ajouter un nouveau .

Accédez aux plugins puis ajoutez un nouveau

Il vous redirigera instantanément vers la page qui affiche les plugins en vedette. Vous trouverez la barre de recherche sur la même page ; utilisez la barre de recherche et recherchez Everest Forms. Dès que vous voyez le résultat de la recherche qui affiche Everest Forms , cliquez sur le bouton Installer maintenant du plugin.

Rechercher le plug-in Everest Forms

Après l'installation du plugin, il affiche le bouton Activer . Alors, cliquez sur le bouton pour activer le plugin.

Vous avez maintenant installé avec succès la version gratuite d'Everest Forms, qui est suffisante pour créer un simple formulaire de contact multi-colonnes dans WordPress. D'autre part, si vous souhaitez d'autres fonctionnalités telles que le personnalisateur de formulaire, la restriction de formulaire, etc., vous pouvez également acheter la version premium d'Everest Forms.


Étape 2 : Créer un nouveau formulaire WordPress avec plusieurs colonnes

Puisque vous avez installé le plugin Everest Forms, créons maintenant un nouveau formulaire WordPress avec plusieurs colonnes. Pour ce faire, accédez à Everest Forms >> Add New .

Accédez aux formulaires Everest et ajoutez un nouveau

Il affiche plusieurs modèles de formulaire que vous pouvez utiliser instantanément en important. En outre, vous pouvez importer ces modèles et personnaliser davantage le formulaire à utiliser sur votre site WordPress.

Modèles de formulaires Everest

Mais dans cet article, nous créons un formulaire à partir de zéro, alors cliquez sur Start From Scratch .

Commencer à partir de zéro

Maintenant, donnez un nom approprié au formulaire. Par exemple, nous l'avons nommé Formulaire multi-colonnes ici. Cliquez ensuite sur Continuer .

Formulaire de nom multi-colonnes

Il vous redirige ensuite vers la nouvelle interface de construction du formulaire. L'interface du formulaire ressemble à ceci :

Interface de formulaire Comment créer un formulaire multi-colonnes dans WordPress

Pour créer plusieurs colonnes pour le formulaire, survolez le champ du formulaire dans l'éditeur de formulaire. Il affichera une icône d'édition comme un crayon; Clique dessus.

Modifier l'icône pour créer un formulaire multi-colonnes dans WordPress

Après avoir cliqué sur l'icône, il affiche Row Setting, où vous obtiendrez les options de plusieurs colonnes pour la ligne. Alors, choisissez les options de colonne pour la ligne selon votre choix.

Paramètre de colonne pour la ligne pour créer un formulaire multi-colonnes dans WordPress

Faites maintenant glisser et déposez les champs du formulaire de gauche à droite sur l'éditeur de formulaire pour chaque colonne.

Faites glisser et déposez des champs pour créer un formulaire WordPress multi-colonnes

De même, vous pouvez cliquer sur Ajouter une ligne pour ajouter une nouvelle ligne au formulaire.

Ajouter une nouvelle ligne

Encore une fois, pour ajouter plusieurs colonnes au formulaire dans la nouvelle ligne, répétez les étapes mentionnées ci-dessus et faites glisser et déposez les champs du formulaire sur chaque colonne de la nouvelle ligne.

Lorsque vous avez terminé d'ajouter des champs de formulaire à chaque colonne de votre formulaire, cliquez sur le bouton Enregistrer pour enregistrer le formulaire.

Enregistrer le formulaire WordPress multi-colonnes

Étape 3 : Configurer et configurer les paramètres du formulaire

Comme vous avez déjà créé un formulaire multi-colonnes sur votre site WordPress, configurons les paramètres du formulaire. Pour cela, allez dans les paramètres en haut.

Paramètres pour le formulaire multi-colonnes

Il vous redirige ensuite vers la nouvelle page en tant que Général . À partir de là, vous pouvez modifier le nom du formulaire et ajouter une description au formulaire.

Paramètres généraux pour le formulaire WordPress multi-colonnes

Dans le même temps, vous pouvez également ajouter le message de formulaire désactivé pour informer l'utilisateur que le formulaire a été désactivé. En outre, vous pouvez personnaliser le message de soumission de formulaire réussie pour informer les utilisateurs que leur formulaire a été reçu.

Définir les messages du formulaire

De plus, vous pouvez également rediriger l'utilisateur vers la page qui vous intéresse après la soumission du formulaire.

De plus, pour configurer un e-mail, accédez à Paramètres >> E-mail .

Accédez aux paramètres de messagerie

Pour notifier l'administrateur lorsqu'un utilisateur soumet le formulaire, l'e-mail est envoyé à l'adresse e-mail de l'administrateur, spécifiée par To Address . Cependant, vous pouvez également ajouter d'autres adresses e-mail ici.

Paramètres d'adresse e-mail

Nom de l'expéditeur est le nom souhaité affiché lorsque l'e-mail est envoyé à l' adresse de destination. Vous pouvez également saisir dynamiquement le nom des utilisateurs qui ont soumis le formulaire à l'aide des balises actives dans ce champ.

De même, l' adresse de l'expéditeur est l'adresse e-mail à partir de laquelle les formulaires sont envoyés. Là encore, vous pouvez utiliser l'e-mail de l'administrateur.

De plus, vous pouvez également définir Répondre à pour renvoyer l'adresse e-mail à laquelle vous souhaitez répondre. De plus, vous pouvez également ajouter un objet d'e- mail et un message d'e-mail à partir de la même page.

Autres paramètres de messagerie

Si vous souhaitez envoyer un fichier téléchargé par l'utilisateur à l'e-mail, vous pouvez cocher l'option Envoyer le fichier en pièce jointe en bas. Même ici, vous pouvez utiliser la logique conditionnelle.

Bien que nous vous ayons guidé pour configurer les paramètres de messagerie, si vous ne souhaitez pas recevoir d'e-mails pour la soumission du formulaire, vous pouvez le désactiver en désactivant l'e- mail en haut.

Désactiver pour le courrier électronique

Une fois que vous avez tout défini, n'oubliez pas d'enregistrer le formulaire en appuyant sur le bouton Enregistrer dans le coin supérieur droit.


Étape 4 : Publiez le formulaire de contact

Pour publier le formulaire de contact avec plusieurs colonnes, accédez à la page ou à la publication où vous avez décidé de publier. Lorsque vous ouvrez la page ou la publication de votre choix, en haut à gauche, vous verrez un bloc d'insertion avec une icône [+] ; cliquez sur l'icône.

Bloc d'insertion

Ensuite, recherchez le bloc Everest Forms dans la barre de recherche. En conséquence, il vous montre le bloc Everest Forms. Alors, cliquez sur le bloc, et le bloc apparaît sur la page ou l'éditeur de publication sur le côté droit.

Rechercher Everest Forms Block Inserter

De même, utilisez le menu déroulant du bloc Everest Forms et choisissez le formulaire WordPress multi-colonnes que vous venez de créer ; cela ajoute le formulaire à votre page ou message.

Sélectionner le formulaire multi-colonnes

Lorsque vous avez ajouté le formulaire, fournissez un titre approprié à votre formulaire. Si vous souhaitez prévisualiser le formulaire, vous pouvez cliquer sur le bouton Aperçu .

Aperçu du formulaire WordPress multi-colonnes

Si tout ressemble à la marque, vous pouvez publier le formulaire de contact avec plusieurs colonnes en appuyant sur le bouton Publier en haut.

Publier un formulaire WordPress multi-colonnes

Enveloppez-le !

Eh bien, c'est tout de notre part sur la façon de créer un formulaire multi-colonnes dans WordPress. Nous sommes convaincus que vous êtes sans stress après avoir su créer un formulaire WordPress multi-colonnes avec un plugin de création de formulaires facile à utiliser, c'est-à-dire Everest Forms.

Par conséquent, obtenez pour votre site un formulaire WordPress multi-colonnes en suivant notre guide étape par étape. Si vous êtes confus sur une étape, veuillez commenter ci-dessous; nous sommes plus qu'heureux de vous aider.

Vous pouvez également lire notre revue complète sur Everest Forms ou d'autres articles de comparaison tels que Contact Form 7 vs Everest Forms, Everest Forms vs WPForms, et bien d'autres via notre page de blog.

Enfin, suivez-nous sur Twitter et Facebook si vous souhaitez être informé de chaque nouvel article WordPress pertinent de notre part.