Crea test A/B con l'editor di blocchi di WordPress: la guida completa

Se hai creato un sito web con l'editor di blocchi di WordPress, è il momento di sfruttarlo al meglio e ottimizzarne la conversione, cosa che puoi fare implementando i test A/B. In questo post vedremo molto brevemente cosa sono i test A/B e perché sono necessari e come, grazie al plugin Nelio A/B Testing, puoi crearli facilmente su qualsiasi sito WordPress.

Che cos'è la conversione Web e perché creare test A/B?

Nel marketing online, i due argomenti trattati in modo più approfondito sono l'ottimizzazione SEO e l'ottimizzazione del tasso di conversione web.

La conversione Web si riferisce a qualsiasi azione che un utente dovrebbe intraprendere quando raggiunge un sito Web. Visitare i dettagli di un prodotto o la pagina dei prezzi, iscriversi a una newsletter, contattarci, leggere un articolo, ecc. E il rapporto di conversione è il numero di conversioni ottenute rispetto al numero di visite. Cioè, se hai un totale di 100 visite giornaliere, due delle quali finiscono per acquistare un prodotto, il tasso di conversione sul tuo sito web è del 2% .

Con Google Analytics puoi misurare il tuo tasso di conversione in qualsiasi momento, ma lo strumento migliore che ti aiuterà a migliorare il tuo tasso di conversione è il test A/B. In breve, un A/B test consiste, in base ad 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 menù per fare più click sulla pagina del mio prodotto, o un cambiamento radicale nel 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 più conversioni.

I test A/B non sono esperimenti che esegui in modo casuale, dovrebbero far parte di un processo più ambizioso noto come Processo di ottimizzazione del rapporto di conversione o CRO .

Passaggi prima della creazione di un test A/B

Per migliorare la tua conversione, la prima cosa che devi sapere è dove ti trovi e dove vuoi andare: definisci i tuoi obiettivi di business, gli obiettivi di conversione del tuo sito web, i tuoi KPI e le metriche per quegli obiettivi .

Per definire gli obiettivi del tuo sito web devi comprendere il funnel di conversione , ovvero cosa fanno i tuoi visitatori dal momento in cui atterrano sul tuo sito web fino a quando non diventano clienti. In questo modo puoi ottimizzare ogni diversa fase della canalizzazione.

Ad esempio, nel caso del nostro sito Web, Nelio Software, il nostro obiettivo è aumentare gli abbonati ai piani premium dei nostri plugin. Un visitatore può conoscere i test A/B di Nelio per la prima volta dopo aver cercato su Google informazioni sui test A/B. Una volta che atterrano sul nostro sito Web, leggono alcuni articoli nella nostra documentazione del prodotto per saperne di più. Quindi, se il visitatore trova informazioni interessanti, chiederà informazioni più dettagliate o scaricherà il plug-in dalla directory di WordPress per testare la versione gratuita del pluign. Infine, il visitatore si iscrive a uno dei nostri piani premium.

Per ciascuna delle fasi, devi definire i diversi obiettivi di conversione che desideri raggiungere. Ad esempio, un obiettivo di conversione potrebbe essere un numero minimo di visite alla documentazione del prodotto.

Analizza e cerca di capire con gli strumenti che già possiedi (Google Analytics, heatmap, scrollmap, clickmap) cosa sta succedendo e dove perdi visitatori.

Prova a rispondere alle seguenti domande:

• 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?
• Cosa c'è nella pagina che non aiuta l'utente ad agire?
• Possiamo aumentare la motivazione degli utenti?

E da qui, genera le tue ipotesi di cambiamento. Ad esempio, sulla nostra pagina di destinazione Nelio A/B Testing abbiamo visto che molti visitatori vedono solo la prima piega e non scorrono la pagina verso il basso. Dopo aver discusso varie alternative, abbiamo deciso di ripensare il testo. La nostra ipotesi era la seguente: se nella prima sezione del nostro sito cambiamo il messaggio per suscitare curiosità anziché urgenza, la conversione dovrebbe migliorare.

Dalla tua ipotesi di cambiamento, hai già una nuova idea di test A/B che puoi eseguire.

Crea un test A/B nell'editor blocchi

Se desideri creare manualmente un test A/B su un sito Web WordPress, puoi utilizzare Google Analytics per l'analisi delle conversioni. Tuttavia, la nostra raccomandazione è di utilizzare uno degli strumenti disponibili sul mercato. E in particolare, consigliamo l'uso di Nelio A/B Testing (versione gratuita e premium da 29€/mese), perché è un plugin nativo di WordPress e, come tale, è compatibile al 100% con l'editor di blocchi, il che significa che lo fai non è necessario apprendere o utilizzare alcun altro strumento esterno per il suo funzionamento.

Con Nelio A/B Testing, creare alternative per qualsiasi test A/B è esattamente come creare qualsiasi pagina, post, menu, widget, ecc. in WordPress, ma ti risparmia anche il lavoro di dover segmentare il traffico verso il tuo sito web e ti fornisce direttamente le metriche e i risultati che stai cercando.

Vediamo di seguito i diversi passaggi che devi seguire per creare un test A/B con Nelio A/B Testing con l'editor di blocchi di WordPress:

• Seleziona il tipo di test da creare
• Definire le varianti del test
• Definisci obiettivi e azioni di conversione
• Definisci quali segmenti, se presenti, vuoi analizzare
• Esegui il test e analizza i tuoi progressi
• Applica la variante vincente e rendila permanente

Seleziona il tipo di test da creare

Non è lo stesso creare un test A/B di una pagina che di un menu di navigazione. La creazione delle varianti sarà diversa, ma il grande vantaggio dell'utilizzo di uno strumento come Nelio A/B Testing è che ti guiderà attraverso il processo all'interno di WordPress stesso, rendendolo totalmente intuitivo e diretto.

La prima cosa che dovresti fare è selezionare il tipo di test A/B che desideri creare e ti offre un'ampia varietà di elementi tra cui scegliere:

Dopo aver selezionato il tipo di test, vedrai che la creazione di varianti di test è esattamente la stessa di quando crei qualsiasi elemento di WordPress.

Definisci le varianti del test

Per il tipo di test che hai selezionato, devi scegliere l'elemento che vuoi testare e definirne le varianti. Vediamo un esempio...

Pagina A/B Test

Di recente, per aumentare le vendite del nostro prodotto Nelio Content, abbiamo deciso di testare A/B la sua pagina dei prezzi. In particolare, abbiamo voluto analizzare quale combinazione di colori dei diversi piani potrebbe generare per noi maggiori entrate.

Abbiamo deciso di creare, oltre alla versione originale, altre due varianti con queste combinazioni di colori:

Nella prima variante, abbiamo deciso di mostrare i piani con una selezione di colori pastello che vanno molto di moda quest'anno.

E nella seconda variante, come potete vedere nell'immagine sopra, abbiamo voluto evidenziare solo il piano Standard.

Come creiamo questo test con Nelio A/B Testing? Dopo aver selezionato che si desidera eseguire un test di pagina, la prima cosa è nominare il test e selezionare la pagina che si desidera testare.

Puoi scegliere la pagina testata utilizzando un selettore a discesa. Se la pagina non è presente, puoi cercarla digitandone il titolo, l'URL o l'identificatore. Chiamiamo questa pagina la pagina di controllo o la versione di controllo.

Successivamente puoi creare una o più varianti (che puoi nominare). Per impostazione predefinita, ogni variante sarà una copia esatta della pagina di controllo che avevi selezionato in precedenza. Clicca sul link Modifica della variante e avrai l'editor di blocchi di WordPress che già conosci per poter apportare tutte le modifiche che desideri.

Aggiungi, modifica ed elimina i blocchi e i modelli che desideri sulle pagine delle varianti come desideri. Come puoi vedere, utilizzerai lo stesso editor che hai utilizzato per creare la pagina di controllo, il che significa che hai il pieno controllo per modificare la variante a tuo piacimento. Nota, tuttavia, che nella barra laterale destra dell'edizione variante vedrai che la pagina che stai modificando fa parte di un test A/B:

Post A/B Test

Creare un test A/B per un post è molto simile a quello di una 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 pubblicati. Puoi anche cercare la voce digitandone il titolo, l'URL o l'identificatore.

Il resto del processo è esattamente lo stesso del precedente.

Test A/B di un tipo di post personalizzato

Se quello che vuoi è creare un tipo di 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 Test. Devi solo selezionare che desideri eseguire questo tipo di test e ora il selettore ti consentirà di selezionare prima il tipo di post personalizzato che desideri e quindi il contenuto specifico che desideri testare.

Test A/B del titolo

Se vuoi creare titoli più accattivanti, Nelio A/B Testing lo rende semplicissimo. Puoi testare diverse versioni del titolo, dell'estratto e dell'immagine in primo piano di un post e scoprire quale combinazione ottiene più lettori.

Per eseguire un test del titolo con Nelio A/B Testing, non è necessario accedere all'editor dei blocchi. Il plugin stesso ti permette di farlo direttamente nell'edizione di un test:

Seleziona il post di cui vuoi testare il titolo e crea una o più varianti:

Test A/B dei temi

Se dopo l'analisi del tuo sito web la tua ipotesi è che il tuo sito web abbia bisogno di un cambiamento più radicale, magari cambiare tema può essere un'alternativa. Creare un test a tema è molto semplice con Nelio A/B Testing. Devi solo aver installato nel tuo WordPress i temi che vuoi testare e selezionarli nel test A/B dei temi.

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 anticipo con l'editor di blocchi 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.

Menu A/B Test

Creare un test A/B dei menu è semplice come selezionare uno dei menu attualmente disponibili e creare le varianti desiderate.

Per modificare le varianti è sufficiente cliccare sul link per modificare e modificare il menu allo stesso modo di un qualsiasi menu tradizionale. Una volta creato, lo hai già disponibile come variante di questo test.

Modifica la struttura del menu modificando gli elementi a tuo piacimento e, quando lo hai pronto, torna al test.

Test A/B dei widget

Se devi creare un widget test in WordPress, dopo aver selezionato che vuoi creare un widget test, devi solo indicare il nome della nuova variante del widget e fare clic sul collegamento Modifica .

Quando si modifica una variante, Nelio utilizza l'editor di widget di WordPress con alcuni controlli aggiuntivi. Aggiungi, elimina e ordina i widget varianti come preferisci e poi 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 visualizzi in anteprima il loro effetto in tempo reale:

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

Riepilogo prodotto WooCommerce Test A/B

Infine, i test A/B del riepilogo del prodotto WooCommerce sono un test specifico di WooCommerce in cui vengono testate diverse combinazioni di nome, breve descrizione e immagine del prodotto, con l'intenzione di scoprire quale di loro ottiene il maggior numero di acquisti di tale prodotto. Il modo per creare un test di questo tipo è molto simile a quello dei titoli che abbiamo visto in precedenza.

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 andare per modificare il prodotto.

Definisci i tuoi obiettivi e azioni di conversione

Dopo aver definito le varianti del test, il passaggio successivo consiste nel definire l'obiettivo di conversione del test. Cioè, qual è lo scopo del tuo test? Ad esempio, il tuo obiettivo potrebbe essere ottenere più vendite, più iscritti o più visite alla pagina dei prezzi. Qualunque siano i tuoi obiettivi, vengono raggiunti quando il visitatore esegue determinate azioni. Ad esempio, potresti considerare di avere un nuovo abbonato quando un utente ha inviato un modulo di iscrizione sul tuo sito Web o ha fatto clic su un pulsante "iscriviti" nella pagina dei prezzi.

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 link + 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 ciascuno degli obiettivi che hai definito, hai 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. Clicca sul pulsante di azione che ti interessa e, per ogni tipo di azione, definisci i propri parametri di configurazione.

Nell'esempio del test nella pagina dei prezzi di Nelio Content, abbiamo definito 4 obiettivi da misurare all'interno del test:

• Clic sui pulsanti di qualsiasi piano.
• Clic sui pulsanti del piano Base.
• Clic sui pulsanti del piano Standard.
• Fa clic sui pulsanti del piano Plus.

Segmenta il tuo traffico

Una delle caratteristiche interessanti di alcuni 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 te lo spiega in dettaglio.

Esegui il test creato e analizza i suoi progressi

E il gioco è fatto, ora non ti resta che premere il pulsante per avviare un test e analizzarne l'andamento. Nelio A/B Testing si occuperà di suddividere il tuo traffico in modo che ogni visitatore veda solo una delle varianti che hai creato e di monitorare il suo comportamento. Quando utilizzi Nelio A/B Testing, non devi preoccuparti di quanto tempo è necessario per eseguire un test o controllare l'affidabilità statistica dei dati, poiché il plug-in si occuperà di questo. Basta guardare i dati che contano di più per te: numero totale di conversioni e visite a ciascuna variante testata. Potrai anche vedere la percentuale di miglioramento di ogni variante rispetto alla versione originale.

Ad esempio, dopo un mese e nove giorni dall'esecuzione del test della pagina dei prezzi di Nelio Content, abbiamo già ottenuto risultati statisticamente significativi con quasi il 100% di affidabilità. E, dal primo obiettivo, che consisteva nel misurare i clic effettuati su uno qualsiasi dei pulsanti dei piani tariffari, abbiamo avuto i seguenti risultati:

In questo caso, come puoi vedere nell'immagine dei risultati, mostrano che la seconda variante, alternativa C, è quella che ottiene quasi il 130% di clic in più rispetto alla versione originale. Al contrario, la variante che mostra i piani in colori pastello è peggiore del 25,5%. Se avessimo avuto solo questo obiettivo del test, alternativa C vediamo che ha ottenuto risultati travolgenti.

In modo simile abbiamo analizzato ciascuno degli obiettivi che ci eravamo prefissati e, guardando i risultati che abbiamo ottenuto dal test A/B, siamo giunti alla conclusione che la versione C, che evidenziava chiaramente il piano Standard con un accento cromatico , ha funzionato molto meglio delle varianti A e B.

Applica l'alternativa vincente

Infine, come nel caso dell'esempio sopra, se ottieni una variante vincente di un test, Nelio A/B Testing ti consente di applicare quella variante come versione finale sul tuo sito web. Questo è un altro grande vantaggio del fatto che Nelio A/B Testing è un plug-in nativo di WordPress, l'applicazione dell'alternativa vincente comporta solo il clic su Applica .

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

Cosa stai aspettando per creare i tuoi test A/B con l'editor di blocchi di WordPress?

Con questa guida completa su come creare test A/B nell'editor dei blocchi, ora sai che Nelio A/B Testing rende super facile testare A/B qualsiasi cosa in WordPress. Inoltre, grazie all'utilizzo di uno strumento come questo, non devi preoccuparti di dividere il traffico del tuo sito web o di analizzare il comportamento dei tuoi visitatori. Nelio A/B Testing fa tutto per te in un modo molto comodo. La nostra esperienza e quella dei nostri clienti ci mostra che i test A/B ti aiutano a capire molto meglio cosa i tuoi visitatori si aspettano di trovare sul tuo sito web e come aumentare le entrate della tua attività senza la necessità di pubblicità aggiuntiva.

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 post.

Immagine in primo piano di Maarten Deckers in Unsplash .