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 prospects 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 à les concevoir correctement et finissent par perdre de précieux prospects. C'est pourquoi il est impératif que vous conceviez votre page de destination post-clic pour vous assurer que les visiteurs restent engagés et ne soient 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, il est idéal pour toute situation dans laquelle vous souhaitez collecter des informations détaillées sur les prospects, car il le fait en petits morceaux. Du point de vue du prospect, les formulaires en plusieurs étapes lui permettent de démontrer son intérêt en remplissant un court formulaire, puis en procédant à des champs de formulaire supplémentaires pour partager davantage sur lui-même et/ou sur son entreprise.

Étant donné que les demandes d'informations supplémentaires n'apparaissent qu'après 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é par le visiteur sur la page, 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 vs 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. Inversement, les formulaires d'inscription en deux étapes apparaissent lorsqu'un visiteur clique sur un bouton CTA et une boîte de dialogue affiche le formulaire.

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

Il n'y a 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 du monde 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 à faire une demande d'éligibilité au réseau :

repère visuel de forme multi-é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 montrer aux prospects qu'ils n'ont pas encore terminé le processus de candidature.

Les formulaires sur la page n'autorisent pas toujours les grandes polices, les longs champs ou même les étiquettes de champ en raison de l'espace limité sur la page. À l'inverse, les formulaires en plusieurs étapes créent plus d'espace puisqu'ils apparaissent dans des sections, permettant ainsi plus de variation et de repères visuels. Souvent, ils incluent même une barre de progression afin que les utilisateurs puissent suivre l'état d'avancement du processus d'inscription.

Université de Phénix

Voyez comment l'école doctorale de l'Université de Phoenix utilise une barre de progression vers le haut ?

formulaire multi-étapes phénix

Le formulaire commence à demander des informations non invasives au visiteur - domaine d'études, niveau de diplôme, 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 lorsqu'il s'agit de concevoir votre formulaire en plusieurs étapes. En fait, les taux de conversion peuvent augmenter jusqu'à 189 % avec le remplissage automatique des médias sociaux. En implémentant cette fonctionnalité, les informations sociales pertinentes des utilisateurs sont automatiquement insérées dans le formulaire.

Également en ce qui concerne 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 boîte pour réduire les frictions et guider facilement vos utilisateurs à travers le formulaire.

GreenGeeks

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 clique sur le bouton CTA "Get Started Now", cette page apparaît avec la première étape du formulaire :

exemple de formulaire en plusieurs étapes GreenGeeks 2

À ce stade, aucune information d'identification n'est demandée aux utilisateurs - juste un domaine (nouveau ou préexistant) - afin que les utilisateurs qui ne sont pas tout au long de l'entonnoir ne soient pas dissuadé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 est 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 dans la fenêtre contextuelle. Il s'agit de la page de destination post-clic avec le bouton CTA immédiatement visible au-dessus du pli :

exemple de formulaire en plusieurs étapes Cirius Marketing 1

Et voici le formulaire en plusieurs étapes dans la fenêtre contextuelle :

exemple de formulaire en plusieurs étapes Cirius Marketing 2

Remarquez la barre de progression qui indique 50 % d'achèvement en haut de la fenêtre pour faire savoir aux prospects que ce n'est pas la seule information qu'ils devront fournir.

Sprout social

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

forme multi-étapes germination sociale

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 joindre leurs profils sociaux ; et enfin, à la troisième étape, ils peuvent terminer le processus d'inscription et commencer à utiliser Sprout.

Base rapide

La page de destination post-clic 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 remplir le formulaire ne prendra pas longtemps.

Suite Hoot

Hootsuite guide les prospects tout au long du processus d'inscription à leur compte avec des étapes clairement définies :

hootsuite de formulaire en plusieurs étapes

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'à la fin.

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, contribuent à générer les conversions que vous recherchez.

Associez 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 dès aujourd'hui à une démo Instapage Enterprise.