Meilleures pratiques pour la conception et le développement de formulaires HubSpot

NRZ.Digital
0 0

À quand remonte la dernière fois que vous avez visité le site Web d’une entreprise et n’avez pas vu au moins UN formulaire?

Si vous ne pouvez penser à aucun, c’est parce que la plupart des entreprises choisissent de mettre en œuvre une variété de formulaires à des fins de génération de leads. Vous avez probablement vu des formulaires avec des messages tels que:

  • Nous contacter!
  • Inscrivez-vous pour un essai gratuit!
  • Inscrivez-vous à un webinaire!
  • Téléchargez votre guide!
  • Achetez un produit!

À un moment ou à un autre, vous avez probablement également rempli un formulaire. Quelque chose dans l’apparence ou la copie vous a convaincu. D’un autre côté, il y a probablement eu des fois où vous avez contourné un formulaire.

C’est tout un comportement normal. Certains formulaires fonctionnent bien tandis que d’autres ne le font pas, et tout se résume à la conception et au développement de formulaires. Si vous utilisez HubSpot, la plate-forme vous aide à créer et à concevoir des formulaires captivants pour booster la conversion.

Cependant, nous avons encore quelques conseils à partager! Plongeons-nous.

Que pouvez-vous faire avec les formulaires HubSpot?

Comme indiqué, les formulaires sont un moyen puissant de comprendre et de qualifier les prospects et de les transmettre à votre équipe de vente. Votre équipe marketing peut également les utiliser pour mieux comprendre les contacts et améliorer les campagnes de promotion. Nous avons présenté quelques exemples que vous avez peut-être vus dans le passé. Voici quelques façons supplémentaires d’utiliser les formulaires ainsi que les données collectées à partir de ceux-ci:

  1. Collectez de nouvelles informations auprès des nouveaux visiteurs et des anciens visiteurs – évitez de demander leur nom et leur adresse e-mail plus d’une fois.
  2. Créez des profils d’utilisateurs étendus en collectant, segmentant et organisant les informations de contact sur une série de formulaires.
  3. Déclenchez des e-mails de suivi personnalisés en fonction des informations que vous collectez.
  4. Sondez vos clients.
  5. Collectez les informations d’expédition.
  6. Configurez des formulaires avec divers champs – des champs de texte aux listes déroulantes en passant par les téléchargements de fichiers.
  7. Connectez les données de vos formulaires à des plateformes CRM tierces.

Maintenant, qu’est-ce que la conception de formulaire?

L’un des composants les plus cruciaux de toute forme solide est sa conception.

Selon HubSpot, la conception de formulaire «est le processus de création d’un formulaire Web – où les visiteurs de votre site peuvent saisir et soumettre leurs informations – tout en gardant à l’esprit la mise en page, le format, l’expérience utilisateur, l’apparence et d’autres facteurs du formulaire.»

Une bonne conception de formulaire peut améliorer votre expérience utilisateur Web globale et aider à stimuler les conversions. Pensez-y: qui veut remplir un formulaire qui demande 23 éléments différents, les exige tous et ne se charge pas sur mobile?

Probablement personne.

Alors, comment construisez-vous une grande forme?

Planifiez, planifiez, planifiez!

Supposons que vous soyez chef de projet ou responsable de la création d’un formulaire. Vous devez vous assurer que toutes les ressources de votre équipe – concepteurs, développeurs, créateurs de contenu – sont sur la même page par rapport aux principaux objectifs et buts commerciaux de votre client ou service. Voici quelques éléments essentiels à prévoir:

  • Connecteurs: Mise en place d’un connecteur de données entre HubSpot et un CRM externe pour fonctionner parallèlement à tout travail de conception et de développement. Commencez dès que possible afin de pouvoir le tester le plus tôt possible.
  • Flux de travail: Configurez-vous un formulaire, plusieurs formulaires, e-mails, notifications de formulaire? Assurez-vous d’informer votre équipe afin qu’elle sache quoi tester.
  • Directives de la marque: Avez-vous un guide de style récent à partager avec votre équipe?

L’aspect et la convivialité de vos formulaires sont essentiels. Vous devez capturer des informations utiles sans décourager un visiteur du site Web de se convertir en prospect. Passez en revue la conception avec votre équipe pour résoudre tout problème de mise en œuvre. Ensuite, mettez-vous au travail sur ce design! Quelques conseils:

  • Rester simple! Avoir un titre de formulaire et des étiquettes de champ en haut des champs qui identifient les champs, ainsi qu’un simple bouton d’envoi.
  • Gardez-le dans une colonne si vous le pouvez.
  • Évitez les images d’arrière-plan.
  • Organisez vos questions de formulaire du plus simple (nom, e-mail) au plus difficile (informations sur la carte de crédit ou commentaires)
  • Utilisez la validation de champ de formulaire en ligne.
  • Alignez votre texte sur la gauche.
  • Utilisez des navigateurs à remplissage automatique.
  • Activez la possibilité d’accéder au champ de formulaire suivant.

Développer votre formulaire

Une fois que vous avez configuré le formulaire et inséré dans votre page de destination, vous êtes prêt à le styliser. Voici quelques conseils pour éviter les erreurs des formulaires et des conseils pour les tests:

  • Gardez votre CSS général et flexible.
  • Évitez les wrappers visuels pour les formulaires qui incluent également des éléments HTML supplémentaires, tels que du texte descriptif ou des images.
  • Assurez-vous que la hauteur de votre formulaire est flexible afin que les nouveaux champs ajoutés ou supprimés (avec la configuration du profilage progressif) ne cassent pas le formulaire.
  • Test multi-navigateurs. Testez la soumission du formulaire pour vous assurer que le message de remerciement ou les redirections fonctionnent comme vous le souhaitez.

N’allez pas en solo

Vous n’avez pas de concepteur ou de développeur en interne ou en agence? Vous pouvez toujours effectuer facilement des ajustements de couleur ou de style avec HubSpot. Utilisez simplement le formulaire standard et effectuez des ajustements simples pour commencer en quelques minutes. Si vous avez besoin de conseils supplémentaires ou d’aide avec un formulaire unique, contacter notre équipe (dans notre formulaire de contact! 😉)

Nouvel appel à l'action


Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleppy
Sleppy
0
Angry
Angry
0
Surprise
Surprise
0

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Laisser un commentaire

Next Post

Les NFT expliqués! Guide du débutant sur les jetons non fongibles

En bref Les NFT sont des jetons numériques uniques qui sont soutenus par la blockchain et ne peuvent pas être dupliqués. Les NFT représentent des objets du monde réel, y compris des objets de collection numériques, de la musique, des œuvres d’art, des billets d’événement, des noms de domaine, des […]

Abonnez-vous maintenant