Comment faire (et pourquoi vous devriez faire) des tests A/B avec Elementor dans WordPress

Lorsque vous concevez un site Web, vous le faites dans un but : vendre des produits, promouvoir des services ou provoquer tout type de réponse ou d'action de la part de vos lecteurs. Si vous avez également choisi le plugin Elementor comme constructeur de page pour créer votre site web sous WordPress, c'est parce que vous êtes conscient que le design est important et que vous voulez qu'il soit attrayant et moderne. Aujourd'hui, nous allons voir comment créer des tests A/B dans un site Web Elementor.

Même si vous utilisez Elementor dans la conception de vos pages, comment savoir si votre goût exquis est bien celui qui vous apportera les meilleurs résultats ? Vous n'êtes pas votre propre client et leurs avis et goûts peuvent être très différents des vôtres. Suivre votre instinct peut être très romantique, mais si vous cherchez à améliorer l'expérience de votre utilisateur et à augmenter les conversions, c'est-à-dire à amener vos lecteurs à effectuer toute action alignée sur vos objectifs (acheter, remplir un formulaire, vous contacter, etc.) , la meilleure option consiste à effectuer des tests A/B sur votre site Web.

Que sont les tests A/B ?

Le nombre de visiteurs de votre site Web est égal au nombre d'opportunités pour un visiteur d'effectuer une action souhaitée, également appelée conversion. Il s'agit d'un abonnement, d'un achat, de remplir un formulaire, etc.

Le taux de conversion est le nombre de conversions réalisées par rapport au nombre de visites. Par conséquent, si vous avez un total de 100 visites par jour sur votre site Web, dont deux finissent par acheter un produit, le taux de conversion sur votre site Web est de 2 % .

De la même manière que vous pouvez mesurer le succès de vos campagnes emailing en analysant quel pourcentage de ceux qui reçoivent les emails finissent par acheter, avec votre site internet vous disposez d'un très bon outil pour améliorer son succès ou son taux de conversion : l'A/B testing .

Le test A/B est le meilleur outil pour optimiser la conversion sur votre site Web. En résumé, un test A/B consiste, sur la base d'une hypothèse d'amélioration, à proposer une évolution de votre site (par exemple, une redistribution de la Landing Page pour mieux afficher certaines informations pertinentes, un réaménagement du menu pour obtenir plus de clics sur ma page produit ou un changement radical du thème pour le rendre plus attrayant) et ensuite voir si ce changement fonctionne mieux que ce que vous aviez avant.

Techniquement, un test A/B n'est rien de plus qu'une expérience qui consiste à montrer simultanément deux variantes de la même page Web à différents segments de visiteurs du site Web et à comparer quelle variante génère le plus de conversions.

L'une des questions qui se pose rapidement avec les tests A/B est de savoir quel type de test vous devriez tester. Les tests A/B ne sont pas des tests que vous définissez au hasard sans aucun sens ; ils devraient faire partie d'un processus plus ambitieux connu sous le nom de processus d' optimisation du taux de conversion ou processus CRO .

Optimisation du taux de conversion

L'optimisation du taux de conversion ou CRO est, comme son nom l'indique, le processus d'augmentation du pourcentage de visiteurs du site Web qui effectuent les actions que vous souhaitez. Ce processus, en bref, comprend les étapes suivantes :

Étape 1 : Définissez vos objectifs

La première étape de tout processus CRO consiste à définir quels sont vos objectifs commerciaux et les différents objectifs de conversion de votre site Web à différentes étapes de votre entonnoir de vente. Par exemple, l'objectif commercial de Nelio est d'augmenter le nombre d'abonnés à nos plans premium. Mais quel est le chemin parcouru par les visiteurs à partir du moment où ils visitent notre site Web jusqu'à ce qu'ils deviennent clients ? Voici notre entonnoir de vente :

Si notre objectif commercial est d'augmenter le nombre d'abonnés à nos forfaits premium, un prospect ou un prospect peut d'abord découvrir le test A/B Nelio lorsqu'il a recherché des solutions de test A/B sur Google ou dans le répertoire des plugins WordPress. Ce visiteur de notre site Internet lira probablement certains articles de notre documentation pour en savoir un peu plus sur notre produit. S'ils aiment le contenu de ces pages, ils visiteront notre page de tarification. À ce stade, un objectif de conversion pour notre site Web pourrait être une visite sur la page de tarification et notre métrique cible pourrait être d'obtenir 2 000 visites par mois sur cette page.

Ensuite, si le client potentiel trouve des informations intéressantes, il demandera des informations plus détaillées ou téléchargera le plugin depuis l'annuaire WordPress pour tester la version gratuite que nous proposons. Un deuxième objectif de conversion serait alors : un visiteur remplit notre formulaire de contact. La métrique sera le nombre de formulaires de contact reçus et nous pourrons définir notre objectif mensuel avec une certaine valeur. Ou cela pourrait aussi être un téléchargement de notre plugin. Etc.

Enfin, le prospect souscrit à l'un de nos forfaits premium. Dans ce cas, notre objectif de conversion impliquerait clairement l'achat d'un plan d'abonnement. Et puisque le but de notre entreprise est de croître, nous pouvons répartir cet objectif entre les différents plans que nous avons.

Comme vous l'avez vu, cette première étape consiste à analyser le tunnel de vente pour définir nos objectifs de conversion en établissant des métriques.

Étape 2 : Analysez votre site Web

Après cette étape préliminaire indispensable, vous devez commencer à rechercher des données sur la situation actuelle de votre site Web et sur lesquelles vous pouvez agir. Identifiez les problèmes que vous rencontrez actuellement sur votre site Web. Cela vous aidera à générer des idées sur les tests A/B que vous devriez effectuer.

Comment collectons-nous les données ? Dans un premier temps, évaluez de manière heuristique chacune des pages que vous avez identifiées à l'étape précédente. Demandez-vous s'ils répondent ou non à votre ensemble de critères que vous avez établis et voyez si vous pouvez améliorer ces résultats :

• La page répond-elle aux attentes de l'internaute en termes de contenu et de design ?
• Comment pouvons-nous l'améliorer ?
• Le contenu et les offres du site sont-ils aussi clairs que possible ?
• Pouvons-nous le rendre plus clair ou plus simple?
• Qu'est-ce qui provoque l'hésitation sur cette page ou entrave le processus ?
• Peut-on simplifier ?
• Qu'y a-t-il sur la page qui n'aide pas l'utilisateur à agir ?
• Pouvons-nous augmenter la motivation des utilisateurs ?

Vous obtiendrez une liste de domaines d'intérêt que vous pouvez potentiellement améliorer. Utilisez Google Analytics pour trouver également des domaines d'amélioration. Par exemple, GA peut vous aider à détecter le % de visiteurs qui cliquent sur les boutons de vos produits, que vous pouvez ensuite comparer avec vos chiffres attendus. Vous pouvez également utiliser des heatmaps et des scrollmaps pour mieux comprendre le comportement de vos internautes.

Ensuite, hiérarchisez les problèmes ou les domaines d'amélioration que vous avez identifiés, en vous concentrant d'abord sur ceux qui, selon vous, auront le plus d'impact (soit parce qu'ils ont plus de visites, soit parce qu'il s'agit d'un problème important). Par exemple, dans notre analyse, nous avons vu que nous devions améliorer notre page produit Nelio A/B Testing. Nous voulions augmenter le nombre d'utilisateurs visitant notre page de tarification. Et c'était un problème majeur.

Étape 3 : Créez vos hypothèses

L'étape suivante, avant de créer un test A/B, consiste à traduire la liste des problèmes précédemment identifiés en un ensemble d'hypothèses.

Par exemple, sur notre page de destination Nelio A/B Testing, nous avons constaté que de nombreux visiteurs ne voient que le premier bloc et ne font pas défiler la page. Nous avons pu le constater après avoir analysé la heatmap et la scrollmap du web. De plus, seulement 45 % des visiteurs se sont rendus sur la page de tarification.

Compte tenu de ce fait, nous avons émis l'hypothèse qu'en utilisant un message plus clair dans le premier pli qui éveille la curiosité plutôt que l'urgence, nous intéresserions plus de personnes à cliquer sur le bouton Commencer maintenant . Vous pouvez faire ce même exercice pour chacun des problèmes de votre liste ordonnée.

Étape 4 : générer une idée de test

Ensuite, nous avons dû mettre en place un nouveau titre qui "éveille la curiosité". Dans notre cas particulier, nous avons décidé d'utiliser les éléments suivants : rouge ou bleu ? Carré ou rond ? Haut ou bas? Mettez votre WordPress à l'épreuve .

Nous avons également décidé de modifier le texte sous le titre, comme indiqué dans l'image. L'idée que nous avions était de vérifier s'il est vrai que les gens préfèrent que nous parlions de leur site et de leurs objectifs plutôt que de nos produits.

Étape 5 : créer et exécuter des tests A/B

Enfin, il ne reste plus qu'à créer le test sur votre site, comme vous vous en doutez déjà. Comme nous l'avons mentionné au début, un test A/B n'est rien de plus qu'une expérience dans laquelle nous créons deux versions ou variantes d'une page (mais il peut aussi s'agir d'un article, d'un menu, d'un widget, d'un formulaire ou de tout autre élément de notre site WordPress). Une fois le test en cours, nous pouvons alors diviser nos visiteurs de sorte qu'environ la moitié d'entre eux voient toujours la variante A et le reste verra la variante B.

Lors de la définition d'un test A/B, nous devons non seulement définir les variantes (A/B ou multiple dans le cas d'un test multivarié) du test, mais nous devons également définir nos objectifs de conversion. Comme nous l'avons vu dans l'exemple précédent, notre objectif de conversion était de compter les visites sur la page de tarification de nos forfaits premium. De plus, dans un test A/B, nous pouvons également segmenter les participants à un test, c'est-à-dire indiquer quels visiteurs nous souhaitons faire participer au test.

Après avoir exécuté le test, vous verrez si l'une des variantes a été gagnante et vous pourrez l'appliquer avec certitude comme la dernière sur votre site Web, en vous assurant qu'elle aura une amélioration de la conversion.

Et comme vous pouvez l'imaginer, le processus d'optimisation de la conversion d'un site Web est continu et cyclique. N'arrêtez jamais de faire des tests A/B pour améliorer votre site Web.

Créer des tests A/B dans Elementor

Vous pouvez créer manuellement un test A/B sur un site Web WordPress avec Elementor, par exemple en utilisant Google Analytics pour l'analyse des conversions. Cependant, notre recommandation est que vous utilisiez l'un des outils disponibles sur le marché, tels que Nelio A/B Testing (version gratuite et premium à partir de 29 €/mois), Convertize (version premium à partir de 49 $/mois), VWO (version premium à partir de 199 $/mois), Convert Expriences (version premium à partir de 699 $/mois) ou Optimizely (tarifs personnalisés mais à partir d'environ 800 $/mois), entre autres, ce qui vous évite d'avoir à segmenter le trafic à votre site Web et vous fournir directement les mesures et les résultats que vous recherchez.

Voyons quels types de tests A/B vous pouvez créer avec Elementor en utilisant Nelio A/B Testing, un outil dont le grand avantage est d'être un plugin WordPress natif. En fait, il vous suffit d'installer le plugin Nelio A/B Testing sur votre site Web comme n'importe quel autre plugin et, une fois installé, vous pouvez commencer à l'utiliser sans avoir à apprendre à utiliser un autre outil.

Les étapes à suivre sont les suivantes :

• Sélectionnez le type de test à créer
• Définir les variantes de test,
• Définir les objectifs et les actions de conversion
• Vous pouvez également définir si vous souhaitez appliquer la segmentation
• Exécutez le test et analysez vos progrès
• Appliquer l'alternative gagnante comme finale

Sélectionnez le type de test à créer

Pour créer n'importe quel type de test, la première chose à faire est de sélectionner le type de test que vous souhaitez créer dans la liste qui s'affiche.

Une fois que vous avez sélectionné le type de test A/B que vous souhaitez créer, vous devez définir les principales caractéristiques du test que vous souhaitez exécuter sur votre site Web.

Définir les variantes de test

Tout d'abord, pour chacun d'eux vous devez choisir l'élément que vous souhaitez tester et définir ses variantes.

Test A/B d'une page

Prenons un exemple très simple. Supposons que nous ayons émis l'hypothèse qu'en utilisant une nouvelle image sur la page Elementor, nous inciterons davantage de personnes à en savoir plus sur l'outil et, par conséquent, à cliquer sur le bouton d'appel à l'action.

Après avoir sélectionné que nous voulons créer un test de page, dans l'éditeur WordPress, vous verrez la page où vous devez modifier votre test.

Nommez simplement le test, dans ce cas "Testing Different Images" et sélectionnez la page que vous souhaitez tester (dans notre cas, la page d'accueil ).

Ensuite, vous créez la variante, "Variante B" de votre page d'origine en lui donnant simplement un nom. Et si vous le souhaitez, vous pouvez créer autant de variantes que possible en cliquant sur le bouton Nouvelle variante . Par défaut, chaque variante créée sera une copie exacte de la page d'origine que vous avez sélectionnée précédemment. Cliquez sur son lien Modifier pour le modifier.

L'avantage que vous avez lorsque vous utilisez un plugin WordPress natif est que vous pouvez modifier directement la variante d'un test A/B en utilisant le même éditeur visuel que vous utilisez habituellement pour créer vos pages. Dans ce cas, l'éditeur est évidemment Elementor. Cela signifie qu'après avoir cliqué sur le lien Modifier , vous verrez que la nouvelle variante est chargée dans Elementor et vous pourrez la modifier à votre guise.

Ajustez la page (dans cet exemple, je ne changerai qu'une image) et enregistrez-la en tant que brouillon :

C'est ça! Vous avez créé votre première variante !

Test A/B d'une publication

La création d'un test A/B pour une publication est très similaire à celle d'une page. Après avoir sélectionné que vous souhaitez créer un test de publication, le menu déroulant pour sélectionner la publication originale que vous souhaitez tester affichera la liste des publications que vous avez publiées. Vous pouvez également rechercher la publication en saisissant son titre, son URL ou son ID.

Le reste du processus est exactement le même que le précédent.

Test A/B d'un type de publication personnalisé

Si vous souhaitez créer un test A/B d'un type de publication personnalisé différent des pages et des publications, tels que des cours que vous avez créés sur votre site Web, des FAQ, etc., vous pouvez également le faire avec Nelio A/B Testing . Il vous suffit de sélectionner que vous souhaitez effectuer ce type de test, et maintenant le sélecteur vous permettra de sélectionner le type de contenu que vous souhaitez et le contenu spécifique que vous souhaitez tester.

Test A/B d'un titre

Si lors de l'analyse de votre site Web, vous identifiez qu'il est difficile pour vous d'amener les lecteurs à lire le contenu de votre site Web, c'est peut-être parce que les titres ne sont pas très attrayants. Un test qui peut être très intéressant est le test du titre. Autrement dit, essayez différentes versions du titre, de l'extrait et de l'image vedette d'un article et découvrez quelle combinaison obtient le plus grand nombre de lecteurs.

Pour effectuer ce type de test, avec Nelio A/B Testing, vous n'avez pas besoin de modifier ces informations avec Elementor. Le plugin lui-même vous permet de le faire directement lors de l'édition d'un test. Après avoir sélectionné que vous souhaitez créer un nouveau test de titre, Nelio A/B Testing vous montre les titres des articles que vous avez sur votre blog.

Vous sélectionnez l'article dont vous souhaitez tester le titre et créez les variantes que vous souhaitez, sans même avoir à éditer l'article.

Test A/B du résumé du produit WooCommerce

Résumé du produit WooCommerce Les tests A/B sont un type spécifique de test WooCommerce dans lequel différentes combinaisons de nom, de description courte et d'image de produit sont testées, dans le but de découvrir lequel d'entre eux obtient le plus d'achats de ce produit. La façon de créer un test de ce type est très similaire à celle des titres que nous avons vus plus haut.

Si vous avez choisi de créer un test de ce type, Nelio A/B Testing vous montrera dans un menu déroulant les produits dont vous disposez et vous n'aurez qu'à apporter les modifications des variantes que vous souhaitez créer directement dans le éditeur d'essais. Vous n'avez pas à modifier le produit.

Tests A/B thématiques

Si après avoir analysé votre site Web, votre hypothèse est que votre site Web a besoin d'un changement plus radical, peut-être que changer le thème peut être ce dont vous avez besoin. Mais avant de plonger dans le vif du sujet, n'oubliez pas de créer un test A/B avec lequel vous pourrez vérifier avec des données quel thème est le meilleur.

Créer un test de thème est facile avec Nelio A/B Testing. Vous ne devez avoir que les thèmes que vous souhaitez tester installés sur votre WordPress et les sélectionner dans le test de thème A/B.

Gardez à l'esprit que si les pages que vous avez avec Elementor ont été complètement personnalisées une par une, l'effet qu'un changement de thème peut avoir sera minime.

Test A/B des modèles

Au lieu de changer le thème d'un site Web, vous pouvez essayer de créer différents modèles pour certaines des pages de votre site Web. Concevez-les au préalable avec le constructeur de pages Elementor, puis effectuez un test A/B avec eux.

Comme toujours, c'est aussi simple que de sélectionner les différentes variantes de modèle que vous souhaitez utiliser comme variante de modèle sur toutes les pages qui utilisent un modèle particulier.

Test A/B des menus

Avec Elementor, vous pouvez avoir créé la structure du menu de navigation directement dans WordPress ou si vous utilisez la version Pro d'Elementor, vous pouvez également créer des menus en utilisant le widget Nav Menu . Si vous l'avez créé de manière traditionnelle, créer un test A/B est aussi simple que de sélectionner l'un des menus dont vous disposez actuellement et de créer les variantes souhaitées.

Pour modifier les variantes, il vous suffit de cliquer sur le lien d'édition et de modifier le menu de la même manière que vous éditez n'importe quel menu traditionnel. Une fois créé, il est désormais disponible en tant que variante de ce test.

Dans le cas où vous avez créé vos menus avec le widget Elementor Pro version Nav Menu, la création du test est la même que si vous créiez un test A/B de widgets comme expliqué ci-dessous.

Test A/B des widgets

Si vous avez besoin de créer un test de widget dans WordPress (y compris le menu Nav discuté ci-dessus), après avoir sélectionné que vous souhaitez créer un test de widget, il vous suffit d'indiquer le nom de la nouvelle variante de widget et de cliquer sur le lien d'édition.

Lors de l'édition d'une variante, Nelio utilise le propre éditeur de widgets de WordPress avec quelques contrôles supplémentaires. Ajoutez, supprimez et organisez les variantes de widgets comme vous le souhaitez, puis revenez au test.

Test A/B du CSS

Si vous souhaitez tester différentes versions des règles de style CSS et déterminer laquelle fonctionne le mieux pour atteindre vos objectifs, vous pouvez choisir de créer un test CSS. Comme dans le cas des widgets, il vous suffit d'entrer le nom de la nouvelle variante et de cliquer sur le lien d'édition. Dans ce cas, un éditeur s'ouvrira pour vous permettre d'ajouter les styles CSS que vous souhaitez pendant que vous pourrez en voir l'aperçu.

Une fois que vous avez défini les nouvelles règles, cliquez sur publier et vous avez créé la variante CSS de votre test.

Définissez vos objectifs de conversion et vos actions

Après avoir défini les variantes de votre test, passons à l'étape suivante : le test A/B que vous avez créé a été réalisé avec l'idée de tester un objectif de conversion, comme obtenir plus de ventes, plus d'abonnés ou plus de visites sur la page de tarification, etc. Ces objectifs sont atteints lorsque le visiteur effectue certaines actions. Par exemple, vous pouvez obtenir plus d'abonnés lorsqu'un utilisateur remplit un certain formulaire sur votre site Web ou plus de visites sur la page de tarification lorsqu'un utilisateur clique sur un bouton, etc.

Comment définissons-nous les objectifs et les actions de conversion dans les tests A/B Nelio ?

Dans la section "Objectifs et actions de conversion", vous pouvez ajouter autant d'objectifs que vous le souhaitez en cliquant sur le lien +Nouveau et vous pouvez éventuellement leur ajouter un nom. Nelio A/B Testing vous montrera des informations sur l'efficacité de chaque variante pour chacun des objectifs que vous avez définis.

Pour chaque objectif, vous disposez alors de différents types d'actions de conversion pour suivre vos visiteurs. Par exemple, vous pouvez surveiller quand ils accèdent à une certaine page, quand ils cliquent sur un certain élément de votre site Web ou quand ils soumettent un formulaire de contact. Cliquez sur le bouton d'action qui vous intéresse et configurez-le. Par exemple, vous pouvez cliquer sur l'action de conversion Visite de page et sélectionner votre page de tarification dans son formulaire déroulant, ou sélectionner une soumission de formulaire et choisir le formulaire que vous souhaitez suivre, etc.

Segmentez votre trafic

L'une des caractéristiques intéressantes de nombreux outils de test A/B est que vous pouvez segmenter votre trafic. Autrement dit, vous ne pouvez définir que certains visiteurs pour participer à un test. Par exemple, par pays, heure, langue, navigateur, appareil, etc. Si vous souhaitez plus de détails sur la façon de mettre en œuvre la segmentation du trafic avec Nelio A/B Testing, dans cet article, Antonio l'explique en détail.

Exécutez le test créé et analysez sa progression

Et voilà, il ne vous reste plus qu'à appuyer sur le bouton pour démarrer un test et analyser son déroulement. Lorsque vous utilisez un outil comme ceux mentionnés ci-dessus, vous n'avez pas à vous soucier du temps dont vous avez besoin pour l'exécuter ou contrôler la confiance statistique des données.

Vous pourrez voir le nombre total de conversions et de visites sur les pages de chaque variante. Vous pourrez également voir le pourcentage d'amélioration (ou d'aggravation) de chaque variante par rapport à la version originale.

Appliquer l'alternative gagnante

Au bout d'un moment, le plugin vous dira quelle variante est la meilleure (s'il y en a une qui est meilleure que les autres, bien sûr).

Une fois qu'il y en a un, il ne reste plus qu'à le rendre définitif. Avec Nelio A/B Testing, étant un plugin WordPress natif, l'application de la variante gagnante consiste uniquement à cliquer sur un bouton, Appliquer . Et c'est tout! Il n'est pas nécessaire de recréer à nouveau la variante gagnante - elle est déjà dans WordPress !

Et voilà, vous avez maintenant un nouveau design de votre site web avec des données éprouvées, meilleures que les précédentes.

Commencez à effectuer des tests A/B sur Elementor maintenant

Avec ce guide complet sur la création de tests A/B dans Elementor, vous serez parfaitement équipé pour commencer à planifier votre propre projet d'optimisation de conversion de site Web. Les tests A/B sont inestimables lorsqu'il s'agit d'améliorer les taux de conversion de votre site Web. De plus, en utilisant un outil comme Nelio A/B Testing, vous réduisez de nombreux risques liés à la mise en place d'un programme d'optimisation sans critères clairs et uniquement basé sur votre propre intuition.

Si vous avez trouvé ce guide utile, partagez-le sur vos réseaux sociaux et si vous avez des questions, des commentaires ou besoin d'informations supplémentaires, n'hésitez pas à laisser votre commentaire à la fin de cet article.

Image sélectionnée par Syd Wachs sur Unsplash .