Growform Multi Step Form Builder
  • Use cases
    • Génération de leads dans le domaine de la finance et de l’assurance
    • Génération de leads
    • Génération de leads juridiques
    • Page immobilière
    • Génération de leads dans le domaine de l’énergie solaire et de l’énergie
    • Génération de leads dans le secteur de la construction et des métiers
  • Modèles
  • Intégrations
  • Tarification
  • Nous contacter
  • Log in
  • Free trial

Modèles de validation de formulaires en plusieurs étapes qui génèrent réellement des conversions

Modèles de validation de formulaires en plusieurs étapes qui génèrent réellement des conversions

Une validation plus poussée ne garantit pas automatiquement de meilleurs prospects. Dans un entonnoir de conversion payant, chaque règle relève d’un choix économique : elle peut éliminer une candidature inutilisable, mais elle peut aussi bloquer un prospect qualifié qui vous a déjà coûté un clic.

Ce compromis est encore plus marqué sur mobile. Un formulaire long exige déjà des utilisateurs qu’ils répartissent leur attention entre plusieurs écrans, et une validation qui se déclenche trop tôt, qui empêche les réponses subjectives ou qui rejette des formats de numéro de téléphone et d’adresse e-mail valides peut transformer les dépenses d’acquisition en abandons. La bonne question n’est pas de savoir si un champ est techniquement valide. Il s’agit plutôt de déterminer si la règle protège suffisamment la qualité des prospects en aval pour justifier les frictions de conversion qu’elle engendre.

Table of Contents

  • Table des matières
  • Pourquoi la validation des formulaires en plusieurs étapes nuit souvent, sans que l’on s’en rende compte, au taux de conversion
    • Chaque porte a un coût de prospection
  • Les quatre modèles de validation essentiels dont tout entonnoir de conversion a besoin
    • Vérifications côté client
    • Vérification côté serveur
    • Validation en ligne
    • Règles de blocage des pas
  • « Échouer rapidement ou échouer tardivement » : concevoir la chaîne de validation adaptée à chaque domaine
    • Une matrice pratique d’application sur le terrain
  • Conserver l’état de validation d’une étape à l’autre sans perdre de prospects
    • Répartition de la persistance en fonction de la sensibilité
  • Absence de hooks dans le Code Builder par rapport à une logique de validation personnalisée
    • Ce à quoi chaque voie renonce
    • Un modèle hybride s’adapte généralement aux entonnoirs de conversion payants
  • Mise en place d’événements de validation pour identifier le véritable point de rupture
    • L’ensemble minimal d’événements utiles
    • Transformer les erreurs en file d’attente de tests
  • Votre liste de contrôle pour le lancement d’une validation en plusieurs étapes
    • Accessibilité et navigation
    • Reprise et persistance
    • Vérification finale et livraison
    • Analyse et optimisation

Table des matières

  • Pourquoi la validation des formulaires en plusieurs étapes nuit discrètement au taux de conversion
    • Chaque porte a un coût de prospection
  • Les quatre modèles de validation essentiels dont tout entonnoir de génération de prospects a besoin
    • Vérifications côté client
    • Vérification côté serveur
    • Validation en ligne
    • Règles de blocage des pas
  • « Échouer rapidement ou échouer tardivement » : concevoir la chaîne de validation adaptée à chaque domaine
    • Une matrice pratique d’application sur le terrain
  • Conserver l’état de validation d’une étape à l’autre sans perdre de prospects
    • Répartition de la persistance en fonction de la sensibilité
  • Absence de hooks dans le Code Builder par rapport à une logique de validation personnalisée
    • Ce à quoi chaque voie renonce
    • Un modèle hybride s’adapte généralement aux entonnoirs de conversion payants
  • Mise en place d’événements de validation pour identifier le véritable seuil de rupture
    • L’ensemble minimal d’événements utiles
    • Transformer les erreurs en file d’attente de test
  • Votre liste de contrôle pour le lancement d’une validation en plusieurs étapes
    • Accessibilité et navigation
    • Reprise et persistance
    • Vérification finale et livraison
    • Analyse et optimisation

Pourquoi la validation des formulaires en plusieurs étapes nuit souvent, sans que l’on s’en rende compte, au taux de conversion

Le conseil généralement donné est simple : validez toutes les informations dès que possible. Dans la pratique, cette approche donne souvent l’impression que la première page fait office de barrière plutôt que d’invitation. Un visiteur qui a mal saisi son adresse e-mail peut facilement corriger son erreur. En revanche, un visiteur à qui l’on indique que son numéro de téléphone, son nom ou son intitulé de poste ne sont pas valides avant même qu’il ait compris l’offre risque de quitter le site.

Une étude très citée de 2009 sur les formulaires Web, menée par Luke Wroblewski, a révélé que l’ajout d’un retour d’information en temps réel entraînait une augmentation de 31 % des notes de satisfaction et une réduction de 42 % du temps nécessaire pour remplir le formulaire. Ce contexte historique est important, mais il ne justifie pas d’afficher une erreur à chaque frappe. Cette même tradition de recherche préconise une règle plus nuancée : valider suffisamment tôt pour éviter les erreurs en cascade, mais sans être trop intrusif, afin que les retours d’information n’interrompent pas l’utilisateur pendant qu’il tape.

Chaque porte a un coût de prospection

Une étude indépendante sur les formulaires, dont les conclusions sont résumées dans des rapports récents consacrés aux taux d’abandon des formulaires, indique que 81 % des formulaires des pages de destination sont commencés mais jamais remplis, tandis que la validation en temps réel permet d’augmenter le taux de remplissage d’environ 22 % par rapport à une validation effectuée uniquement au moment de l’envoi. Ce même résumé attribue 27 % de tous les abandons de formulaires à des difficultés liées à la validation.

Ces chiffres ne signifient pas que chaque entonnoir de conversion doive supprimer les champs obligatoires. Ils signifient que vous devez faire la distinction entre les obstacles utiles et la rigueur superflue. Un entonnoir de conversion payant doit rejeter les informations qui rendent impossible l’acheminement, la prise de contact, la vente ou le traitement légal d’un prospect. Il ne doit pas rejeter un prospect simplement parce qu’un développeur a privilégié une convention de mise en forme plutôt qu’une autre.

Les règles de messagerie reposant largement sur des expressions régulières en sont un exemple courant. Le blocage des domaines jetables peut préserver la qualité des prospects au moment de leur enregistrement. En revanche, le blocage d’un domaine inconnu mais valide sur la base d’un critère flou peut faire basculer un prospect de grande valeur vers un concurrent. La validation des numéros de téléphone pose le même problème lorsqu’une règle rejette des indicatifs de pays, des espaces, des extensions ou des formats régionaux que votre système commercial ou d’achat pourrait normaliser ultérieurement.

Règle pratique : Évaluez chaque règle de validation en fonction des données indésirables qu’elle élimine et des prospects qualifiés qu’elle risque de faire perdre. Une règle qui semble exhaustive peut tout de même s’avérer non rentable.

Les frictions s’accumulent également d’une étape à l’autre. Si un entonnoir de conversion comporte trois à cinq écrans, chaque étape bloquante crée une nouvelle occasion pour un utilisateur mobile d’abandonner. Une étude résumée dans les recommandations de White Hat SEO concernant les formulaires fait état d’un taux d’abandon d’environ 67,8 % pour les formulaires comportant sept champs ou plus, tandis que le fait de diviser les formulaires longs en plusieurs étapes peut améliorer le taux de remplissage. Cependant, le fait de diviser le formulaire ne résout pas le problème de la validation qui bloque les champs erronés. Cela ne fait que répartir les obstacles.

Les quatre modèles de validation essentiels dont tout entonnoir de conversion a besoin

Un système fiable de validation de formulaire en plusieurs étapes utilise différents contrôles selon les tâches à effectuer. La validation côté client protège l’interaction, la validation côté serveur protège les données, les commentaires intégrés expliquent le problème et les règles de blocage des étapes contrôlent la navigation.

Vérifications côté client

Les vérifications côté client s’exécutent dans le navigateur avant qu’une requête n’atteigne votre serveur ou votre webhook. Elles sont idéales pour des règles rapides et objectives, telles que les champs obligatoires, la structure des caractères, les plages de valeurs numériques et les formats de base des adresses e-mail ou des numéros de téléphone.

Ils fournissent un retour d’information immédiat sans aller-retour sur le réseau, mais ils ne constituent pas une limite de confiance. N’importe qui peut contourner la logique du navigateur, modifier une requête ou envoyer directement des données à un point de terminaison. Utilisez les vérifications côté client pour faciliter la saisie, mais ne les considérez jamais comme la seule protection contre les données indésirables ou falsifiées.

Vérification côté serveur

Les vérifications côté serveur s’exécutent une fois que la soumission a été transmise à votre application, à votre plateforme de formulaires, à votre webhook ou à votre prestataire de vérification. Elles constituent le cadre idéal pour les vérifications qui dépendent de données externes, par exemple pour déterminer si une adresse e-mail semble valide, si un numéro de téléphone est joignable ou si une soumission répond aux exigences de routage spécifiques à l’acheteur.

Cette couche peut être plus lente ; réservez-la donc aux vérifications importantes. Ne faites pas attendre l’utilisateur pendant la vérification par le serveur après chaque champ ordinaire, alors que la même décision peut être prise lors de la soumission finale.

Validation en ligne

La validation en ligne affiche un message clair à proximité du champ nécessitant votre attention. Déclenchez-la une fois que l’utilisateur a terminé de remplir le champ, généralement lorsque le focus est perdu ou lorsqu’il tente de passer à l’étape suivante, plutôt que pendant qu’il est encore en train de saisir du texte. Une étude classique sur l’ergonomie menée auprès de 77 participants a révélé qu’une validation en temps réel prématurée augmentait la frustration et le taux d’erreurs, et a recommandé de recharger le formulaire en mettant en évidence les champs erronés plutôt que d’afficher les erreurs immédiatement.

Le message doit expliquer la correction à apporter, et non pas se contenter d’annoncer un échec. « Veuillez saisir un numéro de téléphone à 10 chiffres » est utile. « Valeur non valide » ne l’est pas.

Règles de blocage des pas

La validation par blocage d’étape empêche la progression lorsque l’un des champs obligatoires est objectivement inutilisable ou indispensable à l’interaction suivante. L’absence d’un choix de consentement, une réponse obligatoire laissée vide ou une valeur de routage illisible peuvent justifier ce blocage. Une réponse subjective à une question de qualification mérite généralement un traitement plus souple, à moins qu’elle ne détermine le bon fonctionnement de l’étape suivante.

Ces quatre modèles fonctionnent en synergie plutôt que de se faire concurrence :

Motif Quand il fonctionne Emploi Utilisation optimale
Vérifications côté client Lors du remplissage d’un champ ou à la sortie d’une étape Donnez rapidement votre avis sur la mise en page Champs obligatoires, modèles de base, plages simples
Vérification côté serveur Soumission ou point de vérification délibéré Vérifier les données externes ou commerciales Délivrabilité des e-mails, vérification par téléphone, acheminement
Validation en ligne Après « Flou » ou « Continuer » Expliquez ce qui doit être corrigé Un accompagnement sur le terrain en continu
Règles relatives au blocage des pas Lors de la sélection de « Continuer » ou lors de la validation définitive Éviter toute progression inutile Champs obligatoires, consentement, données essentielles relatives à l’acheminement

En ce qui concerne l’interaction elle-même, étudiez les conceptions optimisées des processus d’inscription afin de déterminer dans quelle mesure la divulgation progressive des informations, l’ordre des champs et la navigation influencent la perception de la charge de travail nécessaire pour mener à bien la procédure. L’outil de création peut donner l’impression que la séquence est simple, mais c’est toujours la phase de validation qui détermine si les utilisateurs passent à l’étape suivante.

« Échouer rapidement ou échouer tardivement » : concevoir la chaîne de validation adaptée à chaque domaine

La décision de conception la plus utile consiste à attribuer chaque champ à une « voie » de validation. La validation « précoce » consiste à détecter un problème de formatage objectif dès que l’utilisateur a rempli le champ. La validation « tardive » consiste à autoriser la progression tout en recueillant suffisamment de contexte, puis à appliquer la règle métier à la sortie de l’étape ou lors de la soumission finale. La validation « hybride » consiste à effectuer très tôt une vérification légère côté client et à reporter la décision qui en découle à un stade ultérieur.

Un schéma comparant les stratégies de validation « fail fast », « fail late » et hybrides en vue d'optimiser la saisie des données dans les champs d'un formulaire.

Une matrice pratique d’application sur le terrain

Domaine Voie Vérification précoce À vérifier ultérieurement
Courriel Hybride Valeur obligatoire et format de base Décision relative à la délivrabilité ou au domaine jetable lors de l’envoi
Nom complet Échouer tardivement Présence et valeur minimale raisonnable de l’entrée Normaliser ou signaler les formats inhabituels en aval
Téléphone Hybride Mise en forme tenant compte des modèles et des spécificités nationales Vérification avant expédition ou vente
Taille de l’entreprise Échouer rapidement Sélection obligatoire Appliquer la logique relative à l’acheteur ou à la qualification une fois que la réponse est connue
Pays Échouer rapidement Sélection obligatoire Appliquer ultérieurement les règles d’éligibilité ou d’acheminement régionales
Questions de sélection Échouer tardivement Vérifiez qu’une réponse existe lorsque cela est nécessaire Appliquez les règles relatives à la disqualification et aux acheteurs à l’issue de cette étape

Les vérifications de format doivent être effectuées en premier lieu, car l’utilisateur peut y remédier immédiatement. Les règles métier doivent être traitées plus tard, car elles dépendent souvent d’autres réponses, de la localisation, du consentement ou des exigences de l’acheteur. Un visiteur sur mobile peut accepter un message expliquant comment corriger un code d’accès par séquence de touches. Il est moins susceptible d’apprécier d’être bloqué parce que l’intitulé de poste saisi librement ne correspond pas à une liste rigide avant d’avoir compris l’intérêt de poursuivre.

Voici à quoi ressemble une séquence de mise en œuvre utile :

  1. Effectuez des vérifications de format côté client lorsque l’utilisateur quitte un champ.
  2. Afficher un message intégré sans effacer la valeur.
  3. Ne bloquez la fonction « Continuer » que lorsque le champ est obligatoire et objectivement inutilisable.
  4. Exécuter la logique inter-domaines et métier à la sortie d’une étape ou lors de la soumission finale.
  5. Envoyez les résultats des vérifications critiques vers le CRM ou la charge utile de l’acheteur.

Échouez rapidement sur la forme. Échouez tardivement sur le fond. Vérifiez en conditions réelles lorsque la réponse a une incidence sur la livraison, l’acceptation ou la monétisation.

La vérification par téléphone mérite une décision à part entière, car elle peut améliorer la possibilité de vous joindre tout en créant un obstacle notable. Le guide Growform sur la vérification par téléphone s’avère utile pour déterminer si une règle relative au numéro de téléphone doit bloquer cette étape, déclencher une interaction de vérification distincte ou ne s’exécuter qu’une fois le formulaire dûment rempli.

Le parcours peut également varier en fonction de la position de l’entonnoir. Prévoyez des filtres peu restrictifs au début, en particulier lorsque le trafic payant vient d’arriver. Concentrez les filtres plus stricts à proximité du point où un prospect est sur le point d’entrer dans une file d’attente de vente, une place de marché pour acheteurs ou un processus de vérification payant.

Conserver l’état de validation d’une étape à l’autre sans perdre de prospects

Un formulaire en plusieurs étapes doit mémoriser davantage que les valeurs des champs. Il doit garder en mémoire l’étape en cours, les champs ayant passé les validations locales, les erreurs qui ont été corrigées, ainsi que le fait que l’utilisateur revienne ou non pour modifier une réponse antérieure. Sans ces informations d’état, un rafraîchissement de la page ou un retour en arrière à l’aide du bouton « Retour » peut transformer un formulaire presque rempli en un formulaire vierge.

Répartition de la persistance en fonction de la sensibilité

Utilisez sessionStorage pour les états d’interaction de courte durée, tels que les indices des étapes terminées et les réponses déjà validées au cours de la session en cours. Utilisez localStorage pour un brouillon qui doit être conservé en cas de nouvelle visite sur le site, de lien de retour ou de pause prolongée, mais uniquement pour les données autorisées par votre modèle de confidentialité et de conformité.

Le client ne doit pas tout stocker simplement parce qu’il en a la possibilité. Évitez de mettre en cache des données sensibles relatives à l’éligibilité, des champs de paiement ou des informations permettant d’identifier une personne avant que l’utilisateur n’ait donné son accord. Pour les workflows présentant un risque plus élevé, utilisez un brouillon chiffré côté serveur ou un jeton à durée de vie limitée, plutôt que de considérer le stockage du navigateur comme une base de données sécurisée.

Un schéma illustrant comment conserver les données de validation des formulaires au cours de processus en plusieurs étapes afin d'éviter de perdre des prospects potentiels.

Un flux de reprise devrait se réhydrater de manière contrôlée :

  • Rétablir la position : ramener l’utilisateur à la dernière étape non terminée, et non automatiquement au premier écran.
  • Restaurer les valeurs : remplir les champs que l’utilisateur a précédemment enregistrés, tout en lui permettant de les modifier.
  • Restaurer l’état : conserver les vérifications réussies à titre d’information, mais relancer celles qui dépendent du temps, de systèmes externes ou de réponses modifiées.
  • Traitez les erreurs avec prudence : ne réaffichez pas d’anciens messages d’erreur concernant des valeurs que l’utilisateur a déjà corrigées.
  • Effacer après la réussite : effacez le brouillon et l’état de validation immédiatement après une soumission confirmée.

Cette dernière mesure permet d’éviter les boucles de resoumission accidentelles et l’envoi de données obsolètes vers un CRM ou un point de terminaison de l’acheteur. L’expiration des brouillons doit être clairement stipulée dans les spécifications de votre produit. Choisissez une durée de vie en fonction du cycle d’achat et du niveau de sensibilité des données, puis supprimez le brouillon à son expiration plutôt que de revenir à un ancien parcours de qualification.

La reprise d’activité entre appareils nécessite une stratégie d’identité authentifiée ou fondée sur le consentement. Une clé de navigateur ne suivra pas un utilisateur lorsqu’il passe d’un téléphone à un ordinateur portable, et l’utilisation d’adresses e-mail ou de numéros de téléphone bruts comme identifiants peut poser des problèmes de confidentialité. Si la récupération sur plusieurs appareils est importante, associez un brouillon côté serveur à un identifiant contrôlé par l’utilisateur ou à un hachage ayant fait l’objet d’une évaluation de confidentialité, et veillez à ce que la procédure de récupération soit claire.

Pour les équipes qui enchaînent des flux de saisie, ce guide sur la saisie des soumissions incomplètes en enchaînant deux formulaires propose un modèle pratique, mais les mêmes règles en matière de consentement, de conservation et de suppression restent applicables.

La mise en œuvre doit également préserver l’accessibilité. Lors de la reprise, le focus doit être placé de manière prévisible, l’étape en cours doit être annoncée, les erreurs doivent être associées à leurs champs respectifs et les utilisateurs doivent pouvoir revenir en arrière sans perdre de données. Les recommandations en matière d’accessibilité pour les formulaires en plusieurs étapes considèrent la gestion du focus, l’annonce des erreurs, la visibilité des états du focus et le comportement lors de la reprise comme des fonctionnalités essentielles du formulaire, et non comme des améliorations facultatives.

Absence de hooks dans le Code Builder par rapport à une logique de validation personnalisée

Le choix entre une validation « sans code » et une validation personnalisée ne relève pas de la sophistication technique. Il dépend de la rapidité avec laquelle l’entonnoir doit être mis en place, de la complexité des règles et du degré d’implication souhaité de la part de l’équipe.

Un responsable marketing travaillant seul et gérant du trafic payant tire généralement profit des « hooks » du générateur. Les champs obligatoires, les messages intégrés, les étapes conditionnelles et les vérifications de format courantes peuvent être mis en ligne sans avoir à attendre un développeur ou une fenêtre de déploiement. Une équipe de croissance bénéficiant d’un soutien technique peut avoir besoin d’une logique personnalisée lorsque les réponses de qualification donnent lieu à différentes branches, lorsque la vérification est asynchrone ou lorsque la charge utile finale doit être transformée avant d’atteindre un CRM.

Ce à quoi chaque voie renonce

Capacité Hooks pour les éditeurs sans code Logique de validation personnalisée
Vitesse de lancement Configuration et itération rapides Nécessite un développement et un déploiement
Règles de base relatives aux champs Maîtrise des formats obligatoires et courants Entièrement configurable
Conditions de passage croisé Cela peut devenir difficile à mesure que les branches poussent Une approche naturelle pour la modélisation dans le code
Vérification asynchrone Souvent disponible via des intégrations, avec des limites propres à la plateforme Contrôle direct des requêtes et des solutions de repli
Détails analytiques Peut exposer des événements standard Permet de mettre en œuvre chaque règle et chaque changement d’état
Maintenance Géré par l’annonceur pour les modifications courantes La révision par les développeurs permet de réduire les régressions accidentelles
Transformation des données Limité aux actions prises en charge Contrôle total avant l’envoi vers le CRM ou le webhook

Les hooks de Builder peuvent limiter la complexité des expressions régulières, rendre les règles conditionnelles peu pratiques et offrir des analyses limitées par champ. Le code personnalisé implique une dépendance vis-à-vis des développeurs, un cycle de révision, une charge de tests et un pipeline de déploiement. Il permet également la validation de schémas, les vérifications côté serveur, la logique de branchement et l’instrumentation détaillée des événements.

Un modèle hybride s’adapte généralement aux entonnoirs de conversion payants

Utilisez le générateur pour la première partie de l’expérience, là où la rapidité et les itérations sont primordiales. Confiez la vérification finale des soumissions à un webhook ou à une couche côté serveur capable de vérifier la joignabilité, de faire respecter les exigences des acheteurs, de normaliser les valeurs, de joindre la preuve du consentement et de rejeter toute charge utile inutilisable avant la livraison.

Par exemple, un responsable marketing peut configurer les réponses obligatoires et le parcours par étapes dans Growform, puis utiliser une logique de vérification et d’acheminement en aval pour déterminer si le prospect validé doit être orienté vers une file d’attente commerciale, un parcours d’achat ou un segment de prospects non éligibles. Cette séparation permet d’éviter que les modifications courantes de l’entonnoir de conversion ne relèvent de la responsabilité de l’équipe technique, tout en préservant un contrôle de qualité final rigoureux.

L’erreur consiste à recourir à du code personnalisé dans le seul but de reproduire le comportement de base des champs obligatoires. L’erreur inverse consiste à imposer à un moteur de règles sans code de gérer des mécanismes complexes d’éligibilité qui relèvent en réalité d’un service versionné et testable.

Mise en place d’événements de validation pour identifier le véritable point de rupture

Vous ne pouvez pas optimiser la validation en vous basant uniquement sur le taux de conversion final. Un taux d’achèvement plus faible peut s’expliquer par une étape défaillante, un message prêtant à confusion, une demande de vérification trop longue ou une règle qui bloque des utilisateurs légitimes. Recueillez suffisamment de détails sur les événements pour distinguer ces différentes causes.

Un schéma illustrant un entonnoir en quatre étapes permettant de mettre en place des mesures de validation afin d'identifier les points où les utilisateurs abandonnent le remplissage des formulaires.

L’ensemble minimal d’événements utiles

Suivez la version de l’étape et du formulaire pour chaque événement.

  • step_view : Se déclenche lorsqu’une étape se charge. Utilisez-le comme dénominateur pour l’analyse de la progression.
  • step_completed : Se déclenche lorsque la validation est réussie et que l’utilisateur passe à l’étape suivante.
  • validation_error : Comprend le nom du champ, le type de règle, l’étape, ainsi que l’indication précisant si le message s’est affiché lors du « blur » ou lors de la sélection de « Continuer ».
  • step_blocked : Se déclenche lorsque l’utilisateur tente d’avancer, mais qu’une règle stricte l’empêche de progresser.

Ajoutez, dans la mesure du possible, un indicateur d’abandon précisant la dernière étape active et l’erreur de validation la plus récente. Il n’est pas nécessaire de qualifier chaque interaction de problème de conversion. Vous devez disposer d’un contexte suffisant pour déterminer si les utilisateurs ont abandonné après un message spécifique ou s’ils ont cessé d’interagir.

Une implémentation de ` dataLayer ` pourrait ressembler à ceci :

dataLayer.push({ event: 'validation_error', form_id: 'solar_quote', step: 2, field: 'phone', rule: 'phone_format', trigger: 'continue' });

Le schéma exact peut varier. La cohérence prime sur la plateforme. Dans Google Tag Manager, mappez les champs d’événement aux événements d’analyse et conservez la version du formulaire afin qu’une modification des règles n’altère pas les comparaisons. Dans un entrepôt de données ou un outil d’analyse des produits, créez un entonnoir par étapes à partir de step_view vers step_completed, puis classez validation_error par champ et par règle.

Transformer les erreurs en file d’attente de tests

Imaginons que des erreurs liées au format du numéro de téléphone se concentrent sur une étape, tandis que les utilisateurs reviennent fréquemment à cette étape sans jamais la mener à bien. Cela constitue un indicateur plus probant qu’une impression générale selon laquelle « le formulaire présente des obstacles ». Testez un modèle plus tolérant, déplacez la validation vers le bouton « Valider », ou modifiez le message tout en laissant inchangées les règles qui n’ont aucun rapport.

Appliquez la même rigueur aux fautes de frappe dans les e-mails, aux réponses obligatoires, aux formats d’adresse et aux exclusions conditionnelles. La question clé est la suivante : quelle règle, à quelle étape, entraîne la plus grande perte de prospects pour mille sessions ? Une fois que vous l’avez identifiée, assouplissez ou déplacez cette règle dans le cadre d’une expérience contrôlée, plutôt que d’affaiblir l’ensemble de l’entonnoir de conversion.

Le guide Growform expliquant comment déclencher une balise GTM lorsqu’un utilisateur passe à l’étape suivante ou remplit un formulaire peut vous aider à relier les événements de navigation à la couche de mesure. Veillez à distinguer les événements de validation des événements de conversion finale, afin qu’un utilisateur confronté à une erreur ne soit pas comptabilisé comme un prospect validé.

Votre liste de contrôle pour le lancement d’une validation en plusieurs étapes

Une spécification de validation prête à être mise en production doit pouvoir être testée par un responsable marketing, un spécialiste de l’assurance qualité ou un développeur. Ne validez pas l’entonnoir simplement parce que chaque champ est soumis à une règle. Validez-le parce que chaque règle a un rôle clair, un déclencheur connu et un effet mesurable sur la progression ou la qualité des prospects.

Un schéma sous forme de liste de contrôle présentant les cinq éléments clés nécessaires à la mise en œuvre de processus efficaces de validation de formulaires en plusieurs étapes dans le cadre de la conception de sites web.

Accessibilité et navigation

  • Parcours du clavier : vérifiez l’ordre de tabulation, le curseur visible, le comportement de la touche Entrée et la navigation en arrière à chaque étape.
  • Association des erreurs : assurez-vous que chaque message est associé à son champ par programmation et qu’il est compréhensible sans recourir uniquement à la couleur.
  • Annonce de l’étape : Indiquez clairement l’étape en cours et l’état d’avancement aux utilisateurs de clavier et de lecteur d’écran.
  • Comportement sur mobile : testez l’effet de flou, le bouton « Continuer », la fermeture du clavier et l’emplacement des messages d’erreur sur Safari et Chrome pour mobile.
  • Pas d’impasses : permettez aux utilisateurs de revenir aux étapes précédentes, de modifier leurs réponses et de poursuivre sans perdre les données déjà saisies.

Reprise et persistance

  • Actualisation de la récupération : actualisez à chaque étape et vérifiez que les valeurs et l’index de l’étape sont corrects.
  • Gestion du bouton « Retour » : utilisez le bouton « Retour » du navigateur et vérifiez que le formulaire ne se réinitialise pas et ne duplique pas la navigation.
  • Réinitialisation des erreurs : corrigez un champ, quittez l’étape, revenez plus tard, puis vérifiez que les anciennes erreurs ne réapparaissent pas.
  • Politique relative aux données sensibles : Veuillez vous assurer qu’aucune information personnelle identifiable (PII) interdite, aucune information de paiement ni aucune donnée de qualification à haut risque ne soit stockée dans la mémoire persistante du navigateur.
  • Expiration et nettoyage : testez l’expiration des brouillons et vérifiez qu’une soumission réussie efface l’état enregistré.

Vérification finale et livraison

  • Solution de secours côté client : désactivez les scripts du navigateur et vérifiez que le serveur continue de rejeter les charges utiles non valides.
  • Contrôles essentiels : effectuez les vérifications relatives à l’adresse e-mail, au numéro de téléphone, au consentement et à l’acheminement à l’étape finale appropriée.
  • Normalisation : Vérifiez que les valeurs relatives au numéro de téléphone, au pays, à l’adresse et au nom sont transmises dans le format attendu par les systèmes en aval.
  • Gestion des échecs : simulez un délai d’expiration de la vérification et déterminez si le responsable doit effectuer une nouvelle tentative, passer en phase de révision ou recevoir un message indiquant que le problème a été résolu.
  • Prévention des doublons : effectuez deux envois et vérifiez que le CRM ou le point de terminaison de l’acheteur ne reçoit pas de prospects en double par inadvertance.

Analyse et optimisation

  • Vues par étape : lancez la commande ` step_view ` une fois par chargement d’étape réel.
  • Déroulement : ne lancez l’step_completed e « Feu » qu’une fois que l’étape a satisfait à ses règles de blocage.
  • Métadonnées de la règle : incluez l’étape, le champ, la règle, le déclencheur et la version du formulaire sur validation_error.
  • Tentatives bloquées : veuillez consigner les « step_blocked » séparément des erreurs de terrain courantes.
  • Diagnostic en cas d’abandon : conservez la dernière étape et la dernière erreur de validation, dans la mesure où la politique de confidentialité le permet.
  • Plan de test : Choisissez une règle à haute fréquence ou à coût élevé à tester en premier lieu, plutôt que de modifier toutes les règles de validation en même temps.

Un formulaire n’est pas prêt lorsqu’il rejette des données erronées. Il est prêt lorsqu’il rejette les bonnes données erronées sans que les prospects prometteurs aient à se débattre avec l’interface.

Utilisez cette liste de contrôle avant de lancer une nouvelle campagne payante, de modifier une étape de qualification ou de transférer un formulaire vers un nouveau secteur d’activité. La validation doit garantir l’acceptation, l’acheminement, la conformité et la capacité de vente, tout en veillant à ce que l’expérience initiale reste suffisamment souple pour que les visiteurs sur mobile puissent poursuivre leur parcours.


Growform offre aux équipes chargées de l’optimisation des performances un moyen sans code de créer des formulaires de prospection et de qualification en plusieurs étapes, comprenant des champs obligatoires, une logique conditionnelle, une validation en ligne et une transmission en temps réel vers les systèmes en aval. Rendez-vous sur Growform pour tester un flux de validation qui distingue les contrôles de champs favorisant la conversion des règles de vérification applicables au moment de la soumission.

Recent Posts

  • 8 exemples d’attribution erronée dans la génération de prospects
  • Formulaires hébergés Growform pour les équipes chargées de la génération de prospects payants
  • Modèles de validation de formulaires en plusieurs étapes qui génèrent réellement des conversions
  • Remplissage automatique des adresses : configuration, optimisation et évaluation
  • Retour sur investissement (ROI) de la génération de prospects : comment le mesurer et l’améliorer

Categories

  • Conception de formulaires en plusieurs étapes
  • Conception de la forme
  • Conformité
  • Convertri
  • CRO
  • Formulaire de confiance
  • Génération de leads
  • Google Tag Manager
  • Hubspot
  • Immobilier
  • Intégration
  • Marketing
  • Non classifié(e)
  • Offres spéciales de génération de leads
  • Outils
  • Prospection
  • Tutoriels
  • Tutoriels Unbounce
  • Unbounce
  • Utilisation de growform

Try Growform Multi Step Form Builder »

Guides

  • Comment créer de beaux formulaires Asana sans code
  • Comment créer des formulaires Hubspot à plusieurs étapes (sans code)
  • Comment ajouter un formulaire Growform à plusieurs étapes à Instapage
  • Comment ajouter un formulaire Growform à plusieurs étapes à Leadpages
  • Comment ajouter un formulaire Growform à plusieurs étapes à Unbounce
  • Comment créer des formulaires Webflow à plusieurs étapes (+ modèles et designs clonables)
  • Comment ajouter un formulaire Growform à plusieurs étapes à WordPress

Features

  • Toutes les caractéristiques
  • Maîtriser les formulaires de logique conditionnelle : Un guide pratique avec des exemples
  • Guide des formulaires conversationnels : Créez facilement des formulaires engageants
  • Formulaires intégrables pour votre site web
  • Des formulaires de capture de prospects qui convertissent en 2023 : 5 conseils puissants + exemples
  • Vérification du plomb : Méthodes en temps réel et en masse pour des données précises
  • Sauts logiques : Créez des formulaires dynamiques pour un meilleur engagement des utilisateurs
  • TrustedForm par ActiveProspect : Le guide ultime pour 2024
  • Comment mettre en place Jornaya (construire un formulaire Jornaya) avec Growform
  • Comment créer un formulaire d’assistant : Guide étape par étape
  • Règles de la FCC sur la génération de prospects : Comment garantir la conformité avec 1-1 Consent
  • Alternatives

More

  • Partenaires affiliés
  • Conditions d’utilisation
  • Vie privée et GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
  • Glossaire Growform : Maîtrisez aujourd’hui les formulaires de conversion
© 2020 - 2024 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch