Tests A/B que vous devriez essayer sur vos pages avec des formulaires

L'un des objectifs les plus importants de nombreux sites Web est d'obtenir plus de prospects ou d'abonnés. Pour ce faire, vous avez probablement une ou plusieurs pages où vous affichez un formulaire permettant à vos visiteurs de vous contacter pour demander plus d'informations sur vos produits ou s'abonner à votre newsletter.

Du point de vue de la conversion, la conception et le contenu des pages avec des formulaires peuvent être critiques et, pour cette raison, je voudrais aujourd'hui partager avec vous quelques exemples de types de tests A/B que vous pouvez essayer pour optimiser la conversion. (visiteurs contactant ou s'inscrivant). Dans les exemples suivants, vous verrez que les formulaires sur les pages sont créés avec Nelio Forms, notre plugin de création de formulaires entièrement intégré à WordPress.

Emplacement du formulaire dans la page

Lorsque nous parlons d'améliorer la conversion sur une page, l'un des points les plus fréquemment abordés est l'emplacement de l'appel à l'action. Si notre objectif est d'amener les visiteurs de la page à remplir un formulaire, essayez de placer votre formulaire à différents endroits et analysez celui qui vous convient le mieux. Voyons un exemple simple de la façon dont nous créerions un test comme celui-ci avec le plugin Nelio A/B Testing dans WordPress.

Supposons que nous voulions créer un test de la page Nelio Unlocker (notre plugin qui convertit n'importe quelle page Web vers l'éditeur de blocs WordPress ou Elementor) et ainsi vérifier si plus de visiteurs nous contactent en plaçant le formulaire plus haut sur la page.

Dans l'alternative à tester, comme vous pouvez le voir dans l'image précédente, j'ai non seulement déplacé le formulaire, mais aussi, pour le rendre plus esthétique, j'ai placé la section avec des exemples plus bas dans la page.

Comment réaliser ce test avec le plugin Nelio A/B Testing ? Sélectionnez d'abord que vous souhaitez créer une nouvelle page de test :

Après avoir nommé test un nom et sélectionné la page que vous souhaitez tester, par défaut, chaque variante que vous créez est une copie de la page d'origine, que vous pouvez modifier pour apporter les modifications que vous souhaitez.

Le grand avantage de Nelio A/B Testing (étant un plugin entièrement intégré à WordPress) est que la modification des variantes est aussi simple que la modification de n'importe quelle page dans l'éditeur de blocs. Dans ce cas, il vous suffit de sélectionner le ou les blocs de la page que vous souhaitez déplacer et de modifier leur emplacement.

Après avoir effectué les modifications nécessaires, il ne reste plus qu'à enregistrer la page, revenir au test que nous étions en train de créer, et indiquer les objectifs de conversion et les actions du test. Dans cet exemple, notre objectif est de remplir le formulaire de contact. Dans la section "Objectifs et actions de conversion", indiquez le nom de l'objectif et ajoutez l'action de conversion "Soumission de formulaire".

Comme vous pouvez le voir dans l'image précédente, vous avez une liste déroulante dans laquelle vous pouvez sélectionner le formulaire qui doit avoir été soumis pour être enregistré en tant qu'action de conversion pour ce test.

Et c'est tout! Vous pouvez maintenant appuyer sur le bouton de démarrage du test afin que la moitié du trafic vers cette page voie une alternative et l'autre moitié, l'autre. Sur la page de résultats du test, vous pourrez suivre les visites et les conversions de chaque variante et ainsi analyser quelle option fonctionne le mieux.

Nombre et type de champs à remplir

Dans une étude menée par Hubspot analysant plus de 40 000 pages, ils ont observé que le nombre de champs à remplir et le type de chaque champ ont un impact sur la conversion qu'ils obtiennent.

Vous pouvez voir sur les graphiques ci-dessus que, comme vous l'avez probablement déjà deviné, moins il y a de champs à remplir, plus il sera facile pour les visiteurs de vous contacter. Néanmoins, vous devez également peser la qualité des informations que vous obtenez à partir du formulaire : êtes-vous sûr de vouloir que tous ceux qui passent par là vous contactent, ou préférez-vous uniquement ceux qui sont vraiment intéressés et prêts à vous donner un peu plus d'informations sur eux-mêmes?

Essayez d'effectuer différents tests A/B en modifiant le nombre et le type de champs de formulaire et analysez ce qui vous convient le mieux comme vous pouvez le voir dans l'exemple suivant :

Pour créer un tel test, si vous utilisez un plugin comme Nelio Forms, c'est aussi simple que de créer un formulaire supplémentaire. Vous verrez que l'éditeur de formulaires est à peu près le même que l'éditeur de blocs que vous connaissez déjà :

Et lors de la modification de la page alternative du test (rappelez-vous qu'il s'agit d'une copie de la page d'origine), il vous suffit de remplacer le formulaire que vous aviez par le nouveau créé, en le sélectionnant dans la liste déroulante avec la liste des formulaires disponibles.

Dans ce cas, notez que, lors de la spécification des objectifs de conversion et des actions du test, vous devez avoir ajouté la soumission des deux formulaires en tant qu'actions de conversion. De cette façon, la soumission de l'un de ces deux formulaires (un dans chaque variante de votre test) sera enregistrée comme une conversion.

Où afficher les étiquettes de formulaire

Un article de Luke Wroblewski d'il y a quelques années, une référence dans la conception de formulaires, a comparé les avantages et les inconvénients de l'affichage des étiquettes de champ au-dessus ou à gauche de chaque champ.

Si vous avez remarqué dans l'exemple précédent, l'un des problèmes des formulaires verticaux avec de nombreux champs est qu'ils peuvent prendre trop de place. L'une des alternatives que vous pouvez essayer, et que je trouve personnellement, rend les formulaires très propres, est de ne pas afficher les étiquettes de champ en tant qu'entités distinctes et d'y écrire un espace réservé à la place.

Si vous utilisez Nelio Forms, il suffit d'indiquer dans les paramètres de champ que les étiquettes doivent être masquées, puis d'écrire simplement l'espace réservé approprié :

De cette façon, vous aurez réduit la hauteur du formulaire et l'utilisateur verra facilement ce qu'il faut taper dans chacun des champs.

Envoyer le texte et la couleur du bouton

Tester différentes couleurs et différents textes d'incitation à l'action est également un type de test très populaire pour améliorer la conversion. Vous trouverez des gens vous disant qu'une couleur ou une autre fonctionne mieux, ou que le message devrait être tel ou tel… mais notre recommandation est de tester et de confirmer ce que vos visiteurs aiment le plus. C'est précisément ce que nous avons fait sur l'un de nos sites Web, en testant différentes couleurs de boutons et en voyant ce qui fonctionnait le mieux pour nous.

Dans le cas de l'utilisation d'un plugin comme Nelio Forms, qui est entièrement intégré à l'éditeur de blocs, il suffit d'avoir autant de formulaires créés que d'alternatives que vous souhaitez tester, chacun avec la couleur, le style et le texte du bouton que vous êtes Pour ce faire, il suffit de copier le formulaire d'origine et de modifier les caractéristiques du bouton comme vous le feriez sur n'importe quelle page ou publication.

Informations sur la confidentialité des données

Enfin, un autre test que vous pouvez faire avec les formulaires consiste à essayer différentes formulations sur la confidentialité des données que vous collectez et à voir quel impact cela a. Les gens ne veulent pas être spammés, donc, pour instaurer la confiance, il peut être utile de souligner explicitement que vous ne partagerez aucune donnée avec des tiers.

Essayez différentes formulations alternatives avec différents styles et analysez l'impact que chacune des alternatives peut avoir.

Conclusion

Aujourd'hui, nous voulions partager quelques idées que vous pouvez tester sur des pages avec des formulaires de contact pour améliorer leurs taux de conversion. N'oubliez pas que, quel que soit le nombre de recommandations que vous trouverez, ce n'est qu'après avoir effectué un test A/B que vous saurez avec certitude ce qui fonctionne le mieux sur votre site Web : qu'il s'agisse de changer l'emplacement du formulaire dans la page ou de tester différents contenus de formulaire, exécutez plusieurs testez et voyez comment vous pouvez obtenir plus de prospects, d'abonnés ou de clients.

Si vous utilisez des plugins WordPress natifs comme Nelio Forms pour créer des formulaires et Nelio A/B Testing pour effectuer des tests A/B, tester des pages avec des formulaires n'a jamais été aussi simple !

Image sélectionnée par Robert Anasch sur Unsplash.