Comment faire du A/B testing sur Wordpress ?

Le A/B testing sur Wordpress va vous être très utile pour optimiser au maximum vos pages afin d’analyser et améliorer les points importants de votre site.
ab testing wordpress

Table des matières

Quelque soit le site dont vous disposez (site e-commerce, blog,…), le A/B testing est très important. Grâce à cette technique d’analyse, vous pouvez récolter de précieuses données qui vous orientent beaucoup plus sur les préférences et exigences de vos visiteurs et clients. Vous mesurez aussi l’impact de différentes variantes d’un seul et même élément. De ce fait, vous aurez inévitablement une belle longueur d’avance sur vos concurrents ! Voulez-vous en apprendre davantage ?

Le test A/B : de quoi s’agit-il ?

Encore appelé A/B testing ou tests fractionnés, le test A/B est un test qui met en « face à face » deux éléments d’une page. Au final, ce test indique les éléments qui rendent beaucoup plus réceptifs les clients. À titre d’exemple, supposons que vous ayez besoin de tester un titre. Vous pourrez créer deux pages semblables, dont les titres sont différents. Vous dirigerez ensuite le trafic vers chacune des deux pages. Ce faisant, vous pourrez apprécier lequel des deux titres entraîne plus de temps passé sur la page, plus de vues, un meilleur taux de conversion, plus de ventes ou de leads, un meilleur taux de rebond, …

Le A/B Testing est donc efficace dans le sens où il vous permet d’avoir une idée claire et très précise de la manière dont vos internautes réagissent aux différents éléments d’une page.

Vous pouvez tester par exemple des appels à l’action (CTA), des titres de page, des sous-titres, des contenus, des widgets, des pages de renvoi, des thèmes, etc.

Quels sont les outils de l’A/B testing sur WordPress ?

Il existe en effet un grand nombre d’outils performants permettant de faire un A/B testing. Ce sont notamment :

  • Test Nelio A/B ;
  • Google Optimize ;
  • Thrive Headline Optimizer ;
  • WordPress Call to Action ;
  • Split Hero ;
  • WordPress Landing Pages ;
  • Simple Page Tester ;
  • Title Experiments ;
  • A/B Press Optimizer ;
  • Marketing Optimizer.

Utiliser le plugin « Nelio A/B Testing pour configurer un test A/B sur WordPress

Nelio A/B Testing est une extension de WordPress à laquelle vous pouvez accéder gratuitement. Le A/B testing sur WordPress se fait en en six étapes que nous allons examiner en détail.

Première étape : installation de l’extension « Nelio A/B Testing »

La première étape pour faire du A/B testing sur WordPress avec Nelio A/B Testing est de procéder avant tout à l’installation de la dite extension. Vous devez le faire à partir de la bibliothèque d’extensions du site WordPress. Voici comment vous procéderez :

1. connectez-vous sur votre administration WordPress ;

2. dans le menu à gauche, faites un clic sur l’onglet « Extensions », puis sur « Ajouter » ;

3. vous verrez en haut à droite une barre de recherche. Renseignez dans cette barre le nom de l’extension : Nelio A/B Testing ;

4. dès que vous trouvez l’extension Nelio A/B Testing, effectuez un clic sur «Installer maintenant». Vous confirmerez ensuite votre choix en cliquant sur le bouton «OK». Après cela, un message «En cours d’installation» apparaîtra. Vous devez attendre quelques secondes ;

5. une fois que l’installation est effectuée, en bas à gauche, cliquez sur « Activer l’extension ». À partir de là, votre extension Nelio A/B Testing est activée sur votre site WordPress.

Après avoir activé l’extension, une page de configuration vous sera accessible, afin de paramétrer Nelio A/B Testing. En premier lieu, vous devez accepter leurs politique de confidentialité et les conditions d’utilisation. C’est après cela que vous pourrez réellement commencer à utiliser l’extension pour faire du A/B testing.

Deuxième étape : création d’un tout premier test A/B

L’objectif lié à l’installation du plug-in Nelio A/B Testing est bien la réalisation d’un A/B Testing. Alors cette deuxième étape vous permettra de réaliser un premier test.

Après avoir accepté la politique de confidentialité et les conditions d’utilisation, vous devez appuyer sur «Continue» pour passer à la création. Précisons que lorsque vous avez créé vos tests et que vous souhaitez les voir ou en créer de nouveaux, c’est très simple. Vous n’aurez qu’à faire un clic sur le bouton «See my tests». Ce bouton se situe sous l’actuel quota de votre abonnement gratuit Neolio.

Pour en revenir, à la création, en haut à gauche de l’interface, vous devez cliquer sur «Add Test». Ensuite, vous devez sélectionner l’élément sur lequel vous comptez produire le test. Il faut noter que lorsque vous n’utilisez que la version gratuite de Neolio, vous n’avez le droit de sélectionner que deux éléments : Heatmap ou Page. Dans la version Pro de l’extension, vous aurez la possibilité de débloquer d’autres types d’éléments. Vous pourrez par exemple faire un A/B Testing sur un thème entier, un article, un menu ou sur un code personnalisé.

Troisième étape : configuration du test A/B

Pour configurer le test A/B, rendez-vous sur l’interface de création. Vous commencerez par renseigner le nom du test. Rassurez-vous, vous pourrez inscrire le nom que vous voudrez. Ensuite, choisissez la page de votre site WordPress sur laquelle vous souhaitez réaliser le test, parmi la liste de pages dans le champ.

La troisième phase consistera à donner un nom à la variante. Cette variante sera en fait une autre version de la page que vous aurez précédemment sélectionné et qui sera spécialement créée pour la réalisation du test. Car qu’il vous souvienne, le A/B testing permet de comparer deux ou plusieurs variantes d’un même élément afin de déterminer la plus performante. Et c’est ainsi que vous configurez un test A/B.

Quatrième étape : modification de la variante du test A/B

Pour que le test puisse être effectif et valide, il est indispensable que vous modifiez les différentes variantes que vous auriez ajouté à votre test. Au départ, les variantes ne sont que de conformes copies de l’élément que vous avez sélectionné pendant la configuration. C’est une configuration par défaut. Ce sera donc désormais à vous de procéder à la modification de ces variantes.

Alors, comment faire ? Il vous suffira de positionner la souris sous le champ du nom de la variante. Deux actions apparaîtront : «Preview» et «Édit». Faites ensuite un clic sur «Édit» afin de modifier la variante sélectionnée, afin de la transformer pour obtenir une version différente de l’élément sélectionné au départ.

Pour ce fait, l’extension vous redirigera vers l’éditeur de WordPress afin que vous laissiez libre cours à votre créativité. Par ailleurs, n’oubliez surtout pas de procéder à l’enregistrement des modifications faites. Vous n’aurez donc qu’à cliquer sur « Enregistrer le brouillon ».

Cinquième étape : paramétrage de l’objectif du A/B Testing

Une fois les modifications achevées, vous devez descendre un peu plus bas dans les paramètres au test A/B. Une section «Conversion Goals and Actions» s’y trouve. Vous devez maintenant donner à l’objectif de votre A/B testing un nom. Il s’agira alors de sélectionner un objectif parmi les quatre types qui vous seront suggérés. Ces quatre objectifs se présentent ainsi qu’il suit :

  • Page view : ici, chaque fois qu’un visiteur ou prospect voit la page testée, il se produira une nouvelle conversion. Ce sera donc à vous de choisir un type de contenu. Il pourrait s’agir d’un article ou d’une page. Vous devez également choisir le contenu qui sera testé ;
  • Click : dès qu’un visiteur cliquera sur un élément HTML donné à partir de l’identifiant d’un élément ou d’un sélecteur CSS, une nouvelle conversion aura lieu. Ainsi, vous aurez à décider de la méthode de test appropriée (identifiant d’élément HTML ou sélecteur CSS). Ensuite, vous devez inscrire sa valeur ;
  • Click external link : en ce qui concerne cet objectif, chaque fois qu’un visiteur cliquera sur un lien en particulier, il y aura une nouvelle conversion. Vous devez donc indiquer le lien ou les liens qui doivent être pris en charge pour la conversion ;
  • Custom event : celui-ci permet de produire des conversions selon un code JavaScript qu’il vous faudra créer.

Si vous choisissez par exemple l’objectif «Click» pour l’A/B testing de l’une des pages de votre site e-commerce. Le test aura pour objectif de cibler tous les éléments HTML de la page, avec un sélecteur CSS qui sera de la même classe que vos boutons d’ajout au panier.

Sixième étape : démarrage du test A/B

Nous sommes à la dernière étape du processus de réalisation du A/B testing sur WordPress avec Nelio A/B Testing. À droite et en haut de l’interface de création de test Neolio, vous verrez le bouton « démarrer ». Cliquez sur ce dernier afin de démarrer le test A/B.

Quant à l’avancée et aux résultats du test A/B, vous pourrez les suivre directement dans l’extension. Cette dernière vous fournit plusieurs interfaces graphiques et statistiques pour que vous puissiez interpréter au mieux les résultats obtenus.

En outre, dans l’onglet « Nelio A/B Testing > Tests », vous pourrez accéder à tous vos tests. Mais ce qui est encore mieux, c’est que vous avez la possibilité d’arrêter ou de mettre en pause un test. Il suffit de cliquer sur les boutons « Stop » et « Pause », qui se trouvent dans le tableau de bord du test en question.

Utiliser Google Optimize pour exécuter un test A/B sur WordPress

Google Optimize fait également partie des outils de A/B Testing. En réalité, c’est un outil gratuit qui vous permettra d’apprendre efficacement les bases de l’A/B Testing. Il est vrai qu’il n’est pas directement relié à WordPress, mais il a un lien avec Google Analytics, et vous n’aurez qu’à le configurer dans WordPress pour l’utiliser. Examinons comment vous pouvez utiliser Google Optimize pour exécuter un test A/B sur WordPress.

Configurez Google Optimize dans WordPress

Avant de pouvoir utiliser Google Optimize pour réaliser l’A/B Testing, vous devez le configurer dans WordPress. Voici la démarche à suivre :

1. commencez par vous rendre sur Google Optimize et créez un compte gratuit. Pour cela, vous aurez à cliquer sur le bouton « Get Started ». Nous vous conseillons à cet effet d’utiliser votre adresse e-mail qui est reliée à votre compte Google Analytics ;

2. il s’agit de lier votre propriété Google Analytics. Sur la page à droite, vous devez cliquer sur « Lier Propriété » ;

3. cette précédente action vous permettra de voir votre propriété Google Analytics. Si toutefois plusieurs propriétés sont liées à votre compte Gmail, choisissez celle que vous jugez être mieux pour être utilisée avec votre Google Optimize. Vous cliquerez après sur « Lier » ;

4. ici, vous devez cliquer sur « Get Snippet » ;

5. vous devez à présent procéder à la modification de votre code Google Analytics sur votre site WordPress, en utilisant votre identifiant de conteneur Google Optimize ;

6. faites un clic sur « Terminé ». Votre site WordPress peut être utilisé avec Google Optimize.

Faites un AB Testing WordPress avec Google Optimize

Vous trouverez certainement cette partie encore plus intéressante, car nous vous présentons comment vous devez vous y prendre pour faire votre premier test A/B avec Google Optimize sur votre site WordPress.

Première étape : l’enclenchement du test A/B

Pour créer votre nouveau test encore appelé « expérience », faites un clic sur « Let’s Go » sur le tableau de bord Google Optimize.

Deuxième étape : la création du test A/B

Cette étape est celle de la configuration du test A/B. Prenons le cas où vous souhaitez réaliser un simple test A/B pour changer la couleur d’un bouton Call-to-Action. Avant de continuer, il est nécessaire de préciser que tous les éléments CSS ou HTML de votre site web WordPress sont modifiables dans Google Optimize.

Pour en revenir au test A/B en ce qui concerne le changement de couleur du bouton CTA, vous devez d’abord choisir un nom pour votre test. Ensuite, vous devez renseigner l’URL dans laquelle vous souhaitez éditer le code pour le test A/B. Dans la section  » type d’expérience « , vous devez choisir le type d’expérience. Cliquez enfin sur « créer ».

Par ailleurs, en plus des tests A/B, Google Optimize vous permet de réaliser d’autres types de tests, qui pourraient être grandement utiles à votre site web. Ce sont des tests multivariés, des tests de redirection et des tests de personnalisation.

Troisième étape : la création des variantes

À cette étape, la page de l’éditeur que vous avez précédemment choisi pour l’expérience, sera utilisée par Google Optimize comme variante originale. Ce que vous aurez à faire ensuite c’est de créer une autre variante, en cliquant sur « Créer variante ». Donnez-lui ensuite un nom, que vous pourrez aisément reconnaître plus tard. Si nous prenons le cas du changement du bouton CTA, vous pourrez nommer cette variante « bouton rouge » par exemple. Les variantes du bouton CTA initial doivent être différentes. Ensuite, faites un clic sur « Terminé ».

Quatrième étape : modification de la variante

Un peu comme pour l’outil Nelio, vous devez également procéder à la modification de la variante créée. Car comme vous vous en doutez, la variante créée ne sera qu’une parfaite copie de l’initiale. Alors, vous verrez écrit en rouge «0 changement». Cliquez sur ce bouton pour opérer les changements souhaités sur la variante de l’élément initial.

En ce qui concerne l’éditeur dans lequel vous ferez les modifications, il vous sera certainement proposé d’utiliser l’extension Google Chrome. Mais pour profiter d’une excellente expérience de prévisualisation et d’édition, nous vous recommandons d’installer sur votre site l’extension Google Chrome Optimize qui est gratuite. Ce logiciel est d’une puissance incroyable. En l’installant, vous pourrez faire tout type de changement sur vos pages.

Cinquième étape : la définition de l’objectif de l’A/B testing

À cette étape, vous devez définir votre objectif, autrement dit ce que vous souhaitez tester. Vous remarquerez que le ciblage de répartition du trafic sera fixé à 50%. Ce pourcentage est renseigné par défaut mais vous pouvez sans problèmes le laisser ainsi. Ensuite, vous donnerez une description concise de votre objectif.

De cette façon, plus tard, vous vous rappellerez facilement pourquoi vous avez opté pour cet objectif. Cette partie est particulièrement pratique car les tests A/B durent parfois des mois. En ajoutant quelque-chose dont vous pourrez vous rappeler à une autre date, vous vous retrouverez plus vite. Suite à la définition de votre objectif, cliquez sur «Ajouter un objectif d’expérience».

Sixième étape : reliez vos objectifs dans Google Analytics à ceux dans Google Optimize

Si vous utilisiez Google Analytics et que vous avez relié votre compte à Google Optimize, vous pouvez également relier vos objectifs Google Analytics ici. En réalité, en tant qu’entreprise, si vous utilisez déjà Google, vous avez certainement des objectifs de formulaire, de conversion, de suivi du commerce en ligne et bien plus encore. Google Optimize vous offre donc la possibilité de relier ces différents objectifs à votre test A/B sur WordPress.

Mais ce n’est aucunement obligatoire ! Vous pouvez bien évidemment définir des objectifs sur-mesure à votre A/B testing.

Dernière étape : démarrage de l’A/B testing

Eh bien, vous êtes désormais prêt à démarrer votre test sur WordPress. Après avoir sauvegardé toutes vos actions, cliquez sur « Démarrer l’expérience ». Ainsi, à l’endroit que vous avez précisé dans le test, le trafic commencera à être testé. En outre, vous pourrez aussi faire des tests avec des préférences de ciblage à l’échelle du site.

À partir de là, Google Optimize fera son travail et vous pourrez observer. Habituellement, ces tests sur Google Optimize prennent une ou deux semaines. Vous connaitrez à la fin la variante qui aura fourni les meilleurs résultats. Google Optimize est gratuit mais très performant avec des fonctionnalités hautement efficaces. Suivez les données de transactionles pages qui ont été vues, les revenus que génère un changement de couleur, de bouton, etc, grâce à l’A/B Testing avec Google Optimize.

L’A/B Testing sur Wordpress : en résumé

Nelio A/B Testing est une extension de WordPress qui vous permettra d’obtenir des résultats clairs, sûrs et fiables. À partir de ces résultats, vous déterminerez la version qui fonctionne le mieux par rapport à un élément de votre site WordPress. Quant à Google Optimize, il est également efficace et vous permet de connaitre les préférences des visiteurs de votre site. Une fois lancé, vous ne pourrez plus vous passer de l’A/B Testing.