Comment créer un formulaire WordPress en plusieurs étapes (la méthode sans code)

Vous cherchez un tutoriel pour créer un formulaire WordPress en plusieurs étapes ?

Un formulaire en plusieurs étapes divise les grands formulaires en parties plus petites. Les formulaires en plusieurs étapes réduisent l'encombrement et simplifient l'inscription de vos visiteurs. C'est un excellent moyen d'augmenter les conversions et d'améliorer l'expérience utilisateur globale.

Mais en créer un à partir de zéro est vraiment fatigant et si vous devez engager un développeur pour en créer un, cela va également coûter cher.

Dans cet article, nous allons vous montrer comment créer facilement un formulaire WordPress en plusieurs étapes sans codage.

Plongeons dedans.

Étape 1 : Créer un nouveau formulaire avec WPForms

La première chose à faire est d'installer et d'activer WPForms.

WPForms est le plugin de création de formulaire WordPress n°1 au monde. Si vous ne savez pas comment installer WPForms, vous devriez consulter ce guide étape par étape sur la façon d'installer un plugin dans WordPress.

Ensuite, rendez-vous sur votre tableau de bord WPForms et accédez à Téléchargements pour obtenir votre plugin :

Ensuite, installez et activez le plugin sur votre site. Et copiez votre clé de licence dans le même onglet.

Enfin, accédez à votre tableau de bord WordPress et rendez-vous sur WPForms »Paramètres et collez votre clé de licence :

Lorsque vous avez terminé, cliquez sur Connecter .

Maintenant que WPForms est installé et activé, il est temps de créer votre premier formulaire. Rendez-vous sur WPForms » Ajouter nouveau :

Cela ouvrira le générateur de formulaires glisser-déposer WPForms.

Pour créer un nouveau formulaire, donnez-lui un nom et sélectionnez votre modèle de formulaire :

Et c'est tout! si vous souhaitez ajouter ou modifier les champs de votre formulaire de contact, vous pouvez le faire depuis la barre latérale. Faites glisser et déposez les champs du formulaire pour en ajouter de nouveaux et cliquez sur les champs existants pour les modifier :

Lorsque vous avez terminé, appuyez sur Enregistrer .

Étape 2 : Insérez le champ de saut de page dans votre formulaire

Diviser votre formulaire en plusieurs pages est très simple et facile avec WPForms.

Une fois que vous avez ajouté et personnalisé tous les champs de formulaire de votre formulaire, vous devez ajouter le champ de formulaire Saut de page à votre site pour le diviser en différentes pages.

Pour ce faire, faites glisser le champ de formulaire Saut de page , qui se trouve sous Champs fantaisie , du panneau de gauche vers le panneau de droite.

Placez le champ à l'endroit où vous souhaitez diviser le formulaire. Si vous voulez plusieurs sauts, utilisez simplement plusieurs modules de saut de page.

Étape 3 : Personnalisez la barre de progression du formulaire multipage

La plupart de votre travail de conception du formulaire est effectué à ce stade. Mais pour tout formulaire de plusieurs pages, nous vous recommandons d'utiliser une barre de progression pour informer vos visiteurs de l'état d'avancement du processus d'inscription. Vous pouvez aller au-delà pour donner également des titres à vos pages.

Pour personnaliser la barre de progression et le titre de la première page de votre formulaire en plusieurs étapes, cliquez sur la section Saut de première page .

Dans la barre latérale, vous pouvez définir le type d'indicateur de progression sur Cercles ou Connecteurs . Vous pouvez également définir le titre de la page.

La chose épique est que vous pouvez également définir une couleur d'indicateur de page personnalisée. Lorsque vous êtes satisfait, vous pouvez également personnaliser les autres sauts de page de la même manière.

Vous pouvez également activer la fonctionnalité qui vous permet d'afficher aux visiteurs du site un bouton Page précédente . De cette façon, ils peuvent revenir à la page précédente de votre formulaire s'ils en ont besoin.

Lorsque vous avez terminé, appuyez simplement sur le bouton Enregistrer .

Étape 4 : Configurez les paramètres de votre formulaire en plusieurs étapes

Ensuite, vous devrez configurer les notifications et les confirmations.

Les notifications sont des e-mails que vous recevez lorsque quelqu'un remplit le formulaire. Les confirmations sont destinées à alerter l'utilisateur qu'il a rempli le formulaire avec succès. Généralement, il s'agit d'un message de « merci », mais vous pouvez également rediriger vos utilisateurs vers une page dédiée.

Rendez-vous dans Paramètres » Confirmations pour configurer les paramètres de confirmation :

Et ensuite dans le même menu, rendez-vous dans Notifications pour paramétrer vos messages de notification :

Par défaut, les notifications sont envoyées à l'e-mail de l'administrateur WordPress. Donc, si vous souhaitez que les e-mails soient envoyés ailleurs, comme l'identifiant e-mail de votre responsable des ventes, vous pouvez le faire ici.

Étape 5 : Ajoutez votre formulaire en plusieurs étapes à votre site Web WordPress

Vous avez fini de configurer votre formulaire de contact WordPress à ce stade. Alors, allons-y et ajoutons-le à une page. Il existe 3 méthodes de base pour ajouter un formulaire de contact WPForms à votre site WordPress. Nous allons jeter un œil à chacun.

Méthode #1 : Ajouter le formulaire à l'aide de l'éditeur de blocs

Rendez-vous sur la page sur laquelle vous souhaitez ajouter votre formulaire de contact et ajoutez un nouveau bloc WPForms :

Ensuite, sélectionnez votre formulaire nouvellement créé à l'aide du menu déroulant :

Et vous devriez voir votre formulaire de contact s'insérer automatiquement dans votre page.

Appuyez simplement sur Enregistrer et publier pour voir votre formulaire WordPress en action.

Méthode n ° 2: ajoutez votre formulaire de contact à l'aide des codes abrégés WPForms

WPForms génère également un shortcode pour chaque formulaire de contact WordPress. Vous pouvez copier le shortcode du formulaire de contact en visitant WPForms » All Forms :

Et ensuite, collez le shortcode dans n'importe quel article ou page de votre choix. C'est si simple.

Si vous débutez avec les shortcodes, vous devriez consulter cet article sur la façon d'ajouter un shortcode sur les sites WordPress.

Méthode #3 : Ajoutez votre formulaire de contact aux barres latérales

La barre latérale est l'une des fonctionnalités les plus sous-utilisées de la plupart des sites WordPress. Nous vous recommandons vivement d'insérer un formulaire de contact dans les barres latérales de votre site. Rendez-vous sur Apparence » Widgets dans votre tableau de bord WordPress et ajoutez le widget WPForms à votre barre latérale :

Et tu as fini!

Comment promouvoir votre formulaire WordPress en plusieurs étapes

C'est tout pour celui-ci, les amis!

À présent, vous avez créé un formulaire WordPress en plusieurs étapes. Ensuite, vous devez configurer le suivi des abandons de formulaires pour réduire vos taux d'abandon de formulaires.

Après cela, il ne reste plus qu'à générer du trafic vers votre site pour que vos formulaires de contact puissent se mettre au travail. Un moyen simple de le faire est de commencer à utiliser les notifications push. L'envoi de notifications push est un excellent moyen de générer du trafic récurrent pour votre site. Si cela vous intéresse, vous devriez également consulter ces articles :

• Coût de la notification push : est-ce vraiment gratuit ? (Analyse des prix)
• Comment obtenir plus de trafic vers votre blog WordPress (9 façons simples)
• Comment augmenter votre taux d'activation des notifications Web Push (7 façons)

Nous vous recommandons d'utiliser PushEngage pour envoyer vos notifications push. PushEngage est le logiciel de notification push n°1 au monde. Donc, si vous ne l'avez pas déjà fait, commencez dès aujourd'hui avec PushEngage.