Comment créer un formulaire multi-étapes avec curseur

Note importante : Cette méthode ne fonctionne pas pour le moment et nous travaillons sur un nouveau créateur de formulaires qui arrive bientôt. Veuillez contacter notre équipe de succès client pour plus d’informations.

Avant d’entrer dans les détails, décrivons simplement ce qu’est un formulaire multi-étapes avec une disposition en curseur :

« Nous avons créé un nouveau format appelé Curseur qui transforme tout long formulaire vertical en un formulaire multi-étapes, dans le but principal de rendre les formulaires plus interactifs, de les faire paraître plus courts et de pouvoir les intégrer à n’importe quelle page de destination »

Kate Bojkov, responsable produit.

L’objectif des formulaires multi-étapes est de diviser les formulaires plus longs de telle sorte que chaque question soit présentée séparément. Les utilisateurs naviguent entre les questions en cliquant sur le bouton « suivant » et peuvent revenir à une question en cliquant sur le bouton « précédent ». Ce type d’affichage des questions est utile pour collecter des informations dans un ordre logique, pour augmenter la concentration des utilisateurs et s’accorde mieux avec les mises en page modernes des sites web.

Si vous cherchez un moyen rapide et facile de créer et d’intégrer un formulaire multi-étapes sur votre site web, nous avons décrit un tutoriel détaillé sur la façon de procéder.

D’abord, connectez-vous ou créez un compte EmbedSocial gratuit (si vous n’avez pas encore de compte), puis suivez ces étapes

1. Accédez à la page Formulaires
2. Choisissez un formulaire existant ou créez un nouveau formulaire
3. Dans la barre latérale de gauche, cliquez sur Disposition et thèmes et choisissez Curseur
4. Cliquez sur Enregistrer et Publier

Vous pouvez partager le lien du formulaire pour que les gens puissent accéder au formulaire en curseur ou vous pouvez intégrer le formulaire dans un widget de formulaires interactif.

Pour créer un widget, suivez ces étapes :

1. Cliquez sur Widgets et choisissez comment vous voulez que le formulaire apparaisse : section en ligne, élément flottant, bouton ou bannière
2. Cliquez sur Enregistrer et copiez le code du widget
3. Collez le code dans la partie du site web où vous voulez que le formulaire apparaisse

C’est tout. Pour un tutoriel pas à pas plus détaillé, vous pouvez regarder la vidéo ci-dessous :

Comme vous pouvez le voir, il n’est pas nécessaire de créer un formulaire complet par vous-même. Cependant, si vous voulez que le design du formulaire s’adapte parfaitement à l’interface de votre site web, EmbedForms propose une option CSS personnalisée pour changer les polices, par exemple. Vous pouvez aussi utiliser d’autres options de personnalisation et changer le texte du bouton d’envoi, ajouter un logo et une mise en page.

Voici une démonstration d’un formulaire en disposition curseur :

(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ef.js?v=1.1”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialFormsScript”));

Le formulaire peut être intégré sur n’importe quelle page de destination, qu’il s’agisse du panier, ou de la page d’accueil, construite avec n’importe quel constructeur de site comme WordPress, Duda ou Wix.

Le meilleur ? Pas besoin de plug-ins et c’est entièrement gratuit.

Bonnes pratiques des formulaires multi-étapes

Selon l’étude « Testing 2-Step vs. 1-Step Conversion Forms », les formulaires comportant plusieurs étapes obtiennent 14 % de conversions de plus que les longs formulaires en une seule étape.

Cependant, il y a tout de même quelques principes simples à garder à l’esprit lors de la création de formulaires en ligne multi-étapes pour obtenir les meilleurs taux de conversion.

Séparez les questions dans un ordre logique

L’ordre des questions peut influencer directement les réponses des répondants. C’est pourquoi des questions ordonnées de façon logique sont importantes lorsqu’il s’agit de concevoir des formulaires. La meilleure façon de réduire les frictions dans le processus de remplissage du formulaire est de poser les questions les plus importantes en premier et de regrouper les champs dans un ordre logique.

Par exemple, si vous avez plusieurs champs demandant des informations de contact comme le numéro de téléphone et l’adresse e-mail, alors ces champs doivent être ordonnés par priorité et se suivre dans un ordre intuitif. De nombreux créateurs de formulaires proposent une option de glisser-déposer pour réorganiser les questions simplement et rapidement.

Montrez la progression

L’incertitude quant au nombre de questions restantes peut créer des frictions dans les formulaires multi-étapes. Une bonne règle générale est d’utiliser une barre de progression ou tout type d’indicateur qui montrera aux utilisateurs ce qu’il leur reste à faire pour terminer le formulaire.

Dans EmbedForms, chaque question dispose d’une fonctionnalité indiquant « question 2 sur 15 » pour signaler aux répondants combien de questions restent.

Incluez une page de remerciement

Les pages de remerciement sont parfaites pour montrer votre reconnaissance, mais aussi pour rassurer les utilisateurs sur le fait que leur soumission a bien réussi. Si pour une raison quelconque vous voulez rediriger les répondants vers votre propre page de remerciement après l’envoi du formulaire, vous pouvez utiliser l’option de lien de redirection.

Testez les formulaires en A/B

Les créateurs de formulaires sont parfaits pour tester des formulaires sans risque de problèmes techniques. Le test A/B est très facile avec les créateurs de formulaires. Vous pouvez tester la longueur du formulaire, le design, le texte du bouton d’appel à l’action et voir quel design de formulaire augmente les conversions. Avec EmbedForms, vous pouvez dupliquer le même formulaire avec un design ou un widget différent et tester lequel obtiendra le plus de répondants.

Avantages de l’utilisation des formulaires multi-étapes

Moins de friction

Psychologiquement, les formulaires multi-étapes ont un meilleur impact sur l’intention des répondants de terminer le formulaire.

Premièrement, chaque fois que les répondants cliquent sur le bouton suivant, il y a une intensité légèrement plus grande dans leur volonté de terminer le formulaire.

Deuxièmement, ce type de remplissage de formulaire augmente notre concentration puisque nous devons nous concentrer sur une question à la fois.

Adapté au mobile

Les formulaires multi-étapes sont plus faciles à remplir depuis un appareil mobile. Comparés aux formulaires en une seule étape, les formulaires multi-étapes sont beaucoup plus faciles à compléter puisqu’une seule question apparaît sur les écrans mobiles. De cette façon, vous pouvez aussi améliorer considérablement l’expérience utilisateur.

Engageant

Les formulaires multi-étapes sont stratégiquement conçus pour augmenter l’engagement des utilisateurs.

Ces types de formulaires sont moins accablants puisque l’utilisateur n’a qu’à répondre à une seule question à la fois et à cliquer sur « suivant » pour passer à la question suivante.

Visuellement attrayant

Les formulaires multi-étapes prennent moins de place sur votre site web et n’évoquent pas un sentiment d’accablement lorsque les utilisateurs doivent les remplir.

Formulaires multi-étapes ou formulaires en une seule étape

Formulaires multi-pages ou formulaires en une seule étape ? Lequel choisir ?

Les formulaires multi-étapes sont parfaits lorsque vous avez besoin de beaucoup d’informations de la part de vos utilisateurs. Jusqu’à présent, nous avons vu que diviser les longs formulaires par question réduit la frustration et augmente l’intention des utilisateurs de les remplir.

Mais si vous avez besoin de peu de données utilisateur et que vous voulez simplement intégrer un formulaire de contact simple, un formulaire de génération de prospects ou d’inscription, alors les formulaires en une seule étape peuvent faire l’affaire.

En conclusion

Les formulaires multi-étapes vous offrent l’avantage d’un meilleur affichage des questions et d’une concentration accrue des utilisateurs.

Avec EmbedForms, n’importe qui peut créer un nombre illimité de formulaires multi-étapes en quelques clics et intégrer les formulaires sur n’importe quelle page web de son choix.