WordPress Redirect & Split URL Testing
Table des matières
En bref
Crée le nouveau bloc dans le CMS (par exemple avec Elementor), attribue-lui un ID unique et masque-le directement, par exemple via les paramètres propres au CMS ou un champ CSS. Dans l'outil de test A/B Varify, tu crées ensuite une expérience et tu caches à nouveau le bloc dans la variante de test via CSS. Tu peux ainsi vérifier l'effet du bloc sur le comportement des utilisateurs.
Insérer un nouvel élément dans une page WordPress
Il suffit de glisser-déposer le widget souhaité (par ex. texte, image, bouton) dans la zone souhaitée de ta page. Une fois qu'il est placé, tu peux adapter le contenu et le design selon tes souhaits.
Dans cet exemple, une tuile de dépannage a été insérée dans la partie supérieure.
Attribuer un ID CSS à un nouvel élément
Sélectionne l'élément que tu souhaites afficher plus tard par Varify - il peut s'agir d'un nouveau bloc, d'une colonne ou d'un seul élément. Clique dessus et va dans l'onglet "Avancé" du menu Elementor. Tu y trouveras le champ "CSS ID". Saisis ici un ID unique, par exemple "new-element".
Masquer l'élément
Dans l'onglet "Avancé", passe à la section "Responsive". Active les trois boutons pour masquer l'élément sur desktop, tablette et smartphone. Tu peux ainsi publier tes adaptations sans que les utilisateurs ne voient déjà l'élément.
Afficher l'élément dans à propos de l'expérience
- Crée une nouvelle expérience dans Varify.
- Clique ensuite sur l'icône de code en haut à droite pour accéder à la zone CSS.
- Là, tu peux entrer ce code (adapte l'ID si tu as donné un autre nom) :
#new-element{
display : block !important ;
} - Remplace "new-element" par l'ID que tu as attribué dans Elementor.
- Enregistre la variante.
- Teste l'expérience pour voir si tout fonctionne comme tu le souhaites.
- Commence l'expérience
Facultatif : Masquer un autre élément
Si tu testes une variation d'un élément existant, tu devrais masquer l'élément original dès que le nouvel élément apparaît.
Procédure :
-
- Dans le CMS, attribue également un identifiant unique à l'élément d'origine.
- Ajoute le code approprié dans le CSS de la variante Varify, par exemple :
#original-element{
display : none !important ;
}
Tu t'assures ainsi que seul le nouvel élément est visible dans la variante de test.