Le test A/B est une technique d’analyse populaire qui permet de mesurer l’impact de plusieurs versions d’un même élément.

Ces tests A/B sont généralement utilisés dans le marketing pour valider la meilleure version d’une publicité, mais peuvent très bien être aussi utilisé sur WordPress pour tester différentes versions d’une page de votre site et garder celle qui fonctionne le mieux.

Cela peut être fait par exemple sur des landings pages, des pages produit, sur la page du panier ou bien encore de validation de commande.

Ce tutoriel vous montrera comment configurer un test A/B pour un site WordPress à l’aide de l’extension « Nelio A/B Testing » disponible gratuitement dans la bibliothèque des extensions de WordPress.

 

Déposez gratuitement votre projet sur Codeur.com, recevez une quinzaine de devis et sélectionnez le prestataire WordPress idéal.

Trouver un expert WordPress

Installer Neolio A/B Testing

Commencez par installer l’extension « Nelio A/B Testing » à partir de la bibliothèque des extensions de votre site WordPress à laquelle vous pouvez accéder via l’onglet « Extensions > Ajouter » dans le menu du panel d’administration.

Renseignez dans le champ de recherche de la bibliothèque le nom de l’extension, puis cliquez sur le bouton « Installer maintenant » puis « Activer » pour installer et activer sur votre site.

tuto-faire-ab-test-site-wordpress

 

Après l’activation, vous serez redirigé sur la page de configuration de l’extension qui vous demandera dans un premier temps d’accepter leurs conditions d’utilisation et politique de confidentialité (1), ce que vous devez faire pour pouvoir utiliser l’extension.

Créer un premier test A/B

Cliquez ensuite simplement sur « Continue » (2) pour pouvoir créer votre premier test A/B avec Neolio.

tuto-faire-ab-test-site-wordpress

Pour voir vos tests et en créer de nouveaux, cliquez sur le bouton « See my tests » situé sous le quota actuel de votre forfait gratuit Neolio.

tuto-faire-ab-test-site-wordpress

Enfin, vous allez pouvoir créer votre premier test A/B avec Neolio A/B Testing en cliquant sur « Add Test » (1) en haut à gauche de l’interface puis en sélectionnant le type d’élément sur lequel le test se produira.

Pour l’exemple, nous choisirons de créer un test A/B sur une page web existante (2) de notre WordPress.

tuto-faire-ab-test-site-wordpress

 

Dans la version gratuite de l’extension vous ne pourrez choisir qu’entre deux éléments : Page ou Heatmap.

Vous pourrez débloquer d’autres éléments comme réaliser un test A/B sur un article, un thème entier, un code personnalisé ou un menu dans la version pro de l’extension.

Configurer le test A/B

Sur l’interface de création du test A/B avec Neolio, commencez par renseigner le nom du test (1).

Ensuite, parmi la liste de pages disponibles, sélectionnez la page de votre site sur laquelle vous souhaitez effectuer le test A/B (2).

Puis donnez un nom à la variante, qui sera créée pour le test, de la page précédemment sélectionnée (3).

tuto-faire-ab-test-site-wordpress

Trouvez le meilleur prestataire WordPress sur Codeur.com

Vos premiers devis en 15 minutes

Gratuit et sans obligation

Déjà plus de 75 000 clients

Trouver un expert WordPress

Modifier la variante du test A/B

Pour que le test A/B soit valide vous devez modifier la ou les variantes que vous avez ajoutées à votre test.

Par défaut, les variantes sont des copies parfaites de l’élément initial sélectionné.

Vous pouvez modifier chaque variante en positionnant votre souris sous le champ du nom de la variante pour faire apparaître deux actions « Edit » et « Preview.

Cliquez sur le bouton « Edit » pour commencer à modifier la variante en question et créer une version différente de l’élément initial sélectionné.

tuto-faire-ab-test-site-wordpress

Vous serez alors redirigé vers l’éditeur de WordPress vous permettant de modifier la variante comme bon vous semble.

N’oubliez pas d’enregistrer les modifications effectuées sur la variante en cliquant sur le bouton « Enregistrer le brouillon » de l’éditeur.

Paramétrer l’objectif du test

Descendez ensuite légèrement dans les paramètres du test A/B pour trouver une section « Conversion Goals and Actions ».

Dans cette partie, vous devrez donner un nom à l’objectif du test et choisir parmi 4 types d’objectifs de tests A/B.

Ces objectifs sont les suivants :

  1. Page view : Une nouvelle conversion se produit chaque fois qu’un visiteur voit la page testée. Vous devrez choisir un type de contenu (page ou article) ainsi que le contenu à tester.
  2. Click : Une nouvelle conversion se produit chaque fois qu’un visiteur clique sur un élément HTML donné à partir d’un sélecteur CSS ou de l’identifiant d’un élément. Vous devrez choisir la méthode de test (Sélecteur CSS ou identifiant d’élément HTML) puis renseigner sa valeur.
  3. Click external link: Une nouvelle conversion se produit à chaque fois qu’un visiteur clique sur un lien donné. Indiquez, le ou les liens qui seront prit en compte pour la conversion.
  4. Custom event: Permet de générer des conversions en fonction d’un code JavaScript à créer.

tuto-faire-ab-test-site-wordpress

Pour continuer dans notre exemple nous choisirons l’objectif de conversion « Click » qui ciblera tous les éléments HTML de notre page avec un sélecteur CSS de classe commune à tous nos boutons d’ajout au panier.

Démarrer le test A/B

Pour finir, démarrez le test A/B en cliquant sur le bouton « Start… » situé en haut à droite de l’interface de création de tests de Neolio.

tuto-faire-ab-test-site-wordpress

Vous pourrez suivre l’avancement et les résultats du test directement dans l’extension qui fournit plusieurs statistiques, graphiques et interfaces pour interpréter les résultats.

Tous vos tests sont disponibles dans l’onglet « Nelio A/B Testing > Tests »  (1) et vous pouvez mettre en pause ou arrêter un test en cliquant sur les boutons « Pause » et « Stop » (2) présents dans le tableau de bord d’un test.

tuto-faire-ab-test-site-wordpress

 

Conclusion

Grâce à un test A/B vous pouvez comparer deux versions d’un élément donné de votre site WordPress et déterminer celui qui fonctionne le mieux.

Ce faisant, vous pouvez vous assurer que la conception et le contenu de votre site Web sont optimisés pour la conversion.

À l’aide de l’extension Neolio A/B Testing, vous aurez la possibilité de créer un ou plusieurs tests A/B gratuitement et simplement à travers une interface qui vous guide durant toute la création du test.

En utilisant cette extension, vous pouvez obtenir des résultats fiables qui vous permettent de savoir quelle version fonctionne le mieux avec l’objectif sélectionné.

Si vous souhaitez aller plus loin dans l’optimisation de votre site en créant des tests A/B plus complexes, vous pouvez aussi faire appel à un expert WordPress. Postez une annonce gratuitement sur Codeur.com et recevez rapidement les devis de freelances.