Come utilizzare i blocchi dinamici nei moduli

Imparerai

Impari a conoscere i blocchi dinamici e come può utilizzarli in modulo d'iscrizione per creare viste ed esperienze distinte per gli acquirenti su dispositivi desktop e mobili. Qualsiasi blocco del suo modulo può essere reso dinamico regolando le impostazioni di visibilità.

I blocchi dinamici le permettono di controllare quali blocchi appaiono in base al dispositivo. Può configurare blocco per apparire in modo diverso nel suo modulo in base al dispositivo, oppure per apparire su un dispositivo ma non sull'altro.

Casi d'uso per il blocco dinamico:

• Personalizzare la visualizzazione dei moduli per diversi tipi di dispositivi (ad esempio, mobile e desktop), in modo che gli acquirenti vedano un design adatto al loro schermo.
• Creare un unico modulo con diversi metodi di SMS opt-in mostrati a ciascun tipo di dispositivo per ottimizzare la conversione (ad esempio, mostrare un'opzione tap-to-text sui dispositivi mobili e un campo di inserimento del numero di telefono sui dispositivi desktop).

Prima di iniziare

Apra il suo modulo nell'editor e si rechi nella sezione Targeting e Comportamenti. Si assicuri che il suo modulo sia impostato per essere visualizzato sia su desktop che su mobile, in modo che tutti gli acquirenti possano vederlo.

Questa impostazione le consentirà di configurare visualizzazioni separate per desktop e mobile.

Utilizzi i blocchi dinamici per creare viste distinte da desktop e da mobile.

Qualsiasi blocco o campo di inserimento in un modulo, sia esistente che aggiunto di recente dalla scheda Aggiungi blocco, può essere reso dinamico. Per regolare quali dispositivi visualizzano un determinato blocco, segua la seguente procedura:

1. Clicchi sul blocco nel pannello di anteprima del modulo (ad esempio, un blocco di testo).
2. Nel menu delle impostazioni del blocco sulla sinistra, scorra fino a Visibilità.
3. Scelga se mostrare il blocco su desktop, mobile o su tutti i dispositivi.
4. Ripeta questo processo per tutti i blocchi che desidera siano dinamici.

Per vedere in anteprima l'aspetto del suo modulo su ogni dispositivo, utilizzi il selettore di visualizzazione nell'angolo in alto a destra dell'editor di moduli. Può selezionare l'icona del desktop e quella del dispositivo mobile per visualizzare ciascuna vista.

• La vista desktop mostra come il suo modulo apparirà agli acquirenti che navigano sul suo sito su un desktop. Solo i blocchi configurati su Desktop e Tutti i dispositivi saranno visibili in questa vista.
• La vista mobile mostra in anteprima ciò che gli acquirenti vedranno quando navigano su un dispositivo mobile. Visualizza i blocchi configurati per i dispositivi Mobilee Tutti.

Esempio

Supponiamo che voglia che il testo del titolo del suo modulo appaia in modo diverso su un dispositivo desktop rispetto a un dispositivo mobile. Per configurare questo:

1. Nel selettore di visualizzazione nell'angolo in alto a destra, selezioni l'icona del desktop. 
2. Selezioni il testo che desidera modificare nell'anteprima del modulo e apporti le sue modifiche.
3. Nel menu delle impostazioni del blocco di testo, scorra fino a Visibilità e imposti il blocco di testo in modo che venga visualizzato solo sul Desktop .
   
   

   Quando imposta un blocco da visualizzare solo sul desktop, sceglie di nascondere il blocco agli utenti mobili, quindi non sarà visibile nell'anteprima mobile.

4. Per regolare la visualizzazione mobile, passi all'anteprima mobile selezionando l'icona mobile nel selettore di visualizzazione.
5. Vada alla scheda Aggiungi blocco e trascini un nuovo elemento di testo nell'anteprima mobile.
6. Personalizzi il testo del titolo predefinito per gli acquirenti mobili. Questo testo dovrebbe essere diverso da quello utilizzato nella versione desktop.
7. Nel menu delle impostazioni del blocco di testo, scorra in basso fino a Visibilità e imposti questo blocco di testo su Mostra su cellulare.
   
   
8. Opzionale: Ripeta questo processo per altri elementi o campi di inserimento che desidera visualizzare in modo diverso in base al tipo di dispositivo (ad esempio, mostrare un'immagine agli acquirenti desktop ma nasconderla su quelli mobile).
   • Se vuole rendere dinamiche le immagini nel suo modulo, può farlo:
     • Aggiunga un'immagine laterale sia alla vista mobile che a quella desktop, o solo ad una delle due.
     • Utilizzi un'immagine laterale nella visualizzazione desktop e collochi un'immagine sopra il testo del titolo su mobile, o viceversa. 

Utilizzi i blocchi dinamici per ottimizzare la raccolta dei consensi via SMS

Se dispone di un modulo d'iscrizione che raccoglie il consenso all'invio di SMS, può utilizzare il blocco dinamico per ottimizzare SMS metodo di opt-in per ciascun dispositivo (ad esempio, mostrare agli acquirenti mobili un pulsante "tap-to-text", mentre gli acquirenti desktop vedono un campo di inserimento con numero di telefono). 

Per configurarlo:

1. Apra il suo modulo esistente nell'editor e si rechi nella fase SMS Opt-in nella barra dei menu. 
   • Se il suo modulo non ha già questa fase, clicchi su +Fase > SMS Opt-in e selezioni un elenco per aggiungerla.
     
2. Nel selettore di visualizzazione in alto a destra, selezioni l'icona desktop per personalizzare la visualizzazione desktop del suo modulo. 
3. Selezioni il campo di inserimento del numero di telefono nell'anteprima e, alla voce Visibilità, imposti la visualizzazione sul Desktop. Faccia lo stesso per la lingua di divulgazione degli SMS e per il pulsante di invio.
   
   

   Si noti che quando imposta un blocco da mostrare specificamente sui dispositivi desktop, non sarà nascosto nella vista mobile. 

4. Passi alla visualizzazione mobile del suo modulo selezionando l'icona mobile nell'angolo in alto a destra.
5. Selezioni la scheda Aggiungi blocco, quindi trascini un nuovo blocco pulsante nell'anteprima mobile. 
6. Modifichi l'Azione del pulsante in Iscrizione via SMS.
   
   
7. Personalizzi la parola chiave di iscrizione e il messaggio di iscrizione per la sua chiamata all'azione "tap-to-text".
8. Alla voce Regione di invio, scelga il numero di telefono appropriato per la regione a cui desidera inviare il modulo. 
9. selezioni la visualizzazione desktop e quella mobile per assicurarsi che il blocco appaia come previsto su ciascun dispositivo. 

Ora i suoi blocchi dinamici sono configurati per raccogliere il consenso all'invio di SMS nel metodo più ottimizzato sia per desktop che per mobile. 

I prossimi passaggi

Prima di pubblicare il suo modulo di iscrizione, si rechi nella scheda Stili per modificare il layout, i caratteri e i colori in base al suo marchio. Inoltre, si assicuri di aggiungere e personalizzare la lingua di divulgazione degli SMS.

Risorse aggiuntive

Riferimento ai metodi di opt-in via SMS

Comprendere i blocchi e i campi dei moduli

Comprendere gli stili per un modulo di iscrizione

Corso: Certificato di prodotto Klaviyo