Come aggiungere e test A/B widget in WordPress 5.8

In WordPress, i widget sono contenuti che puoi aggiungere a barre laterali, piè di pagina e altre aree del tuo sito per aggiungere determinate caratteristiche o funzionalità. Sono progettati per contenere una varietà di componenti aggiuntivi come un menu, un calendario, un modulo, la visualizzazione degli ultimi post e così via.

La stragrande maggioranza dei temi WordPress viene fornita con una serie di widget preinstallati e pronti per l'uso:

Obiettivi del nuovo editor di widget

Dopo l'arrivo di WordPress 5.8, oltre alle nuove funzionalità di modifica dei blocchi di cui ti ho già parlato e alle funzionalità di modifica completa del sito, ora abbiamo un nuovo editor di widget basato sui blocchi.

Cosa stiamo cercando con questo nuovo editor di widget? Come ha commentato Anne McCarthy nel febbraio 2021 su WordPress.org, i vantaggi che si possono ottenere con l'editor di widget sono:

• consentire agli utenti di creare layout di barra laterale, intestazione e piè di pagina con blocchi familiari,
• per poter arricchire visivamente il design dei widget senza la necessità di passare a editor HTML,
• avere un modello unificato e un'esperienza di modifica dei contenuti, senza la necessità di mantenere idee astratte su come verrà visualizzato il contenuto,
• molti dei widget che avevamo fino ad ora che erano visti come shortcode, saranno visti come blocchi (come, ad esempio, il caso dei form), essendo la sua edizione molto più fluida e intuitiva,
• la transizione dai widget ai blocchi sarà fluida in modo che gli sviluppatori possano sostituire i widget con blocchi e
• per evitare problemi di compatibilità con le versioni precedenti, i widget saranno modificabili dall'opzione di menu Aspetto »Widget come prima.

Quindi, ad esempio, con il nuovo editor di widget posso creare un footer con l'editor di blocchi che contiene un insieme di blocchi che prima potevamo solo aggiungere nel contenuto di una pagina o di un post.

Nuovo editor di widget

Una volta che il tuo sito web è stato aggiornato con la versione 5.8 di WordPress, quando accedi all'opzione di menu Aspetto »Widget , per prima cosa otteniamo la schermata di benvenuto nell'editor del blocco dei widget.

Dopo aver sfogliato la guida illustrativa all'editor dei widget, troviamo un nuovo editor dei widget che è molto più simile all'editor dei blocchi che già conosciamo. Addio alla gestione dei widget che abbiamo utilizzato fino ad ora!

Con questo nuovo editor, ogni area del widget appare come un menu a discesa (era simile prima) in cui puoi aggiungere blocchi di contenuto.

Per non perdere la compatibilità con i temi e le versioni precedenti di WordPress, i widget che sono stati predefiniti con il tema diventano un nuovo tipo di blocco chiamato "widget legacy". In questo modo, quando cerchi i blocchi di contenuto, questi appariranno come nuovi blocchi che puoi anche aggiungere in ogni area del widget e potrai modificarne le proprietà in modo simile a come facevi prima (ma non nelle proprietà del blocco della barra laterale , dove vedrai solo che indica che si tratta di un "widget legacy" e la sua descrizione).

Oltre ai widget legacy, ora in ciascuna delle aree widget puoi anche inserire e modificare qualsiasi altro tipo di blocco che già conoscevamo:

E non solo: puoi anche utilizzare i nuovi blocchi tema che sono arrivati ​​con questa versione di WordPress in qualsiasi area widget desideri, aggiungendo così grande versatilità alle aree widget di WordPress.

Infine, l'editor dei widget consente anche di spostare i blocchi tra le diverse aree dei widget.

E come sempre, dopo aver apportato le modifiche appropriate nell'editor del widget, aggiorna le modifiche per rifletterle nelle tue pagine e nei tuoi post.

Widget A/B Test

Le aree dei widget, come ho già accennato all'inizio di questo post, sono aree che mirano ad aggiungere funzionalità al nostro sito Web che generalmente coinvolgono l'utente nell'esecuzione di alcune azioni. Se vogliamo aumentare il numero di visitatori del nostro sito Web che eseguono alcune azioni, lo strumento migliore che abbiamo a nostra disposizione per migliorare questo tasso di conversione sono i test A/B.

In breve e nell'ambito dei widget, l'A/B test dei widget consiste, sulla base di un'ipotesi di miglioramento (ad esempio, una riorganizzazione dei blocchi dei widget all'interno di un'area per visualizzare meglio determinate informazioni rilevanti, oppure visualizzare i blocchi dei widget in diverse aree o modificare radicalmente quali blocchi vengono mostrati nelle aree del widget), verificando se tale modifica funziona meglio di 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.

Con il nuovo editor di widget, che apre una vasta gamma di possibilità nella progettazione di pagine e post, la diversità di I test A/B che puoi creare crescono in modo esponenziale e, per questo motivo, diventano molto più rilevanti nell'ottimizzazione della conversione web.

Test A/B dei tuoi widget

Potresti creare un widget A/B test manualmente e congiuntamente utilizza Google Analytics per l'analisi delle conversioni. Ma sarà molto più facile ed economico per te creare widget A/B test con uno strumento come Nelio A/B Testing (versione premium da € 29 al mese), un plugin per WordPress completamente integrato nei diversi editor di blocchi di WordPress, incluso l'editor dei widget.

Una volta il Nelio È installato e attivato il plug-in A/B Testing, Nelio L'icona A/B Testing apparirà sulla dashboard di WordPress con le diverse opzioni con cui puoi creare e analizzare Test A/B senza l'utilizzo di alcuno strumento esterno.

Vediamo, ad esempio, come creiamo un widget test per analizzare se abbiamo o meno un selettore di categoria su un sito web, e quindi vedere se aumenta le visite ai suoi post del blog.

I diversi passaggi da seguire per creare il widget Prova A/B con Nelio I test A/B sono:

• Seleziona il tipo di test da creare
• Definire le varianti del test
• Definisci obiettivi e azioni di conversione
• Definisci se desideri applicare la segmentazione
• Eseguire il test e analizzarne l'andamento
• Applicare l'alternativa vincente come finale

Seleziona il tipo di test da creare

Nelio A/B Testing è uno strumento che ti permette di creare Test A/B di qualsiasi tipo di elemento WordPress. Pertanto, dall'ampia varietà di elementi tra cui scegliere, la prima cosa da fare è selezionare che si desidera creare un Test A/B dei widget.

Definisci le varianti del test

Successivamente, nella finestra di modifica di un test di widget, dobbiamo aggiungere un nome al test per aiutarti a identificarlo in futuro e creare le varianti da testare rispetto alla versione originale o di controllo (cioè il design delle aree dei widget che tu attualmente presenti sul tuo sito web).

Per creare una nuova variante, devi assegnarle un nome nel campo accanto alla lettera della variante che stai creando e fare clic sul link "Modifica" che compare sotto di essa. Vedrai che ti porta al nuovo editor di widget che abbiamo appena visto.

Per impostazione predefinita, una nuova variante è una copia esatta dell'insieme di widget che hai attualmente sul Web. Ora è semplice come cambiare la variante usando l'editor come ho spiegato sopra. Aggiungi, modifica, sposta o elimina i blocchi che desideri nelle diverse aree del widget e, quando hai la variante pronta, salvala.

Definisci obiettivi e azioni di conversione

Dopo aver definito le varianti nel test, il passaggio successivo consiste nel definire l'obiettivo di conversione del test. A quale scopo stai creando questo test? Nel nostro esempio lo scopo è ottenere più visite ai post del blog. Come lo definiamo?

Torna all'edizione di prova e nella sezione "Obiettivi e azioni di conversione", puoi aggiungere tutti gli obiettivi che desideri facendo clic sul collegamento +Nuovo .

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 azione che ti interessa e per ogni tipo di azione puoi definire i tuoi parametri di configurazione. Ad esempio, puoi fare clic su visita pagina e selezionare la pagina dei prezzi o selezionare di inviare un modulo per vedere quanti visitatori si iscrivono, ecc.

Nell'esempio del test del widget che stiamo spiegando, definiremmo l'azione di conversione come visite alla nostra pagina del blog:

Segmenta il tuo traffico

Una delle caratteristiche interessanti di any Lo strumento di test A/B è che puoi segmentare il tuo traffico. Cioè, puoi impostare solo alcuni visitatori per partecipare a un test. Ad esempio, per paese, ora, lingua, browser, dispositivo, ecc. Se desideri maggiori dettagli su come implementare la segmentazione del traffico con Nelio A/B Testing, Antonio lo ha spiegato in dettaglio qui.

Eseguire il test creato e analizzarne l'avanzamento

E il gioco è fatto, ora non ti resta che premere il pulsante per avviare il test e analizzarne l'andamento. Nelio A/B Testing si occuperà di suddividere il traffico in arrivo al tuo sito web in modo che vedano solo alcune delle varianti create e ne analizzino il comportamento.

Utilizzando Nelio A/B Testing, non devi preoccuparti del tempo necessario per eseguire un test o per controllare l'affidabilità statistica dei dati. Potrai vedere il numero totale di conversioni e visite a ciascuna variante. Potrai inoltre vedere la percentuale di miglioramento (o deterioramento) di ciascuna variante rispetto alla versione originale.

Applica l'alternativa vincente

Infine, se si scopre che una delle tue varianti è migliore delle altre, Nelio A/B Testing ti avviserà e potrai applicarlo come versione finale sul tuo sito web. Cioè, le aree widget che hai progettato nella tua variante vincente diventeranno la versione finale del tuo sito web.

E il gioco è fatto, ora hai una nuova versione del tuo web design che converte meglio della versione originale che avevi.

Conclusione

La versione 5.8 di WordPress è arrivata con una grande serie di nuove funzionalità. Il nuovo editor di widget ci dà la possibilità di aggiungere molte funzionalità alle aree del nostro sito Web che fino ad ora erano limitate ai widget predefiniti forniti con il tema.

Questa nuova gamma di possibilità ti consente di testare design di pagina molto più vari di quelli che avevamo fino ad ora. Avere uno strumento come Nelio A/B Testing per creare widget A/B test integrato in WordPress ti assicura di poter ottimizzare la conversione delle tue pagine con i dati senza uscire dal tuo editor di WordPress.

Immagine in primo piano di Striving Blogger in Unsplash.