WordPress - Test A/B dei nuovi elementi del costruttore di pagine
Indice dei contenuti
Breve e dolce
Test senza limiti in WordPress: create nuovi blocchi, sezioni, navigazioni o altri elementi nel CMS (ad esempio con Elementor), assegnate loro un ID univoco e nascondeteli nel test A/B utilizzando i CSS. Con Varify, l'elemento diventa di nuovo visibile nella variante di test, in modo da poter testare nuovi contenuti senza dover ricostruire la pagina. Ideale per banner, sezioni o singoli elementi.
Inserire un nuovo elemento nella pagina di WordPress
Con Elementor in WordPress, è possibile creare facilmente intere sezioni o blocchi. È possibile creare nuovi elementi o trascinare un elemento desiderato (ad esempio, testo, immagine o pulsante) in aree esistenti della pagina. È quindi possibile personalizzare il contenuto e il design come si desidera.
In questo esempio, nella parte superiore della pagina è stato aggiunto un riquadro per l'area di risoluzione dei problemi.
Assegnare un ID CSS a un nuovo elemento
Selezionare l'elemento che si desidera mostrare in seguito con Varify: può essere un nuovo blocco, una colonna o un singolo elemento. Fare clic su di esso e andare alla scheda "Avanzate" nel menu di Elementor. Qui si trova il campo "ID CSS". Inserite qui un ID univoco, ad esempio "new-element".
Nascondere l'elemento
Passare alla sezione "Responsive" nella scheda "Advanced". Attivare i tre interruttori per nascondere l'elemento su desktop, tablet e smartphone. Ciò consente di pubblicare le personalizzazioni senza che gli utenti vedano già l'elemento.
Mostra l'elemento in via sperimentale
- Creare un nuovo esperimento in Varify.
- Cliccare quindi sul simbolo del codice nell'angolo in alto a destra per accedere all'area CSS.
- È possibile inserire il codice in questo punto (regolare l'ID se è stato assegnato un nome diverso):
#new-element{
display: block !important;
}
- Sostituire "new-element" con l'ID assegnato in Elementor. Il carattere # indica che si tratta dell'ID. Questo non deve essere rimosso.
- Salvate la variante.
- Testate l'esperimento per vedere se tutto funziona come desiderato.
- Avviare l'esperimento
Facoltativo: nascondere un altro elemento
Se si sta testando una variazione di un elemento esistente, che quindi è presente due volte nella pagina, è necessario nascondere l'elemento originale non appena viene visualizzato il nuovo elemento.
Procedura:
- Assegnare un ID univoco all'elemento originale nel CMS.
- Aggiungete il codice appropriato al CSS della variante Varify, ad esempio:
#original-element{
display: none !important;
}
Questo assicura che solo il nuovo elemento sia visibile nella variante di prova.