Testate i temi di Shopify con Varify.io
Indice dei contenuti
Breve e dolce
Utilizzate la funzione "Anteprima del tema Shopify" per testare facilmente un nuovo tema Shopify con Varify.io. Create un nuovo esperimento e utilizzate il codice JavaScript fornito. Personalizzatelo con l'ID del nuovo tema e testatelo prima di convertire il vostro negozio.
PerchƩ testare i temi di Shopify
Un nuovo tema di Shopify dovrebbe essere sottoposto a un test A/B prima di passare a un altro, per assicurarsi che non peggiori le prestazioni del negozio. Le modifiche al design possono influenzare il comportamento dei clienti e i KPI, come il tasso di conversione. Il test A/B consente di verificare, sulla base dei dati, se il nuovo tema offre risultati migliori.
Passo 1: Inserire lo snippet Varify.io nel file theme.liquid
š”Nota: si consiglia di integrare lo snippet Varify tramite il file themes.liquid per testare i temi. Il passo 1 deve essere eseguito solo se lo snippet Varify non ĆØ ancora installato sul sito.
Copiate lo snippet di Varify.io dalla dashboard e incollatelo il piĆ¹ in alto possibile nel file theme.liquid del vostro negozio. Per farlo, andate su "Negozio online"-> "Temi" nel backend di Shopify e cliccate su "modifica codice".
Passo 2: trovare l'ID del nuovo tema che si vuole testare
L'ID del tema ci serve per indicare a Shopify il tema che i partecipanti al test devono vedere. Ecco una guida passo passo su come trovare l'ID del tema dal link di anteprima:
1. andare a: Canali di vendita > Negozio online > Temi > Libreria di temi.
2. cercare il tema che si desidera testare.
3. fare clic sui tre punti (Azioni)
4. Fare clic su "Anteprima" e copiare il link.
Il link di anteprima avrĆ un aspetto simile a questo:Ā https://deinshop.myshopify.com/?preview_theme_id=1234567890
Il numero alla fine del link (1234567890) ĆØ l'ID del tema necessario.
Ora fate lo stesso per il vostro tema attuale e copiate l'ID del tema anche qui.
Fase 3: Creare l'esperimento
Creare un nuovo esperimento. Per farlo, ĆØ sufficiente inserire la homepage del proprio negozio come URL dell'editor nella dashboard di Varify. Quindi cliccare su "Aggiungi JS" e aggiungere il seguente JavaScript all'esperimento.
// Wait until the theme instance is present on the pageā¦
window.varify.helpers.waitFor(
'[data-theme-instance-id="143807480072"]',
(themeElement) => {
// ā¦then run your redirect logic.
(function () {
const url = new URL(window.location.href);
const params = url.searchParams;
const shadow = document.querySelector('div#varify-shadow-root');
// only redirect when the variation-param is missing AND the shadow-root isn't present
if (!params.has('pb') && !shadow) {
params.set('preview_theme_id', '178703466760');
params.set('pb', '0'); // hide the preview bar
// replace so you donāt add a new history entry
window.location.replace(url.toString());
} else {
console.log('Redirect skipped:', {
hasVarifyVariation: params.has('varify-variation-id'),
varifyShadowRootExists: !!shadow
});
}
})();
}
);
Non appena lo snippet di codice ĆØ stato personalizzato con i nuovi ID del tema, ĆØ possibile fare clic su "Finito" e assegnare all'esperimento un nome adeguato. Aprire quindi "Page Targeting" nell'esperimento e modificare il "Match Type" da "Simple Match" a "Contains". Cliccare quindi su "Salva Page Targeting".
Fase 4: Targeting e garanzia di qualitĆ
Una volta implementati JavaScript e CSS e salvato l'esperimento, ĆØ possibile salvare l'URL del negozio nella pagina di destinazione dell'esperimento. Ć inoltre possibile utilizzare i link "Anteprima" per verificare se il reindirizzamento funziona e se tutte le impostazioni sono state effettuate correttamente.
Fase 5: avvio dell'esperimento
Ora avviate l'esperimento con "Avvia esperimento". Da questo momento in poi, 50% dei vostri visitatori saranno indirizzati al nuovo tema e 50% continueranno a vedere il vecchio tema. I visitatori rimangono sempre assegnati alla stessa variante per tutta la durata dell'esperimento. CiĆ² significa che il tema che hanno visto una volta, lo vedranno di nuovo durante l'esperimento. Dopo un po' di tempo, si riconoscerĆ quale tema ĆØ piĆ¹ performante.