HotJar + Convert: una guida passo passo all'ottimizzazione completa della canalizzazione.

Pubblicato: 2020-05-18
HotJar + Convert: una guida passo passo all'ottimizzazione completa della canalizzazione.

Film CRO con HotJar & Convert

Così sicuro: non sono i nuovi Vendicatori.

E non pretenderemo che sia QUASI divertente.

Ma... i "film" di HotJar sono (potenzialmente) più importanti.

Come mai?

Perché con questo strumento ingegnoso puoi vedere in prima persona come i visitatori interagiscono con il tuo sito Web, perché abbandonano i carrelli, cosa impedisce loro di inviare moduli e le pagine o le sezioni del sito che li fanno premere il pulsante Indietro.

E quando aggiungi Convert Experiences al mix, hai il potere di convertire le informazioni di HotJar da tutte le fasi della tua canalizzazione in varianti di test.

Varianti che possono eliminare la confusione dell'interfaccia utente, ridurre la frustrazione del traffico e lasciarti con un'idea definitiva di ciò che i tuoi potenziali clienti vogliono veramente.

Integra le esperienze di conversione con Hotjar

L'integrazione di Hotjar con Convert Experiences ti consente di abilitare tutte le funzionalità di Hotjar all'interno del tuo account Convert Experiences.

Imposta l'integrazione:

Per integrare le due piattaforme:

  1. Aggiungi il codice di monitoraggio delle esperienze di conversione al tuo sito web
  2. Aggiungi il codice di monitoraggio Hotjar al tuo sito web
  3. Abilita l'integrazione di Hotjar nella schermata Riepilogo esperienza (nella sezione Impostazioni)
    (Per maggiori dettagli, leggi le istruzioni dettagliate qui).

Verifica integrazione

Una volta che l'installazione è pronta, verifica la configurazione installando Converti Chrome Debugger:

Converti Chrome Debugger:

Quali dati vengono utilizzati?

Dopo aver abilitato l'integrazione, ogni registrazione nel tuo account Hotjar verrà contrassegnata in questo modo: "Converti: AAA – BBB" dove:

  • AAA: il nome dell'esperimento limitato ai primi 20 caratteri o l'ID dell'esperimento che si trova nel tuo account Converti, a seconda che tu abbia attivato o meno l'anonimizzazione dei dati;
  • BBB – il nome della variazione limitato ai primi 20 caratteri o l'ID della variante che si trova nel tuo account Converti, a seconda che tu abbia abilitato o meno l'anonimizzazione dei dati;

All'interno del tuo account Hotjar, puoi filtrare le registrazioni in base a una determinata coppia Esperimento – Variazione per analizzare il comportamento dei visitatori quando viene offerta una particolare variazione:

Conto Hotjar

Qual è il prossimo?

Una volta che Converti con Hotjar è attivo e funzionante, cosa succede dopo?

Ora ti mostreremo come anche una conoscenza di base di Convert Experiences può aiutarti a migliorare le tue landing page, i tuoi campi modulo, i tuoi CTA, il tuo design reattivo e molto altro . Puoi vedere:

  • Quanti visitatori riceve il tuo sito web
  • Per quanto tempo i tuoi visitatori restano in giro
  • Da quale stato (o paese) provengono
  • Quali dispositivi (mobile, desktop, tablet) utilizzano i tuoi visitatori
  • Da quale campagna arrivano nel tuo negozio
  • Se l'immagine del tuo prodotto è davvero attraente.
  • Se il negozio ispira un'azione da parte del visitatore.
  • Se il posizionamento del prodotto sulla pagina è scomodo per il cliente.
  • Se devono scorrere troppo in basso per arrivare al prodotto.
  • Indipendentemente dal fatto che tu sia una proposta di valore e una CTA efficaci e chiare?

La quantità di informazioni può sembrare schiacciante e ti consigliamo di non immergerti troppo in profondità all'inizio. Concentrati sulle metriche chiave che contano davvero per te.

Anche una semplice analisi può richiedere modifiche che potrebbero avere un enorme impatto sul tuo negozio.

[PS: su quella nota, dai un'occhiata al nostro webinar Small Data. Copriamo il processo di ricerca e utilizzo delle "piccole cose" per un grande impatto]
<<Codice da incorporare>>

Lo scopo dell'integrazione di Convert Experiences con Hotjar è ottenere il maggior numero di informazioni possibili sul comportamento degli utenti. Più monitori, meglio puoi capire come i tuoi visitatori interagiscono con il tuo sito.

Impedisci l'abbandono del carrello con le registrazioni dei visitatori

Puoi prevenire l'abbandono del carrello degli acquisti online ottimizzando il processo di pagamento con le registrazioni dei visitatori di Hotjar.

Le registrazioni dei visitatori sono brevi registrazioni che ti consentono di vedere cosa sta facendo un visitatore sul tuo sito. E se guardi e analizzi molte di queste registrazioni, inizierai a individuare schemi. Sarai in grado di identificare le bandiere rosse durante il processo di pagamento. E capirai meglio perché le persone stanno abbandonando il loro carrello.

Le registrazioni dei visitatori possono darti molte informazioni grezze. Per utilizzare queste informazioni per ridurre il tasso di abbandono del carrello, ecco alcune cose che dovresti cercare:

  • Per quanto tempo le persone rimangono sulla pagina del tuo prodotto?
  • Quanto velocemente le persone scorrono? Scorrono o leggono attentamente?
  • I visitatori vengono distratti da qualcosa?
  • Cosa attira l'attenzione dei tuoi visitatori? Cosa li interessa di più?
  • Cosa li spinge ad allontanarsi dal carrello?
  • Cos'altro potrebbe danneggiare il tuo tasso di conversione?

Queste sono buone domande da porre durante la visualizzazione e l'analisi delle registrazioni dei visitatori. Ti aiuteranno a prevenire l'abbandono del carrello degli acquisti online, ove possibile.

Esempio su un negozio Shopify

Immaginiamo che tu abbia un negozio Shopify e desideri modificare la pagina di pagamento. Installi il codice di monitoraggio di Convert nella pagina di pagamento di Shopify seguendo le istruzioni qui e crei un'esperienza A/B all'interno di Convert. La variante sfoggia banner extra sulla pagina di pagamento con simboli di fiducia e spedizione gratuita (ehi! Gli esperti dicono che funzionano).

Dopo un po', noti nel rapporto Converti che la versione Originale è vincente e i banner extra non hanno portato più acquisti.

Vuoi sapere perché i visitatori preferiscono l'originale rispetto alla variazione che hai progettato con Converti.

Per fare ciò utilizzi le registrazioni dei visitatori di HotJar nella pagina di checkout della Variazione e noti che i visitatori abbandonano il carrello perché in realtà sono distratti da questi banner.

Rimuovi i banner e adatti l'esperienza di conversione A/B per incoraggiare più checkout. E impari che in futuro, se vuoi che il tuo pubblico agisca, dai la priorità alla riduzione al minimo delle distrazioni, piuttosto che all'aggiunta di stimoli di fiducia.

Comprendi perché i visitatori se ne vanno

Con sondaggi e sondaggi sui clienti

Un'altra utile funzionalità di Hotjar è lo strumento Feedback e lo vedrai a sinistra.

Con sondaggi e sondaggi puoi inserire una richiesta di feedback dei clienti sul tuo sito web. Questo è utile quando anche i test di usabilità non fanno luce sulla resistenza dei visitatori.

La funzione Hotjar è lo strumento Feedback

Puoi utilizzare queste funzionalità al momento del numero massimo di abbandoni e scoprire perché i visitatori se ne vanno senza intraprendere ulteriori azioni. I commenti che arriveranno supporteranno i dati quantitativi raccolti in Convert Experiences. Ecco come abilitare i sondaggi in un'esperienza o personalizzazione di Converti A/B.

Con imbuti

HotJar offre un'ottima funzionalità chiamata imbuti. Quindi, invece di utilizzare sondaggi e sondaggi, puoi semplicemente utilizzare le canalizzazioni di HotJar per individuare definitivamente le pagine in cui si verificano cali significativi!

HotJar offre un'ottima funzionalità chiamata imbuti

Fai un test del dispositivo con Heatmaps

Le pagine del tuo sito hanno un aspetto molto diverso su dispositivi e schermi di dimensioni diverse.

Con l'aumento della popolarità di schermi extra large, netbook, tablet e telefoni; garantire un'esperienza ottimale tra i gadget è una sfida.

I contenuti importanti che si trovano above the fold su un desktop potrebbero finire ben al di sotto della piega su un telefono. Allo stesso modo, il contenuto della tua pagina potrebbe apparire scarso e illeggibile su schermi molto grandi.

I rapporti sulle mappe di calore di Hotjar riveleranno facilmente queste differenze tra browser e dispositivi e come i visitatori interagiscono con i tuoi contenuti. Introduci il design reattivo in modo da poter regolare le tue pagine in base alle specifiche dello schermo e del browser. Usa i risultati di Hotjar Heatmaps per modificare questo design reattivo.

Diventa improvvisamente possibile un maggiore coinvolgimento e priorità dei contenuti chiave, anche se ci sono numerose variabili che definiscono la tua esperienza on-page.

Segui le tue modifiche con i nuovi rapporti sulla mappa di calore per vedere l'impatto delle tue modifiche.

heatmap segnala hotjar

Una volta terminato, consegna questi risultati a Converti personalizzazioni in cui segmenti di pubblico diversi riceveranno design diversi in base al dispositivo e alle preferenze del browser. Scopri come abilitare le mappe di calore su Converti personalizzazioni qui.

Suggerimento : HotJar offre anche 7 test di heatmap aggiuntivi.

Migliora le tue pagine di destinazione

L'ottimizzazione della pagina di destinazione (LPO) è una parte fondamentale di qualsiasi unità CRO.

E un'integrazione Converti Experiences/HotJar fa miracoli qui.

Con Hotjar capisci cosa vogliono gli utenti, a cosa tengono e come interagiscono con il tuo sito attraverso una rappresentazione visiva (mappa) dei loro clic, tocchi e comportamento di scorrimento. Vedi cosa confonde le persone e puoi eliminare questi blocchi stradali.

Immaginiamo che tu abbia una landing page e che tu voglia ottimizzarla. Installi il codice di monitoraggio Convert sulla pagina di destinazione e crei la tua esperienza Convert A/B. Le modifiche apportate sono pulsanti social aggiuntivi nel piè di pagina.

Dopo un po', il tuo rapporto Converti mostra che la versione originale sta vincendo e le icone social extra non portano più acquisti.

Vuoi sapere perché i visitatori preferiscono l'originale rispetto alla variazione che hai progettato con Converti. Per questo, usi HotJar e noti che i visitatori non scorrono fino al piè di pagina della tua pagina di destinazione.

Sposta le icone social nell'intestazione e adatta l'esperienza Converti A/B per un impatto positivo percepibile sulle conversioni. Approfondimenti da persone che contano.

Immagina di aver creato un'esperienza di conversione multipagina e di aver bisogno di farti un'idea dell'efficacia della tua ipotesi, velocemente. Il widget Hotjar Recruiters ottiene il consenso dal traffico qualificato in modo rapido e semplice e iscrive le persone alla ricerca degli utenti.

Ora puoi profilare i membri del tuo segmento target e semplicemente offrire un regalo in cambio dei loro servizi.

Puoi anche creare un test Converti URL diviso per scoprire cosa converte meglio: funzione reclutatori o funzione sondaggio.

Converti test URL diviso

Aggiungi semplicemente questa funzione Hotjar alla tua esperienza di conversione e inizierai a raccogliere feedback

Rileva punti di confusione dell'interfaccia utente:

Come dice l'ispettore:

"I clic di rabbia identificano i momenti di frustrazione degli utenti, solitamente causati da clic eccessivi nelle aree senza attivare alcuna modifica dell'interfaccia utente. I punti comuni di rabbia degli utenti includono il clic sui link morti (testo che sembra un link ma non lo è), il clic sulle immagini sperando di ingrandirle (senza successo) e altri punti di confusione dell'interfaccia utente.

Nella dashboard di Hotjar, vai alle registrazioni delle sessioni. Filtra in base all'URL della pagina che desideri esaminare. Quindi applica il filtro dei clic di rabbia. Sei pronto per guardare e analizzare le registrazioni dei clienti che hanno cliccato con rabbia su qualsiasi pagina del tuo sito web. L'analisi delle registrazioni dovrebbe indirizzarti nella giusta direzione per correggere gli elementi dell'interfaccia utente che frustrano i tuoi visitatori.

Fai salire il tuo modulo di invio

Quando progetti e sperimenti i tuoi moduli, puoi avere ulteriori informazioni su come i tuoi visitatori interagiscono con i campi dei moduli. Con HotJar e Convert Experiences, impari a conoscere i campi che rimangono vuoti, i campi che vedono il reinserimento dei dati e, in breve, i campi che aumentano i tassi di conversione dei tuoi moduli.

Utilizzare innanzitutto un'esperienza di conversione multivariata per progettare moduli con più modifiche o modifiche agli elementi.

Converti esperienza multivariata

Una volta terminato, utilizza le registrazioni dei visitatori di Hotjar per eliminare i campi del modulo o gli elementi del modulo che frustrano il tuo traffico.

Infine, applica il test A/B ai campi che rimangono e restringi il tuo modulo a ciò che è veramente importante per i visitatori.

Preoccupazioni per la privacy in particolare con GDPR?

Finora abbiamo visto che con un semplice pezzo di codice, Hotjar registra le sessioni utente dei visitatori del tuo sito web. Puoi effettivamente vederli scorrere, spostare il cursore sullo schermo e fare clic o toccare a seconda del dispositivo che stanno utilizzando.

Ma per quanto riguarda la privacy degli utenti?

La nuova legge sulla privacy dei dati, GDPR, rende un po' inquietante la registrazione delle sessioni utente. Può essere considerata una violazione della privacy? No, perché Hotjar non raccoglie informazioni di identificazione personale sui singoli utenti, come l'indirizzo IP. Al contrario, assegnano un numero ID utente univoco per differenziare le registrazioni delle sessioni. Inoltre, Hotjar rileva automaticamente i campi di immissione di informazioni sensibili come password e numeri di carta di credito e non registra le sequenze di tasti. Puoi anche scegliere di mascherare manualmente determinati campi di input e testo nelle impostazioni di Hotjar.

Convert si preoccupa davvero della tua privacy e della privacy del tuo traffico. L'ottimizzazione del tasso di conversione è essenziale se desideri guidare i tuoi visitatori verso la migliore soluzione che offri senza frustrarli nel processo.

Questo è il motivo per cui abbiamo una profonda integrazione con uno strumento come HotJar che disegna letteralmente un'immagine CRO del valore di un milione di clic, senza violare i diritti degli utenti.

Se desideri vedere questa partnership in azione, iscriviti per una prova gratuita di Convert Experiences.

CONVERTI + HOTJAR IN PROVA