8 exemples de formulaires en plusieurs étapes pour réduire la friction de la page de destination

Publié: 2017-08-28

Il n'est pas rare que les internautes cliquent en dehors d'une page de destination post-clic parce qu'elle est trop longue ou que le formulaire de capture de leads demande trop d'informations. Bien qu'un formulaire en plusieurs étapes soit essentiel pour collecter des informations sur les visiteurs, de nombreux spécialistes du marketing ne parviennent pas à le concevoir correctement et finissent par perdre des prospects précieux. C'est pourquoi il est impératif de concevoir votre page de destination post-clic pour vous assurer que les visiteurs restent engagés et ne sont pas intimidés par de longs formulaires.

Une façon de le faire est d'utiliser un formulaire en plusieurs étapes.

Qu'est-ce qu'un formulaire en plusieurs étapes ?

Un formulaire en plusieurs étapes est un formulaire plus long divisé en étapes plus courtes et moins intimidantes. Du point de vue du spécialiste du marketing, c'est idéal pour toute situation dans laquelle vous souhaitez collecter des informations détaillées sur les prospects, car cela se fait par petits morceaux. Du point de vue du prospect, des formulaires en plusieurs étapes lui permettent de démontrer son intérêt en remplissant un court formulaire, puis en passant à des champs de formulaire supplémentaires pour en savoir plus sur lui-même et/ou son entreprise.

Étant donné que les demandes d'informations supplémentaires n'apparaissent qu'une fois que l'utilisateur a soumis des informations de base. Les formulaires en plusieurs étapes peuvent réduire les frictions sur votre page de destination post-clic. Concevoir votre formulaire de cette manière peut augmenter le temps passé sur la page par le visiteur, générer plus de prospects et vous aider à mieux comprendre les prospects les plus qualifiés. Ce que, bien sûr, vous pouvez ensuite entretenir à travers l'entonnoir marketing jusqu'à la vente.

Formulaires en plusieurs étapes par rapport aux formulaires d'inscription en deux étapes

Les formulaires en plusieurs étapes et les formulaires d'inscription en deux étapes aident à engager et à qualifier les prospects. Là où ils diffèrent, c'est la façon dont ils apparaissent sur la page. Les formulaires à plusieurs étapes comportent des étapes, chaque étape suivante n'apparaissant qu'une fois l'étape précédente terminée. À l'inverse, des formulaires d'inscription en deux étapes apparaissent lorsqu'un visiteur clique sur un bouton CTA et une fenêtre contextuelle affiche le formulaire.

L'utilisation de formulaires en plusieurs étapes au lieu de formulaires d'inscription sur la page ou en deux étapes peut éviter ce que nous appelons le « syndrome de la boucle d'or ». Trop long et cela peut dissuader les prospects de le terminer ; trop court et vous vous retrouverez avec des leads inutilisables, ou des leads plus adaptés au marketing qu'à la vente. En optimisant vos formulaires de page de destination post-clic en fonction de l'offre et du stade de l'entonnoir marketing où résident actuellement vos prospects, vous pouvez demander des informations plus appropriées et, à son tour, générer de meilleurs taux de conversion.

Il n'existe peut-être pas de modèle « taille unique » en soi, mais les exemples de formulaires en plusieurs étapes ci-dessous sont un excellent point de départ à imiter dans votre prochaine conception. Voyons comment certaines des plus grandes marques mondiales utilisent des formulaires en plusieurs étapes pour engager les visiteurs et maximiser les prospects.

Exemples de formulaires en plusieurs étapes

Uber

Uber utilise cette page de destination post-clic pour inciter les gens à conduire pour eux en tant que travail secondaire :

formulaire en plusieurs étapes uber

Ils utilisent un formulaire en plusieurs étapes sur la page pour créer un processus de conversion fluide pour les visiteurs. Remarquez comment le bouton CTA indique « Suivant », avec une flèche dirigeant le trafic vers la deuxième étape du formulaire. Ces deux éléments indiquent qu'il y a au moins une étape supplémentaire dans le processus.

Qui est qui des cadres et des professionnels

Ce forum de réseautage sélectif a placé un formulaire en plusieurs étapes sur sa page d'accueil pour encourager les visiteurs à demander leur éligibilité au réseau :

repère visuel en plusieurs étapes

Le formulaire est bien conçu avec un indicateur d'étape (chacun sous la forme d'une flèche - qui sont des repères visuels) pour impliquer que le visiteur doit continuer à chaque étape suivante. Le bouton CTA contient également une flèche pour indiquer aux prospects qu'ils n'ont pas encore terminé le processus de candidature.

Les formulaires sur la page ne permettent pas toujours les grandes polices, les champs longs ou même les étiquettes de champ en raison de l'espace limité sur la page. À l'inverse, les formes en plusieurs étapes créent plus d'espace puisqu'elles apparaissent en sections, permettant ainsi plus de variation et d'indices visuels. Souvent, ils incluent même une barre de progression afin que les utilisateurs puissent suivre à quel point ils en sont dans le processus d'inscription.

Université de Phœnix

Voyez comment l'école supérieure de l'Université de Phoenix utilise une barre de progression près du haut ?

Phénix en plusieurs étapes

Le formulaire commence à demander des informations non invasives au visiteur - domaine d'études, niveau d'études, format d'apprentissage et code postal. La barre de progression est une bonne idée car elle donne aux visiteurs une idée claire de la durée du formulaire avant de pouvoir télécharger le guide de démarrage rapide.

La connexion aux médias sociaux est une autre tactique efficace pour concevoir votre formulaire en plusieurs étapes. En fait, les taux de conversion peuvent augmenter jusqu'à 189% avec le remplissage automatique des réseaux sociaux. En implémentant cette fonctionnalité, les informations sociales pertinentes des utilisateurs sont automatiquement insérées dans le formulaire.

En ce qui concerne également l'expérience utilisateur, le texte d'espace réservé peut irriter et dérouter les visiteurs, car ils pourraient le confondre avec des champs qui ont déjà été remplis automatiquement par leurs comptes sociaux. Au lieu de cela, étiquetez chaque champ au-dessus de la case pour réduire les frictions et guider en douceur vos utilisateurs à travers le formulaire.

VertGeeks

GreenGeeks a créé cette page de destination post-clic pour inclure un formulaire en plusieurs étapes. Tout d'abord, la page de destination post-clic fait l'offre :

exemple de formulaire en plusieurs étapes GreenGeeks 1

Une fois que le visiteur a cliqué sur le bouton CTA « Commencer maintenant », cette page apparaît avec la première étape du formulaire :

exemple de formulaire en plusieurs étapes GreenGeeks 2

À ce stade, les utilisateurs ne sont pas invités à fournir des informations d'identification - juste un domaine (nouveau ou préexistant) - afin que les utilisateurs qui ne sont pas tout au long de l'entonnoir ne soient pas découragés par un formulaire long et complexe. Une fois que les visiteurs sont prêts à continuer à s'inscrire, ils sont dirigés vers cette page, qui correspond à la deuxième étape du formulaire :

exemple de formulaire en plusieurs étapes GreenGeeks 3

Il s'agit d'un autre formulaire en plusieurs étapes dont chaque section et chaque champ individuel sont clairement étiquetés, offrant un processus d'inscription transparent pour les clients.

Marketing Cirius

Voici un exemple de Cirius Marketing. Ils utilisent une page d'inscription en deux étapes avec un formulaire en plusieurs étapes sur la boîte contextuelle. Il s'agit de la page de destination post-clic avec le bouton CTA immédiatement visible au-dessus de la ligne de flottaison :

exemple de formulaire en plusieurs étapes Cirius Marketing 1

Et voici le formulaire en plusieurs étapes dans la boîte contextuelle :

exemple de formulaire en plusieurs étapes Cirius Marketing 2

Notez la barre de progression qui indique 50 % d'achèvement en haut de la fenêtre pour informer les prospects que ce ne sont pas les seules informations qu'ils devront fournir.

Pousser Social

Sprout Social a conçu ce formulaire en plusieurs étapes pour que leurs prospects remplissent :

forme multi-étapes sprout social

Cette première étape est l'endroit où ils créent leur compte ; ils sont ensuite amenés à la deuxième étape où ils peuvent attacher leurs profils sociaux ; et enfin, à l'étape trois, ils peuvent terminer le processus d'inscription et commencer à utiliser Sprout.

Base rapide

La page de destination post-clic de Quick Base ci-dessous propose des services de formation des employés :

exemple de formulaire en plusieurs étapes QuickBase 1

Lorsque les prospects sont prêts à commencer leur essai gratuit, ils cliquent sur l'un des boutons CTA coopératifs (trois au total sur la page) et arrivent à la première étape de ce formulaire d'inscription en plusieurs étapes :

base rapide de formulaire en plusieurs étapes

Remarquez comment cette partie du formulaire est spécifiquement étiquetée « Étape 1 sur 2 ». Informer les prospects qu'ils sont « à quelques secondes » de leur essai gratuit est un indicateur que le remplissage du formulaire ne prendra pas longtemps.

Hootsuite

Hootsuite guide les prospects tout au long de leur processus de création de compte avec des étapes clairement définies :

formulaire en plusieurs étapes hootsuite

Le titre indique le nombre d'étapes nécessaires à l'inscription, afin que les prospects sachent immédiatement ce que cela implique. Ensuite, chacune des étapes est clairement étiquetée avec un en-tête de section pour guider facilement les visiteurs jusqu'à leur achèvement.

Augmentez l'engagement sur la page avec des formulaires en plusieurs étapes

Si votre meilleur scénario de conversion nécessite beaucoup d'informations de la part des prospects et que vous ne voulez pas paraître intimidant. L'utilisation d'un formulaire en plusieurs étapes pour simplifier la situation peut aider à atténuer ces problèmes. Ces exemples de formulaires en plusieurs étapes réduisent les frictions, persuadent les clients de vous faire confiance avec leurs informations et, en fin de compte, aident à générer les conversions que vous recherchez.

Connectez toujours toutes vos annonces à des pages de destination post-clic personnalisées pour réduire votre coût par acquisition de client. Commencez à créer vos pages post-clic dédiées en vous inscrivant à une démo Instapage Enterprise dès aujourd'hui.