Come eseguire (e perché dovresti farlo) test A/B con Elementor in WordPress

Quando progetti un sito web, lo fai con uno scopo: vendere prodotti, promuovere servizi o provocare qualsiasi tipo di risposta o azione da parte dei tuoi lettori. Se hai anche scelto il plug-in Elementor come page builder per creare il tuo sito Web in WordPress, è perché sei consapevole che il design è importante e vuoi che sia attraente e moderno. Oggi vedremo come creare test A/B nel sito Web di Elementor.

Anche se utilizzi Elementor nella progettazione delle tue pagine, come fai a sapere se il tuo gusto squisito è davvero quello che ti porterà i migliori risultati? Non sei il tuo stesso cliente e le loro opinioni e gusti potrebbero essere molto diversi dai tuoi. Seguire il tuo istinto può essere molto romantico, ma se stai cercando di migliorare l'esperienza del tuo utente e aumentare le conversioni, cioè per convincere i tuoi lettori a compiere qualsiasi azione in linea con i tuoi obiettivi (acquistare, compilare un modulo, contattarti, ecc.) , l'opzione migliore è eseguire test A/B sul tuo sito web.

Cosa sono i test A/B?

Il numero di visitatori del tuo sito web è uguale al numero di opportunità per un visitatore di eseguire un'azione desiderata, chiamata anche conversione. Questo è un abbonamento, un acquisto, la compilazione di un modulo, ecc.

Il tasso di conversione è il numero di conversioni ottenute rispetto al numero di visite. Pertanto, se hai un totale di 100 visite al giorno sul tuo sito web, due delle quali finiscono per acquistare un prodotto, il tasso di conversione sul tuo sito web è del 2% .

Allo stesso modo in cui puoi misurare il successo delle tue campagne email analizzando quale percentuale di chi riceve le email finisce per acquistare, con il tuo sito web hai un ottimo strumento per migliorarne il successo o il tasso di conversione: il test A/B .

Il test A/B è lo strumento migliore per ottimizzare la conversione sul tuo sito web. In breve, un test A/B consiste, sulla base di un'ipotesi di miglioramento, nel proporre una modifica al proprio sito web (ad esempio, una ridistribuzione della Landing Page per visualizzare al meglio alcune informazioni rilevanti, un riordino del menu per ottenere più click sulla pagina del mio prodotto o un cambiamento radicale del tema per renderlo più attraente) e poi vedere se quel cambiamento funziona meglio di quello che avevi prima.

Tecnicamente un test A/B non è altro che un esperimento che consiste nel mostrare due varianti della stessa pagina web a diversi segmenti di visitatori del sito contemporaneamente e nel confrontare quale variante genera la maggior parte delle conversioni.

Una delle domande che sorgono rapidamente con il test A/B è quale tipo di test dovresti testare. I test A/B non sono test che definisci casualmente senza alcun senso; dovrebbero far parte di un processo più ambizioso noto come processo di ottimizzazione del rapporto di conversione o CRO .

Ottimizzazione del tasso di conversione

L'ottimizzazione del tasso di conversione o CRO è, come suggerisce il nome, il processo per aumentare la percentuale di visitatori del sito Web che eseguono le azioni desiderate. Questo processo, in breve, si compone dei seguenti passaggi:

Passaggio 1: definisci i tuoi obiettivi

Il primo passo in qualsiasi processo CRO è definire quali sono i tuoi obiettivi di business e i diversi obiettivi di conversione del tuo sito web nelle diverse fasi della tua canalizzazione di vendita. Ad esempio, l'obiettivo aziendale di Nelio è aumentare gli abbonati ai nostri piani premium. Ma qual è il percorso intrapreso dai visitatori dal momento in cui visitano il nostro sito Web fino a quando non diventano clienti? Questo è il nostro imbuto di vendita:

Se il nostro obiettivo aziendale è aumentare gli abbonati ai nostri piani premium, un potenziale cliente o un lead potrebbe conoscere per la prima volta i test A/B di Nelio dopo aver cercato soluzioni di test A/B su Google o nella directory dei plug-in di WordPress. Quel visitatore del nostro sito web probabilmente leggerà alcuni articoli nella nostra documentazione per saperne di più sul nostro prodotto. Se gli piace il contenuto di quelle pagine, visiteranno la nostra pagina dei prezzi. A questo punto, un obiettivo di conversione per il nostro sito Web potrebbe essere una visita alla pagina dei prezzi e la nostra metrica obiettivo potrebbe essere quella di ottenere 2.000 visite al mese a quella pagina.

Quindi, se il potenziale cliente trova informazioni interessanti, chiederà informazioni più dettagliate o scaricherà il plugin dalla Directory di WordPress per testare la versione gratuita che offriamo. Un secondo obiettivo di conversione sarebbe quindi: un visitatore compila il nostro modulo di contatto. La metrica sarà il numero di moduli di contatto ricevuti e possiamo definire il nostro target mensile con un certo valore. Oppure potrebbe anche essere un download del nostro plugin. E così via.

Infine, il potenziale cliente si iscrive a uno dei nostri piani premium. In questo caso, il nostro obiettivo di conversione comporterebbe chiaramente l'acquisto di un piano di abbonamento. E poiché lo scopo della nostra attività è crescere, possiamo suddividere questo obiettivo tra i diversi piani che abbiamo.

Come hai visto, questo primo passaggio consiste nell'analisi del funnel di vendita per definire i nostri obiettivi di conversione stabilendo delle metriche.

Passaggio 2: analizza il tuo sito web

Dopo questo essenziale passaggio preliminare, dovresti iniziare a cercare dati sulla situazione attuale del tuo sito web e su cui puoi agire. Identifica i problemi che hai attualmente sul tuo sito web. Questo ti aiuterà a generare idee sui test A/B che dovresti eseguire.

Come raccogliamo i dati? Inizialmente, valuta euristicamente ciascuna delle pagine identificate nel passaggio precedente. Chiediti se soddisfano o meno la tua serie di criteri che hai stabilito e vedi se potresti migliorare quei risultati:

• La pagina soddisfa le aspettative dell'utente in termini di contenuto e design?
• Come possiamo migliorarlo?
• I contenuti e le offerte del sito sono il più chiari possibile?
• Possiamo renderlo più chiaro o più semplice?
• Cosa causa l'esitazione in questa pagina o ostacola il processo?
• Possiamo semplificarlo?
• Cosa c'è nella pagina che non aiuta l'utente ad agire?
• Possiamo aumentare la motivazione degli utenti?

Otterrai un elenco di aree di interesse che puoi potenzialmente migliorare. Utilizza anche Google Analytics per trovare aree di miglioramento. Ad esempio, GA può aiutarti a rilevare la % di visitatori che fanno clic sui pulsanti del tuo prodotto, che puoi quindi confrontare con le cifre previste. Puoi anche utilizzare mappe di calore e mappe di scorrimento per comprendere meglio il comportamento dei tuoi utenti web.

Quindi, dai la priorità ai problemi o alle aree di miglioramento che hai identificato, concentrandoti prima su quelli che ritieni avranno il maggiore impatto (o perché hanno più visite o perché è un problema importante). Ad esempio, nella nostra analisi abbiamo visto che dovevamo migliorare la nostra pagina del prodotto Nelio A/B Testing. Volevamo aumentare il numero di utenti che visitano la nostra pagina dei prezzi. E questo era un grosso problema.

Passaggio 3: crea le tue ipotesi

Il passaggio successivo, prima di creare un test A/B, consiste nel tradurre l'elenco dei problemi precedentemente individuati in una serie di ipotesi.

Ad esempio, sulla nostra pagina di destinazione Nelio A/B Testing abbiamo visto che molti visitatori vedono solo il primo blocco e non scorrono la pagina verso il basso. Lo abbiamo potuto vedere dopo aver analizzato la heatmap e la scrollmap del web. Inoltre, solo il 45% dei visitatori è andato alla pagina dei prezzi.

Alla luce di ciò, abbiamo ipotizzato che, utilizzando un messaggio più chiaro nella prima piega che suscita curiosità anziché urgenza, avremmo attirato più persone interessate a fare clic sul pulsante Inizia ora . Puoi fare lo stesso esercizio per ciascuno dei problemi nella tua lista ordinata.

Passaggio 4: genera un'idea di prova

Successivamente abbiamo dovuto implementare un nuovo titolo che "suscita curiosità". Nel nostro caso particolare, abbiamo deciso di utilizzare quanto segue: rosso o blu? Quadrata o Rotonda? Su o giù? Metti alla prova il tuo WordPress .

Abbiamo anche deciso di modificare il testo sotto il titolo come mostrato nell'immagine. L'idea che abbiamo avuto è stata quella di verificare se è vero che le persone preferiscono parlare del loro sito e degli obiettivi invece dei nostri prodotti.

Passaggio 5: crea ed esegui test A/B

Infine, non resta che, come puoi già immaginare, creare il test sul tuo sito web. Come accennato all'inizio, un A/B test non è altro che un esperimento in cui creiamo due versioni o varianti di una pagina (ma potrebbe anche trattarsi di un post, un menu, un widget, un form o qualsiasi altro elemento del nostro sito Web WordPress). Una volta che il test è in esecuzione, possiamo quindi dividere i nostri visitatori in modo che circa la metà di loro veda sempre la variante A e il resto vedrà la variante B.

Quando si definisce un test A/B, non dobbiamo solo definire le varianti (A/B o multiple in caso di test multivariato) del test, ma dobbiamo anche definire i nostri obiettivi di conversione. Come abbiamo visto nell'esempio precedente, il nostro obiettivo di conversione era contare le visite alla pagina dei prezzi dei nostri piani premium. Inoltre, in un test A/B possiamo anche segmentare i partecipanti in un test, ovvero indicare a quali visitatori vogliamo partecipare al test.

Dopo aver eseguito il test, vedrai se una delle varianti è risultata vincitrice e potrai applicarla con certezza come definitiva sul tuo sito web, assicurandoti che avrà un miglioramento nella conversione.

E come puoi immaginare, il processo di ottimizzazione della conversione di un sito web è continuo e ciclico. Non smettere mai di fare test A/B per migliorare il tuo sito web.

Crea test A/B in Elementor

Puoi creare manualmente un test A/B su un sito Web WordPress con Elementor, ad esempio utilizzando Google Analytics per l'analisi delle conversioni. Tuttavia, il nostro consiglio è di utilizzare uno degli strumenti disponibili sul mercato, come Nelio A/B Testing (versione gratuita e premium da 29€/mese), Convertize (versione premium da 49$/mese), VWO (versione premium versione a partire da $ 199/mese), Convert Expriences (versione premium a partire da $ 699/mese) o Optimizely (prezzi personalizzati ma a partire da circa $ 800/mese), tra gli altri, che ti evita la fatica di dover segmentare il traffico al tuo sito web e fornirti direttamente le metriche e i risultati che stai cercando.

Vediamo quali tipi di test A/B puoi creare con Elementor utilizzando Nelio A/B Testing, uno strumento il cui grande vantaggio è di essere un plugin nativo di WordPress. Infatti, non ti resta che installare il plugin Nelio A/B Testing sul tuo sito web come qualsiasi altro plugin e, una volta installato, potrai iniziare ad usarlo senza dover imparare ad usare nessun altro strumento.

I passaggi da seguire sono i seguenti:

• Seleziona il tipo di test da creare
• Definire le varianti del test,
• Definisci obiettivi e azioni di conversione
• In alternativa, definisci se desideri applicare la segmentazione
• Esegui il test e analizza i tuoi progressi
• Applicare l'alternativa vincente come finale

Seleziona il tipo di test da creare

Per creare qualsiasi tipo di test, la prima cosa da fare è selezionare il tipo di test che si desidera creare dall'elenco visualizzato.

Una volta selezionato il tipo di test A/B che vuoi creare, devi definire le caratteristiche principali del test che vuoi eseguire sul tuo sito web.

Definisci le varianti del test

Innanzitutto per ognuno di essi è necessario scegliere l'elemento che si vuole testare e definirne le varianti.

Test A/B di una pagina

Diamo un'occhiata a un esempio molto semplice. Supponiamo di aver ipotizzato che, utilizzando una nuova immagine nella pagina di Elementor, attireremo più persone interessate a conoscere più informazioni sullo strumento e, quindi, a fare clic sul pulsante di invito all'azione.

Dopo aver selezionato che vogliamo creare un test di pagina, nell'editor di WordPress vedrai la pagina in cui devi modificare il tuo test.

Basta nominare il test, in questo caso “Testing Different Images” e selezionare la pagina che si desidera testare (nel nostro caso, la Home page).

Successivamente, crei la variante, "Variante B" della tua pagina originale semplicemente assegnandole un nome. E se vuoi, puoi creare quante più varianti possibile facendo clic sul pulsante Nuova variante . Per impostazione predefinita, ogni variante creata sarà una copia esatta della pagina originale selezionata in precedenza. Fare clic sul collegamento Modifica per modificarlo.

Il vantaggio che hai quando utilizzi un plug-in nativo di WordPress è che puoi modificare direttamente la variante di un test A/B utilizzando lo stesso editor visivo che usi abitualmente per creare le tue pagine. In questo caso, l'editor è ovviamente Elementor. Ciò significa che, dopo aver fatto clic sul collegamento Modifica , vedrai la nuova variante caricata in Elementor e potrai modificarla a tuo piacimento.

Modifica la pagina (in questo esempio, cambierò solo un'immagine) e salvala come bozza:

Questo è tutto! Hai creato la tua prima variante!

Test A/B di un Post

Creare un test A/B per un post è molto simile a quello della pagina. Dopo aver selezionato che desideri creare un post test, il menu a discesa per selezionare il post originale che desideri testare mostrerà l'elenco dei post che hai pubblicato. Puoi anche cercare il post digitandone il titolo, l'URL o il suo ID.

Il resto del processo è esattamente lo stesso del precedente.

Test A/B di un tipo di post personalizzato

Se quello che vuoi è creare un test A/B di un tipo di post personalizzato diverso da pagine e post, come i corsi che hai creato sul tuo sito web, le FAQ, ecc., puoi farlo anche con Nelio A/B Testing . Devi solo selezionare che desideri eseguire questo tipo di test e ora il selettore ti consentirà di selezionare il tipo di contenuto che desideri e quale contenuto specifico desideri testare.

Prova A/B di un titolo

Se analizzando il tuo sito web ti accorgi che è difficile per te convincere i lettori a leggere i contenuti del tuo sito web, forse è perché i titoli non sono molto attraenti. Un test che può essere molto interessante è il test del titolo. Cioè, prova diverse versioni del titolo, dell'estratto e dell'immagine in primo piano di un post e scopri quale combinazione ottiene un numero maggiore di lettori.

Per eseguire questo tipo di test, con Nelio A/B Testing non è necessario modificare queste informazioni con Elementor. Il plug-in stesso ti consente di farlo direttamente durante la modifica di un test. Dopo aver selezionato che desideri creare un nuovo test del titolo, Nelio A/B Testing ti mostra i titoli dei post che hai sul tuo blog.

Seleziona il post di cui vuoi testare il titolo e crea le varianti che desideri, senza nemmeno dover modificare il post.

Test A/B del riepilogo del prodotto WooCommerce

Riepilogo prodotto WooCommerce I test A/B sono un tipo specifico di test WooCommerce in cui vengono testate diverse combinazioni di nome, breve descrizione e immagine del prodotto, con l'intenzione di scoprire quale di loro ottiene più acquisti di quel prodotto. Il modo per creare un test di questo tipo è molto simile a quello dei titoli che abbiamo visto sopra.

Se hai scelto di creare un test di questo tipo, Nelio A/B Testing ti mostrerà in un menù a tendina i prodotti che hai a disposizione e dovrai solo apportare le modifiche alle varianti che vuoi creare direttamente nel editore di prova. Non è necessario modificare il prodotto.

Test A/B a tema

Se dopo aver analizzato il tuo sito web la tua ipotesi è che il tuo sito web abbia bisogno di un cambiamento più radicale, forse cambiare tema potrebbe essere quello che fa per te. Ma prima di saltare nel profondo, ricorda, crea un test A/B con il quale puoi verificare con i dati quale tema è migliore.

Creare un test a tema è facile con Nelio A/B Testing. Dovresti avere solo i temi che vuoi testare installati sul tuo WordPress e selezionarli nel test del tema A/B.

Tieni presente che se le pagine che hai con Elementor sono state completamente personalizzate una per una, l'effetto che può avere una modifica del tema sarà minimo.

Test A/B dei modelli

Invece di cambiare il tema di un sito web, puoi provare a creare modelli diversi per alcune pagine del tuo sito web. Progettali in precedenza con il generatore di pagine Elementor e quindi esegui un test A/B con loro.

Come sempre, è facile come selezionare le diverse varianti del modello che desideri utilizzare come variante del modello su tutte le pagine che utilizzano un determinato modello.

Test A/B dei menu

Con Elementor puoi aver creato la struttura del menu di navigazione direttamente in WordPress oppure se utilizzi la versione Pro di Elementor puoi anche creare menu utilizzando il widget Nav Menu . Nel caso tu lo abbia creato in modo tradizionale, creare un test A/B è semplice come selezionare uno dei menu che hai attualmente e creare le varianti che desideri.

Per modificare le varianti, devi solo cliccare sul link modifica e modificare il menu allo stesso modo in cui modifichi qualsiasi menu tradizionale. Una volta creato, è ora disponibile come variante di questo test.

Nel caso in cui tu abbia creato i tuoi menu con il widget Nav Menu versione di Elementor Pro, la creazione del test è la stessa come se stessi creando un test A/B dei widget come spiegato di seguito.

Test A/B dei widget

Se hai bisogno di creare un widget test in WordPress (compreso il Menu Nav discusso sopra), dopo aver selezionato che vuoi creare un widget test, devi solo indicare il nome della nuova variante del widget e fare clic sul collegamento di modifica.

Quando si modifica una variante, Nelio utilizza l'editor di widget di WordPress con alcuni controlli aggiuntivi. Aggiungi, rimuovi e disponi i widget varianti come preferisci, quindi torna al test.

Test A/B dei CSS

Se desideri testare diverse versioni delle regole di stile CSS e misurare quale funziona meglio per raggiungere i tuoi obiettivi, puoi scegliere di creare un test CSS. Come nel caso dei widget, devi solo inserire il nome della nuova variante e cliccare sul link di modifica. In questo caso, si aprirà un editor per aggiungere gli stili CSS desiderati mentre puoi vederne l'anteprima.

Una volta definite le nuove regole, fai clic su pubblica e hai creato la variante CSS del tuo test.

Definisci i tuoi obiettivi e azioni di conversione

Dopo aver definito le varianti del tuo test, andiamo al passaggio successivo: il test A/B che hai creato è stato fatto con l'idea di testare alcuni obiettivi di conversione, come ottenere più vendite, più iscritti o più visite alla pagina dei prezzi, ecc. Tali obiettivi vengono raggiunti quando il visitatore esegue determinate azioni. Ad esempio, puoi ottenere più abbonati quando un utente completa un determinato modulo sul tuo sito Web o più visite alla pagina dei prezzi quando un utente fa clic su un pulsante, ecc.

Come definiamo gli obiettivi e le azioni di conversione in Nelio A/B Testing?

Nella sezione "Obiettivi e azioni di conversione", puoi aggiungere tutti gli obiettivi che desideri facendo clic sul collegamento +Nuovo e opzionalmente puoi aggiungere loro un nome. Nelio A/B Testing ti mostrerà informazioni sull'efficacia di ciascuna variante per ciascuno degli obiettivi che hai definito.

Per ogni obiettivo, hai quindi diversi tipi di azioni di conversione per monitorare i tuoi visitatori. Ad esempio, puoi monitorare quando accedono a una determinata pagina, quando fanno clic su un determinato elemento del tuo sito Web o quando inviano un modulo di contatto. Fai clic sul pulsante di azione che ti interessa e configuralo. Ad esempio, puoi fare clic sull'azione di conversione Visita pagina e selezionare la tua Pagina dei prezzi nel suo modulo a discesa, oppure selezionare un Invio modulo e scegliere il modulo che desideri monitorare, ecc.

Segmenta il tuo traffico

Una delle caratteristiche interessanti di molti strumenti di test A/B è che puoi segmentare il tuo traffico. Cioè, puoi impostare solo determinati visitatori per partecipare a un test. Ad esempio per paese, ora, lingua, browser, dispositivo ecc. Se vuoi maggiori dettagli su come implementare la segmentazione del traffico con Nelio A/B Testing, in questo articolo Antonio lo spiega in dettaglio.

Esegui il test creato e analizza i suoi progressi

E il gioco è fatto, ora non devi fare altro che premere il pulsante per avviare un test e analizzarne l'andamento. Quando si utilizza uno strumento come quelli sopra menzionati, non è necessario preoccuparsi di quanto tempo è necessario per eseguirlo o controllare l'affidabilità statistica dei dati.

Potrai vedere il numero totale di conversioni e visite alle pagine di ciascuna variante. Potrai anche vedere la percentuale di miglioramento (o peggioramento) di ciascuna variante rispetto alla versione originale.

Applica l'alternativa vincente

Dopo un po', il plugin ti dirà quale variante è la migliore (se ce n'è una migliore delle altre, ovviamente).

Una volta che ce n'è uno, non resta che renderlo definitivo. Con Nelio A/B Testing, essendo un plugin nativo di WordPress, l'applicazione della variante vincente comporta solo il clic su un pulsante, Applica . E questo è tutto! Non è necessario ricreare di nuovo la variante vincente: è già in WordPress!

E voilà, ora hai un nuovo design del tuo sito Web con dati comprovati, migliore del precedente.

Inizia subito a eseguire test A/B su Elementor

Con questa guida completa su come creare test A/B in Elementor, sarai completamente attrezzato per iniziare a pianificare il tuo progetto di ottimizzazione della conversione del sito web. I test A/B sono preziosi quando si tratta di migliorare i tassi di conversione del tuo sito web. Inoltre, utilizzando uno strumento come Nelio A/B Testing, riduci molti dei rischi connessi all'intraprendere un programma di ottimizzazione senza criteri chiari e basato solo sulla tua intuizione..

Se hai trovato utile questa guida, condividila sui tuoi social network e se hai domande, commenti o hai bisogno di ulteriori informazioni, non esitare a lasciare il tuo commento alla fine di questo articolo.

Immagine in primo piano di Syd Wachs su Unsplash .