Come utilizzare i blocchi dinamici nei moduli
Scopri di più sui blocchi dinamici e su come utilizzarli nei moduli d'iscrizione per creare visualizzazioni ed esperienze distinte per gli acquirenti su dispositivi desktop e mobili. Qualsiasi blocco del tuo modulo può essere reso dinamico regolando le impostazioni di visibilità.
Informazioni sui blocchi dinamici
I blocchi dinamici ti consentono di controllare quali blocchi appaiono in base al dispositivo. Puoi configurare i blocchi in modo che appaiano in modo diverso nel tuo modulo in base al dispositivo oppure che appaiano su un dispositivo ma non sull'altro.
Casi d'uso per i blocchi dinamici:
- Personalizza i moduli visualizzati per diversi tipi di dispositivi (ad esempio, dispositivi mobili e desktop) in modo che gli acquirenti vedano un design su misura per il loro schermo.
- Crea un unico modulo con diversi metodi di opt-in all'SMS mostrati su entrambi i tipi di dispositivo per ottimizzare le conversioni (ad esempio, mostra un'opzione tap-to-text sui dispositivi mobili e un campo di inserimento del numero di telefono sui dispositivi desktop).
Prima di iniziare
Apri il modulo nell'editor e vai alla sezione Targeting e comportamento. Assicurati che il tuo modulo sia impostato per essere visualizzato sia su desktop che su mobile, in modo che tutti gli acquirenti possano vederlo.
Questa impostazione ti consentirà di configurare schermi separati per desktop e dispositivi mobili.
Utilizza i blocchi dinamici per creare visualizzazioni distinte per desktop e dispositivi mobili
Tutti i blocchi o i campi di inserimento in un modulo, esistenti o appena aggiunti dalla scheda Aggiungi blocchi possono essere resi dinamici. Per regolare quali dispositivi visualizzano un determinato blocco, segui questi passaggi:
- Clicca sul blocco nel pannello di anteprima del modulo (ad esempio, un blocco di testo).
- Nel menu delle impostazioni del blocco a sinistra, scorri verso il basso fino a Visibilità.
- Scegli se mostrare il blocco su desktop, dispositivi mobili o tutti i dispositivi.
- Ripeti questa procedura per tutti i blocchi che desideri siano dinamici.
Per visualizzare in anteprima l'aspetto del tuo modulo su ogni dispositivo, utilizza il selettore di visualizzazione nell'angolo in alto a destra dell'editor di moduli. Puoi passare da un'icona del desktop all'altra e viceversa e viceversa, passando dall'icona del dispositivo mobile all'icona del dispositivo mobile, per visualizzare ogni visualizzazione.
- La vista desktop mostra come il tuo modulo apparirà agli acquirenti che navigano sul tuo sito su un desktop. Solo i blocchi configurati su Desktop e Tutti i dispositivi saranno visibili in questa visualizzazione.
- La vista mobile mostra in anteprima ciò che gli acquirenti vedranno quando navigano su un dispositivo mobile. Visualizza i blocchi configurati per Mobile e Tutti i dispositivi.
Esempio
Supponiamo che tu voglia che il testo del titolo del tuo modulo appaia in modo diverso su desktop rispetto a un dispositivo mobile. Per configurare questa opzione:
- Nel selettore della vista nell'angolo in alto a destra, seleziona l'icona del desktop.
- Seleziona il testo che desideri modificare nell'anteprima del modulo e apporta le tue modifiche.
- Nel menu delle impostazioni del blocco di testo, scorri fino a Visibilità e imposta il blocco di testo in modo che venga visualizzato solo sul desktop .
- Per regolare la vista mobile, passa all'anteprima mobile selezionando l'icona mobile nel selettore della vista.
- Vai alla scheda Aggiungi blocchi e trascina e rilascia un nuovo elemento di testo nell'anteprima mobile.
- Personalizza il testo predefinito del titolo per gli acquirenti su dispositivi mobili. Il testo dovrebbe essere diverso da quello che hai utilizzato nella versione desktop.
- Nel menu delle impostazioni del blocco di testo, scorri verso il basso fino a Visibilità e imposta il blocco di testo in modo che venga mostrato su Mobile.
- Facoltativo: ripeti questa procedura per altri elementi o campi di inserimento che desideri visualizzare in modo diverso in base al tipo di dispositivo (ad esempio, mostra un'immagine agli acquirenti su desktop ma nascondila sui dispositivi mobili).
- Se vuoi rendere dinamiche le immagini del tuo modulo, puoi:
- Aggiungi un'immagine laterale sia alla vista mobile che a quella desktop, o solo a una delle due.
- Utilizza un'immagine laterale nella vista desktop e posiziona un'immagine sopra il testo del titolo su mobile o viceversa.
- Se vuoi rendere dinamiche le immagini del tuo modulo, puoi:
Utilizza i blocchi dinamici per ottimizzare la raccolta dei Consensi all'invio di SMS
Se hai un modulo d'iscrizione che raccoglie Consensi all'invio di SMS, puoi utilizzare i blocchi dinamici per ottimizzare il metodo di opt-in per SMS per ogni dispositivo (ad esempio, mostra agli acquirenti su dispositivi mobili un pulsante tap-to-text, mentre gli acquirenti su desktop vedono un campo di inserimento del numero di telefono).
Tieni presente che i modelli predefiniti nella libreria di moduli che raccolgono sia le e-mail sia i numeri di telefono hanno già dei blocchi dinamici impostati per l'opt-in ottimizzato all'SMS su ogni dispositivo. Se scegli uno di questi modelli, non dovrai configurare i blocchi; dovrai solo personalizzare lo stile del modulo per adattarlo al tuo marchio.
Se stai iniziando da zero o vuoi creare un nuovo modulo per raccogliere gli iscritti all'SMS, leggi la nostra guida su come raccogliere Consenso all'invio di SMS con Smart Opt-in.
Per impostare questa opzione:
- Apri il modulo esistente nell'editor e vai al passaggio Opt-in SMS nella barra dei menu.
- Se il tuo modulo non dispone già di questo passaggio, fai clic su +Passaggio > Iscrizione SMS e seleziona un elenco per aggiungerlo.
- Se il tuo modulo non dispone già di questo passaggio, fai clic su +Passaggio > Iscrizione SMS e seleziona un elenco per aggiungerlo.
- Nel selettore di visualizzazione in alto a destra, seleziona l'icona del desktop per personalizzare la visualizzazione desktop del tuo modulo.
- Seleziona il campo di inserimento del numero di telefono nell'anteprima e in Visibilità, impostalo su Mostra su desktop. Fare lo stesso per l'informativa del SMS e per il pulsante di invio.
Tieni presente che quando imposti un blocco in modo che venga mostrato specificamente sui dispositivi desktop, non sarà nascosto nella vista mobile.
- Passa alla visualizzazione per dispositivi mobili del tuo modulo selezionando l'icona per dispositivi mobili nell'angolo in alto a destra.
- Seleziona la scheda Aggiungi blocchi, quindi trascina e rilascia un nuovo blocco pulsanti nell'anteprima per dispositivi mobili.
- Cambia l'azione del pulsante in Iscriviti tramite SMS.
- Personalizza la tua parola chiave "Iscriviti" e il messaggio "Iscriviti" per la tua call-to-action tap-to-text.
- Alla voce Area di invio, scegli il numero di telefono appropriato per l'area geografica a cui desideri rivolgerti con il modulo.
- Passa dalla visualizzazione desktop a quella mobile e viceversa per assicurarti che i blocchi appaiano come previsto su ogni dispositivo.
Ora i tuoi blocchi dinamici sono configurati in modo da raccogliere Consenso all'invio di SMS nel metodo più ottimizzato sia per desktop che per dispositivi mobili.
I prossimi passaggi
Prima di pubblicare il tuo modulo d'iscrizione, vai alla scheda Stili per modificare il layout, i caratteri e i colori in modo che corrispondano al tuo marchio. Inoltre, assicurati di aggiungere e personalizzare la tua informativa SMS.
Risorse aggiuntive
- Metodi di opt-in per SMS: riferimento
Scopri i diversi metodi per far crescere la tua lista SMS con Klaviyo.
- Informazioni su blocchi e campi dei moduli
Scopri come utilizzare vari blocchi di contenuto dall'editor dei moduli (ad es. elementi e campi di inserimento) nel tuo modulo d'iscrizione per personalizzarne l'aspetto e il tipo di informazioni che raccogli dagli iscritti.
- Informazioni sugli stili per un modulo di iscrizione
Scopri come usare il generatore di moduli d'iscrizione di Klaviyo per progettare il tuo modulo modificando le impostazioni di progettazione disponibili nella sezione Stili. Le impostazioni di stile si applicano a tutto il tuo modulo d'iscrizione, inclusi tutti i passaggi di un modulo e il relativo messaggio di successo.