{"id":68644,"date":"2021-10-31T04:05:37","date_gmt":"2021-10-31T04:05:37","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/5-astuces-pour-booster-les-conversions-de-formulaires-pour-wordpress\/"},"modified":"2021-10-31T04:05:37","modified_gmt":"2021-10-31T04:05:37","slug":"5-astuces-pour-booster-les-conversions-de-formulaires-pour-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/5-astuces-pour-booster-les-conversions-de-formulaires-pour-wordpress\/","title":{"rendered":"5 astuces pour booster les conversions de formulaires pour WordPress"},"content":{"rendered":"

\n<\/p>\n

Que vous souhaitiez que les visiteurs effectuent un achat, s’inscrivent \u00e0 une d\u00e9monstration ou t\u00e9l\u00e9chargent un livre blanc sur votre site Web, vous devrez cr\u00e9er un formulaire de site Web pour ce processus.<\/p>\n

La conception, la messagerie et la fonctionnalit\u00e9 de vos formulaires Web jouent un r\u00f4le important pour d\u00e9terminer si un visiteur remplit le formulaire et convertit. Faire ces petits ajustements \u00e0 vos formulaires WordPress peut aider \u00e0 r\u00e9duire la charge cognitive d’un visiteur et augmenter les conversions de formulaires.<\/p>\n

Dans ce guide, nous partagerons des conseils pour Gravity Forms et le plugin gratuit Contact Form 7. Ceux-ci peuvent tous \u00eatre compl\u00e9t\u00e9s avec les principales fonctionnalit\u00e9s et param\u00e8tres de Gravity Forms, ou si vous utilisez Contact Form 7 avec des plugins gratuits et premium. Mais vraiment, tous les conseils peuvent \u00eatre appliqu\u00e9s \u00e0 la plupart des meilleurs plugins de formulaire de contact WordPress. Alors commen\u00e7ons !<\/p>\n

<\/span>1. Utilisez un fort contraste de couleurs dans la conception du formulaire<\/span><\/h2>\n

Lorsqu’un internaute acc\u00e8de \u00e0 votre site, il recherche g\u00e9n\u00e9ralement le moyen le plus rapide et le plus simple d’atteindre un objectif, que ce soit pour obtenir plus d’informations ou pour effectuer un achat. Une fa\u00e7on d’augmenter les conversions de formulaires est de rendre la mise en page et la mise en page du formulaire faciles \u00e0 consulter pour tous les visiteurs.<\/p>\n

Une erreur courante sur les sites WordPress consiste \u00e0 d\u00e9finir une mise en page de formulaire de site Web par d\u00e9faut avec un fond de formulaire blanc et de fines cases grises comme champs de formulaire.<\/p>\n

Au lieu de cela, envisagez de cr\u00e9er une mise en page de formulaire dans laquelle il existe un fort contraste de couleurs entre l’arri\u00e8re-plan du formulaire, les \u00e9tiquettes du formulaire et les champs blancs du formulaire. Lors de la s\u00e9lection des couleurs pour votre formulaire, suivez les directives WCAG sur le contraste des couleurs avec un rapport de contraste d’au moins 4: 5: 1. Cela aide les visiteurs ayant une d\u00e9ficience visuelle ou un handicap \u00e0 diff\u00e9rencier clairement les champs du formulaire de la couleur d’arri\u00e8re-plan de la page Web.<\/p>\n

Vous pouvez v\u00e9rifier le Formes de gravit\u00e9<\/strong> guide d’accessibilit\u00e9 pour les d\u00e9veloppeurs en tant que ressource. Ce guide contient vraiment tout ce que vous devez savoir sur l’accessibilit\u00e9 et les formulaires de gravit\u00e9, y compris une section compl\u00e8te sur le contraste des couleurs et l’utilisation de la couleur.<\/p>\n

\"CF7<\/p>\n

Si vous utilisez le gratuit Formulaire de contact 7<\/strong> plugin, l’extension Accessible Defaults peut vous aider \u00e0 mettre en \u0153uvre les meilleures pratiques d’accessibilit\u00e9 dans tous vos formulaires.<\/p>\n

<\/span>2. R\u00e9duisez le nombre de champs optionnels<\/span><\/h2>\n

Les formulaires de site Web longs peuvent dissuader les conversions, car ils prennent souvent plus de temps \u00e0 se terminer. Lorsqu’un visiteur rencontre un formulaire, il calcule inconsciemment si l’effort requis pour remplir le formulaire vaut le b\u00e9n\u00e9fice qu’il en retirera.<\/p>\n

En g\u00e9n\u00e9ral, r\u00e9duisez autant que possible le nombre de champs. Si vous devez inclure des champs de formulaire facultatifs, \u00e9tiquetez clairement les champs obligatoires par rapport aux champs facultatifs pour r\u00e9duire les erreurs de l’utilisateur lors de la soumission du formulaire.<\/p>\n

Dans le pay\u00e9 Forme de gravit\u00e9<\/strong> plugin, les champs du formulaire sont facultatifs par d\u00e9faut et vous pouvez cocher l’option “Obligatoire” lors de la modification du formulaire dans le tableau de bord WordPress.<\/p>\n

Pour le gratuit Formulaire de contact 7<\/strong> plugin, l’ajout d’un ast\u00e9risque dans le champ de formulaire HTML est le meilleur moyen d’identifier un champ de texte si n\u00e9cessaire.<\/p>\n

Avec les formulaires Web longs, les visiteurs Web doivent \u00e9galement d\u00e9terminer s’ils souhaitent partager toutes ces informations personnelles. Envisagez d’ajouter un lien vers votre politique de confidentialit\u00e9 sur le formulaire Web et suivez les meilleures pratiques du RGPD en mati\u00e8re de protection des donn\u00e9es afin d’\u00e9tablir la confiance avec les clients potentiels.<\/p>\n

<\/span>3. Envisagez un formulaire en plusieurs \u00e9tapes ou en plusieurs pages<\/span><\/h2>\n

Si vous avez besoin d’un formulaire long sur votre site Web pour un processus de demande ou d’inscription approfondi, envisagez de le convertir en un formulaire en plusieurs \u00e9tapes ou en plusieurs pages.<\/p>\n

En d\u00e9composant un long processus en petites \u00e9tapes, l’effort per\u00e7u est r\u00e9duit et cela encourage davantage de visiteurs Web \u00e0 d\u00e9marrer le processus. Avec les formulaires multi-pages, il est utile de d\u00e9finir une barre de progression sous le formulaire sur chaque page et cela indiquera o\u00f9 le visiteur est en train de remplir le formulaire.<\/p>\n

\"Plugin<\/p>\n

Si vous utilisez le paiement Formes de gravit\u00e9<\/strong> Compl\u00e9ment, vous pouvez utiliser les options de compl\u00e9ment int\u00e9gr\u00e9es pour cr\u00e9er un formulaire de plusieurs pages et regrouper les champs de formulaire par page. Utilisez les options principales lors de l’ajout de champs \u00e0 “d\u00e9marrer la pagination”, “saut de page” et “fin de pagination” pour cr\u00e9er vos propres formulaires en plusieurs \u00e9tapes.<\/p>\n

\"Plusieurs<\/p>\n

Il existe \u00e9galement des extensions de plugins payantes pour Formulaire de contact 7<\/strong> qui vous permettent d’ajouter un processus de formulaire en plusieurs \u00e9tapes \u00e0 votre site. Multi-Step pro vous permet de diviser de longs formulaires \u00e9tape par \u00e9tape.<\/p>\n

Lors de la configuration des diff\u00e9rentes pages du formulaire, tenez compte de l’exp\u00e9rience utilisateur au fur et \u00e0 mesure que quelqu’un parcourt le formulaire. Commencez par demander des informations de base et essayez de regrouper des donn\u00e9es similaires. Cela peut r\u00e9duire la quantit\u00e9 d’effort et cr\u00e9er un flux fluide sur le formulaire.<\/p>\n

Comme toujours, soyez tr\u00e8s prudent lorsque vous demandez des informations confidentielles, telles que des informations m\u00e9dicales ou des informations financi\u00e8res, via un simple formulaire sur le site Web.<\/p>\n

<\/span>4. Formater automatiquement les donn\u00e9es dans les entr\u00e9es de formulaire<\/span><\/h2>\n

Certains champs de formulaire peuvent n\u00e9cessiter un format sp\u00e9cifique, comme des num\u00e9ros de t\u00e9l\u00e9phone, des dates et des num\u00e9ros de carte de cr\u00e9dit. En formatant automatiquement les entr\u00e9es dans le champ de formulaire, vous pouvez acc\u00e9l\u00e9rer le processus pour les visiteurs Web, les amenant \u00e0 se convertir plus rapidement.<\/p>\n

Au Formes de gravit\u00e9<\/strong>, vous pouvez s\u00e9lectionner un style de format de num\u00e9ro de t\u00e9l\u00e9phone am\u00e9ricain ou international lors de la configuration d’un champ de t\u00e9l\u00e9phone.<\/p>\n

Si vous ne souhaitez pas limiter vos visiteurs \u00e0 un format de t\u00e9l\u00e9phone sp\u00e9cifique, vous pouvez \u00e9galement envisager de fournir un exemple de saisie de donn\u00e9es en tant que texte d’espace r\u00e9serv\u00e9 pour le champ de formulaire. Cela peut aider les visiteurs \u00e0 d\u00e9terminer rapidement le format correct pour les dates ou les adresses. Au Formulaire de contact 7<\/strong>, vous pouvez inclure un filigrane d’espace r\u00e9serv\u00e9 dans le code HTML pour un champ num\u00e9rique pour ce faire.<\/p>\n

Cependant, \u00e9vitez d’utiliser du texte d’espace r\u00e9serv\u00e9 au lieu d’\u00e9tiquettes de champ de formulaire. Il s’agit d’une pratique d’accessibilit\u00e9 Web importante, car le texte de l’espace r\u00e9serv\u00e9 dispara\u00eet lorsque vous cliquez sur le champ, et certains visiteurs peuvent avoir besoin de la balise pour r\u00e9f\u00e9rence. Les gens effectuent \u00e9galement plusieurs t\u00e2ches lorsqu’ils naviguent sur le Web, vous devez donc rendre les \u00e9tapes aussi claires que possible car leur attention peut \u00eatre distraite.<\/p>\n

Toutes ces \u00e9tapes aideront les internautes \u00e0 remplir correctement le formulaire lors de la premi\u00e8re soumission. La plupart des gens n’essaieront pas de soumettre \u00e0 nouveau un formulaire plus d’une ou deux fois s’ils continuent \u00e0 faire face \u00e0 des erreurs de soumission.<\/p>\n

<\/span>5. \u00c9vitez les appels \u00e0 l’action trompeurs<\/span><\/h2>\n

Les appels \u00e0 l’action trompeurs peuvent nuire aux conversions. N’oubliez pas qu’un visiteur Web \u00e9value inconsciemment quel avantage il recevra en fournissant ses informations sur le formulaire du site Web.<\/p>\n

Un appel \u00e0 l’action ou CTA est le message sur votre site Web qui demande \u00e0 quelqu’un de prendre des mesures imm\u00e9diates. Quelques exemples de CTA courants sont Demander une d\u00e9mo, Obtenir une consultation gratuite ou Ajouter au panier.<\/p>\n

Il existe un compromis entre r\u00e9duire les champs d’un formulaire et demander suffisamment d’informations pour r\u00e9pondre \u00e0 la demande du client. Si vous promettez de fournir un calcul ou un devis, le client s’attendra \u00e0 ce que vous demandiez suffisamment d’informations sur le formulaire pour pouvoir fournir instantan\u00e9ment cette demande. Si tous ces champs sont manquants, le visiteur Web peut penser que le formulaire est trompeur, et au lieu de recevoir un calcul, il recevra un appel d’un vendeur.<\/p>\n

En plus des messages de formulaire, consultez la page de remerciement ou le message de confirmation qu’un visiteur voit apr\u00e8s avoir soumis le formulaire. Le coursier doit fournir une exp\u00e9rience utilisateur positive en confirmant que votre soumission de formulaire a \u00e9t\u00e9 trait\u00e9e.<\/p>\n

La configuration d’une page de remerciement ou de confirmation sp\u00e9cifique pour chaque formulaire peut \u00e9galement aider au suivi des conversions dans les analyses.<\/p>\n

Avec Formes de gravit\u00e9<\/strong> Vous pouvez d\u00e9finir une “URL de redirection” dans Param\u00e8tres> Confirmations lors de la cr\u00e9ation de votre formulaire.<\/p>\n

\"Extension<\/p>\n

Pour Formulaire de contact 7<\/strong>, la redirection gratuite pour le formulaire de contact 7 ajoute la possibilit\u00e9 de rediriger un utilisateur apr\u00e8s avoir soumis avec succ\u00e8s le formulaire de contact.<\/p>\n

<\/span>Outils WordPress pour la conversion de formulaires<\/span><\/h3>\n

Du contraste des couleurs au formatage des entr\u00e9es de champ, vous pouvez augmenter le nombre de conversions de formulaires sur votre site WordPress. En tirant parti des diff\u00e9rents outils WordPress et en suivant les meilleures pratiques de conception UX, vous pouvez augmenter les chances qu’un visiteur s’efforce de soumettre un formulaire sur votre site Web.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n