Come creare test A/B nel tuo WooCommerce

Pubblicato: 2022-09-08

I test A/B sono lo strumento migliore per migliorare il tuo negozio WooCommerce. In poche parole, un test A/B consiste, sulla base di un'ipotesi di miglioramento, nel proporre una modifica al tuo sito web. Ad esempio, modifica la home page per visualizzare meglio alcune informazioni rilevanti, cambia la descrizione, l'immagine e i prezzi dei prodotti per vedere quali ottengono più vendite o cambia radicalmente il tema per renderlo più attraente, ecc.

Successivamente, il traffico deve essere suddiviso in modo che metà dei visitatori veda la versione originale e l'altra metà la versione modificata. In questo modo puoi analizzare se quel cambiamento funziona meglio di quello che avevi prima.

Un'immagine che illustra come funziona il test A/B: il traffico è suddiviso e ogni segmento vede una variante, quindi controlliamo quale variante ha ottenuto più conversioni
Nella sua forma più semplice, il test A/B propone di dividere casualmente il traffico verso il sito in due gruppi in modo che il 50% dei visitatori veda il design A mentre l'altro 50% veda il design B. Monitorando come reagiscono gli utenti di ciascun gruppo, possiamo calcolare il tasso di conversione di ciascun gruppo e, nel caso ci sia una differenza statisticamente significativa tra i due, dichiarare un design vincente.

Se hai un negozio WooCommerce, l'esecuzione di test A/B può aiutarti a migliorare il tuo sito Web in molti modi:

  • Migliora l'esperienza dell'utente in base alle sue preferenze e sapendo quali elementi visivi (immagini, video, design, caratteri, colori, ecc.) sono più attraenti per loro.
  • Riduci i costi di acquisizione dei clienti migliorando il contenuto con titoli, testi e descrizioni che rispondono alle domande che i tuoi potenziali clienti potrebbero avere.
  • Riduci il tasso di abbandono confrontando diversi stili di atterraggio, cambiando completamente il tema, i menu o qualsiasi altro elemento.
  • Migliora il tasso di conversione aumentando le vendite e i ricavi assicurandoti che i tuoi prodotti siano attraenti e interessanti per i tuoi visitatori.

In questo post vedremo come creare facilmente A/B test nel tuo negozio WooCommerce.

Sommario

  • Processo di ottimizzazione del tasso di conversione
  • Crea i tuoi test A/B con Nelio A/B Testing
    • Test di riepilogo del prodotto WooCommerce
      • Assegna un nome al test e definisci le varianti
      • Specifica gli obiettivi e le azioni di conversione
      • Facoltativamente, segmenta il traffico di prova
      • Eseguire il test e analizzare i risultati
      • Migliora il sito web in base ai risultati ottenuti
    • Prova di pagina
    • Prova layout alternativi: menu di prova, modelli, stili CSS e temi
  • Conclusione

Processo di ottimizzazione del tasso di conversione

I test A/B fanno parte di un processo più ambizioso noto come Processo di ottimizzazione del tasso di conversione o CRO . Vediamo in cosa consiste questo processo e in cosa consiste.

Ogni volta che un visitatore arriva al tuo sito web, è un'opportunità per te di ottenere una vendita nel tuo negozio, per contattarti per chiederti maggiori informazioni su un prodotto o per iscriverti alla tua mailing list per ricevere offerte. Quando il visitatore esegue una di queste azioni, avremo ottenuto una "conversione". Qual è l'obiettivo principale del tuo negozio? Per raggiungere il numero massimo di conversioni, o meglio, che il rapporto o tasso di conversione (numero di conversioni ottenute rispetto al numero di visite) sia il più alto possibile.

Il processo di ottimizzazione del rapporto di conversione, quindi, si compone dei seguenti passaggi:

  1. Definisci gli obiettivi del tuo e-commerce nelle diverse fasi del tuo funnel di vendita. Ad esempio aumentare il numero di iscritti alla mailing list, aumentare le visite al dettaglio dei prodotti, aumentare le vendite, ecc.
  2. Analizza il sito web, valutando quali problemi potrebbe avere attualmente che ti rallentano o ti impediscono di raggiungere gli obiettivi precedentemente definiti.
  3. Generare ipotesi di miglioramento e testare idee da realizzare. Ad esempio, potresti ipotizzare che, se modifichi l'immagine, la descrizione e il prezzo di un prodotto, questo sarà più attraente e otterrai più vendite.
  4. Crea ed esegui test A/B con le idee generate e analizza il loro impatto. Cioè, crea una o più varianti di ciò che avevi fino ad ora, suddividi il traffico e guarda i dati.

Dopo aver eseguito il test, vedrai se una delle varianti è stata vincitrice e sarai sicuro che il design finale che eseguirai si è dimostrato il migliore, portando così a più conversioni. Da questo punto, puoi creare più test A/B con ciascuna delle idee generate al punto 2.

Crea i tuoi test A/B con Nelio A/B Testing

Come creiamo questi test A/B nel nostro negozio senza scrivere una sola riga di codice? Molto semplice se utilizzi il nostro plug-in Nelio A/B Testing. Basta fare clic su Aggiungi test e selezionare il tipo di test che desideri eseguire nel tuo negozio.

Selettore di test in Nelio A/B Testing
Selettore di prova in Nelio A/B Testing.

Come puoi vedere nell'immagine sopra, hai un vasto assortimento di test tra cui scegliere. Per ognuno di essi dovrai:

  • nominare il test per identificarlo,
  • definire le varianti che si desidera testare,
  • specificare gli obiettivi e le azioni di conversione del test,
  • specificare se si desidera segmentare il traffico che partecipa al test,
  • eseguire il test per raccogliere dati e
  • migliorare il sito web in base ai risultati che hai ottenuto.
Definizione di un A/B Test di riepilogo prodotto woo-commerce con Nelio A/B Testing
Definizione di un A/B Test di riepilogo prodotto WooCommerce con Nelio A/B Testing

Test di riepilogo del prodotto WooCommerce

Iniziamo guardando come si definisce un test di riepilogo prodotto WooCommerce , sicuramente il tipo di test più rilevante e con il quale puoi ottenere i risultati più impattanti nel tuo negozio.

In un test di riepilogo del prodotto WooCommerce, testi le diverse combinazioni di nome di prodotto, breve descrizione, immagine e prezzo, con l'intenzione di scoprire quale ha più successo nel guidare gli acquisti.

Assegna un nome al test e definisci le varianti

Creare questo tipo di test è molto semplice. Dopo aver fatto clic sull'icona Riepilogo prodotto WooCommerce, si apre l'editor di test per inserire le informazioni sul test. Assegna un nome al test, quindi seleziona il prodotto che desideri testare utilizzando questo componente:

Selezione del riepilogo del prodotto WooCommerce da testare con Nelio A/B Testing
Selezione del riepilogo del prodotto WooCommerce da testare con Nelio A/B Testing.

Una volta selezionato, vedrai il riepilogo del prodotto selezionato. Per impostazione predefinita, la tua variante B sarà una copia esatta del prodotto selezionato, ma puoi modificarla come meglio credi:

Prodotto riassuntivo selezionato da testare con Nelio A/B Testing
Prodotto riassuntivo selezionato da testare con Nelio A/B Testing.

Scrivi nuove copie nei campi forniti o modifica l'immagine facendo clic su di essa e selezionandone una nuova dalla libreria multimediale. Puoi anche aggiungere più varianti se lo desideri!

Creazione di una variante di un test di riepilogo del prodotto WooCommerce con Nelio A/B Testing
Creazione di una variante di un test di riepilogo del prodotto WooCommerce con Nelio A/B Testing.

Specifica gli obiettivi e le azioni di conversione

I test di riepilogo del prodotto WooCommerce hanno un obiettivo implicito: convincere i tuoi visitatori ad acquistare il prodotto che stai testando. In questo caso, viene conteggiata una conversione ogni volta che viene completato un ordine contenente il suddetto prodotto.

Obiettivo di conversione di un test di riepilogo del prodotto WooCommerce
Obiettivo di conversione non valido di un test di riepilogo del prodotto WooCommerce.

Tuttavia, hai la possibilità di modificare l'obiettivo di conversione selezionando qualsiasi altro stato dell'ordine disponibile nel tuo negozio. Per fare ciò, fai semplicemente clic sull'elenco a discesa e seleziona lo stato in cui deve trovarsi un ordine contenente il prodotto testato affinché venga conteggiato come una conversione.

Modifica dell'obiettivo di conversione woocommerce
Modifica delle impostazioni degli obiettivi di WooCommerce.

Puoi anche selezionare o deselezionare, se vuoi che Nelio A/B Testing tenga traccia delle entrate e le mostri nei risultati del test.

Facoltativamente, segmenta il traffico di prova

I visitatori del tuo negozio non sono tutti uguali. Provengono da paesi diversi, parlano lingue diverse, utilizzano browser diversi, accedono al sito da pagine Web diverse, utilizzano dispositivi diversi e una miriade di altre sottili e importanti differenze.

Nelio A/B Testing ti permette di delimitare il pubblico a cui vuoi partecipare ad un A/B test definendo attraverso delle regole un insieme di caratteristiche comuni a cui vuoi partecipare al tuo test. Qui troverai informazioni più dettagliate su come creare segmenti in un test.

Eseguire il test e analizzare i risultati

Una volta che il test è pronto, non devi fare altro che premere il pulsante “Avvia…”. Con la versione premium hai la possibilità di programmare l'inizio del test in una certa data e puoi anche specificare se vuoi che finisca automaticamente quando si verificano alcune condizioni (es. dopo un certo periodo di tempo, raggiunto un certo numero di visite o quando è stato trovato un vincitore con un certo livello di fiducia).

E questo è tutto! Non devi preoccuparti di nient'altro, poiché Nelio A/B Testing farà in modo che il traffico in arrivo al tuo sito Web sia adeguatamente suddiviso in modo che ogni visitatore veda una delle tre varianti disponibili.

Dopo aver avviato il test, nella pagina dei risultati potrai vedere vari grafici che ne illustrano l'andamento, l'evoluzione del tasso di conversione per ciascuna alternativa e il grado di miglioramento che hanno rispetto alla variante originale.

Evoluzione del tasso di conversione di un test A/B di riepilogo prodotto WooCommerce con Nelio A/B Testing
Evoluzione del tasso di conversione di un test A/B di riepilogo prodotto WooCommerce con Nelio A/B Testing.

Se hai segnato per tenere traccia del prezzo, hai anche un grafico che ti mostra l'evoluzione dei ricavi accumulati.

Evoluzione dei ricavi accumulati di un test A/B di riepilogo prodotto WooCommerce con Nelio A/B Testing
Evoluzione dei ricavi accumulati di un test di riepilogo prodotto WooCommerce con Nelio A/B Testing.

Migliora il sito web in base ai risultati ottenuti

Se non hai specificato che il test dovrebbe terminare quando vengono soddisfatte determinate condizioni, interrompi il test quando c'è un chiaro vincitore (cioè c'è almeno una fiducia del 90%) o quando ritieni che non ce ne sarà uno. Queste informazioni sono sempre disponibili nella pagina dei risultati.

Rapporto di conversione di un test A/B
Risultati del tasso di conversione di un test A/B.

Se esiste una variante vincente ed è una delle alternative, puoi fare clic sul pulsante "Applica" nella pagina dei risultati e il contenuto del riepilogo del prodotto originale verrà sostituito con il contenuto della variante vincente.

Risultati di un test di riepilogo prodotto WooCommerce con Nelio A/B Testing
Risultati di un test di riepilogo prodotto WooCommerce con Nelio A/B Testing.

In questo modo, in base alle preferenze dei tuoi visitatori, avrai migliorato il riepilogo del prodotto WooCommerce. Ora, nel tuo negozio WooCommerce puoi continuare a creare test per tutti i tuoi prodotti oppure puoi anche creare altri tipi di test di cui parlerò di seguito.

Prova di pagina

Il test della pagina ti consente di testare e migliorare il design e il contenuto di qualsiasi pagina del tuo sito Web, come la home page del tuo negozio WooCommerce.

Esempio di home page del negozio WooCommerce
Esempio di home page di un negozio WooCommerce.

La creazione di un test di pagina è simile al test che abbiamo visto sopra. Dopo aver cliccato sull'icona della pagina e dato un nome al test per identificarlo, devi solo selezionare quale pagina del tuo negozio vuoi testare dal menu a tendina.

Selezione della pagina che vuoi testare nel tuo test A/B
Seleziona la pagina che vuoi testare nel tuo test A/B.

Per creare una o più varianti, puoi scegliere di testare la pagina originale rispetto a pagine già esistenti (e pubblicate) sul tuo sito oppure creare una nuova variante per questo test in modo specifico. Se opti per quest'ultimo, le nuove varianti inizieranno come una copia esatta della pagina testata, ma puoi modificarle a tuo piacimento utilizzando il tuo generatore di pagine preferito:

Copia della pagina originale da modificare come variante del quiz
Modifica della variante B che è una copia della pagina originale.

Quindi, ad esempio, puoi cambiare il blocco di copertina che visualizzi nella home page in un blocco multimediale e di testo e apportare tutte le altre modifiche che ritieni necessarie per migliorare la pagina.

Variante B creata dopo aver modificato la copia della pagina originale
Variante B creata dopo aver modificato la copia della pagina originale.

Dopo aver salvato la variante, torna all'edizione di prova utilizzando il link nella barra laterale. E come nel test precedente, puoi aggiungere ulteriori varianti.

Quando si tratta di specificare obiettivi e azioni di conversione, durante l'esecuzione di un test di pagina sono disponibili molte azioni di conversione:

  • per visitare una pagina, un post o determinati contenuti,
  • per fare clic su un pulsante o qualsiasi elemento della pagina,
  • per visitare un link esterno,
  • inviare un modulo compilato,
  • per aggiungere un prodotto al carrello,
  • acquistare un prodotto, e/o
  • si verifica un evento personalizzato.
Definizione dell'obiettivo di conversione: aumentare l'interesse per uno qualsiasi dei miei prodotti
Definizione dell'obiettivo di conversione: aumentare l'interesse per uno qualsiasi dei miei prodotti.

In questa pagina troverai maggiori dettagli su come definire le diverse azioni di conversione per ogni tipo di test.

Così, ad esempio, nel nostro caso possiamo specificare come obiettivo di conversione l'interesse mostrato dai visitatori per i nostri prodotti e come azioni di conversione che aggiungono prodotti al carrello e che acquistano questi prodotti.

La pagina dei risultati di un test di pagina è molto simile all'esempio precedente, anche se in questo caso avremo solo i grafici corrispondenti al tasso di conversione. E come prima, puoi applicare le modifiche della variante vincente al tuo sito web con un solo clic.

Prova layout alternativi: menu di prova, modelli, stili CSS e temi

Prima di apportare modifiche radicali allo stile e al design senza sapere l'impatto che avranno, crea test A/B di menu, modelli, stili CSS o prova anche temi diversi e analizza ciò che ha più successo con i tuoi clienti.

Il processo di creazione delle varianti è molto simile a quello che abbiamo già visto. Nel caso di test di un menu, una volta selezionato il menu che si desidera testare, verrà creata una copia del menu originale come variante in modo da poterlo modificare con l'editor di menu e apportare le modifiche desiderate. Allo stesso modo, quando modifichi le varianti di stile CSS, l'editor di stile CSS si aprirà per consentirti di aggiungere tutte le regole CSS desiderate.

Nel caso di test modello, è necessario aver precedentemente creato il modello alternativo e selezionarlo come variante. E per testare temi diversi, devi assicurarti di averli installati in precedenza sul tuo sito.

Il resto del processo per ottenere i risultati del tuo test A/B è molto simile al precedente, ma sentiti libero di controllare i seguenti link su questi tipi di test per maggiori dettagli:

  • Prove A/B dei menu
  • Test A/B dei modelli
  • Test A/B di stili CSS
  • Test A/B di temi

Conclusione

Tutti i siti Web, e in particolare i negozi WooCommerce, dovrebbero essere continuamente aggiornati e migliorati per aumentare le vendite. Il test A/B è lo strumento migliore per questo e il plug-in Nelio A/B Testing ti semplifica in modo che il processo sia facile come creare qualsiasi altra pagina.

Cosa aspetti a migliorare il tuo negozio WooCommerce e aumentare le vendite?

Immagine in primo piano di Abi Schreider su Unsplash.