Come usare un modulo d'iscrizione a pagina intera come landing page

Cosa imparerai

Scopri come creare un modulo d'iscrizione in Klaviyo che copra un'intera pagina del tuo sito web e si avvii immediatamente quando chi visita fa clic su un URL designato, offrendo un’esperienza simile a una landing page a cui i visitatori possono accedere per iscriversi. Per configurarlo, dovrai prima creare il modulo a pagina intera, poi modificare alcune impostazioni di Targeting & behavior in modo che venga visualizzato quando chi lo usa fa clic su un determinato link.

Un modulo d'iscrizione a pagina intera copre l'intera altezza e larghezza della pagina per sembrare una landing page personalizzata; in realtà non è una landing page autonoma e devi includere un'icona di chiusura, così chi visita il sito può chiuderlo e riprendere la navigazione. Quando una persona visualizza la pagina fa clic sul link, si aprirà il tuo sito web e il modulo a pagina intera verrà mostrato subito.

Prima di iniziare, assicurati che il JavaScript onsite di Klaviyo sia installato sulla pagina del sito web che utilizzerai per il link. Consulta come installare il tracciamento onsite di Klaviyo.

Crea un nuovo modulo a pagina intera

1. Seleziona Sito web > Moduli d'iscrizione dal menu di navigazione principale a sinistra.
2. Per iniziare con un modello vuoto, seleziona Crea modulo. Se ti viene chiesto di scegliere un canale, assegna un nome al modulo, seleziona Web e fai clic su Crea. Nella libreria dei moduli, seleziona Crea modulo vuoto.
   • Inserisci o conferma il nome del modulo e scegli a quale lista aggiungere gli iscritti.
   • Seleziona un tipo di modulo A pagina intera.
   • Fai clic su Salva e progetta per iniziare a creare il tuo nuovo modulo nell’editor dei moduli.
     

3. Se preferisci usare un modulo esistente nel tuo account o personalizzare un modello dalla libreria dei moduli, seleziona Modifica stili nell’editor e verifica che Pagina intera sia impostato come Tipo di modulo.
   

4. Personalizza il design e i contenuti del modulo in base al tuo obiettivo.
   • Seleziona Aggiungi contenuto per aprire il pannello dei blocchi e trascina e rilascia diversi blocchi di input nel modulo (ad esempio, campo numero di telefono, campo data, ecc.). Scopri di più su blocchi e campi dei moduli.
   • Seleziona "Modifica stili" per modificare e personalizzare il modulo in modo che corrisponda al tuo brand (ad esempio: immagini, colore di sfondo, stili del modulo, ecc.). Scopri di più sugli stili dei moduli e sulle opzioni di progettazione.
   • Seleziona qualsiasi testo nell'anteprima per modificarlo e personalizzare il tono o il messaggio del tuo modulo.

Aggiorna il call-to-action del tuo modulo

1. Nell’editor del modulo, fai clic sul pulsante di invio nell’anteprima del modulo (ad esempio, il pulsante "Iscriviti" nell’immagine di seguito).
2. Imposta l’ azione del pulsante su Invia modulo. Da qui puoi anche modificare l’elenco a cui vuoi aggiungere gli iscritti. Se l’elenco utilizza il doppio opt-in, ricordati di aggiornare la pagina di conferma dell’iscrizione associata.
3. Accanto a Dopo l’invio, scegli una delle seguenti opzioni:
   • Mostra il passaggio successivo per visualizzare il passaggio successivo nel modulo. Può trattarsi di un altro passaggio di iscrizione o del messaggio di successo, a seconda di come è configurato il tuo modulo.
   • Vai all’URL e inserisci l’ URL di destinazione se vuoi reindirizzare gli iscritti a un’altra pagina del tuo sito web, ad esempio la home page.
     

Indirizza il modulo in modo che venga visualizzato quando si fa clic su un link

1. Nell'editor dei moduli, seleziona il controllo Targeting e comportamento.
   

2. Seleziona la scheda Visualizzazione. In Tempistica, seleziona Immediatamente.
3. Alla voce Frequenza, imposta Se il visitatore chiude il modulo, mostra di nuovo dopo su 0 giorni, quindi seleziona "Non mostrare di nuovo se il modulo è stato inviato o se è stato cliccato il pulsante Vai all'URL".

• L’impostazione a 0 giorni consente al modulo di apparire di nuovo quando un visitatore torna dopo averlo chiuso. Con la casella di controllo selezionata, il modulo rimane nascosto nello stesso browser dopo che un visitatore lo invia o fa clic sul pulsante Vai all’URL. Deseleziona la casella di controllo se vuoi che questi visitatori possano vedere di nuovo il modulo.

4. Alla voce Dispositivi, seleziona Tutti i dispositivi in modo che i visitatori possano aprire il modulo su desktop e mobile.
5. Passa alla sezione Targeting nella parte superiore.
6. In Pubblico, scegli Mostra a tutti i membri del pubblico.
   

7. In URL, seleziona Mostra solo su determinati URL, poi scegli Contenente dal menu a discesa.
8. Nella casella di testo corrispondente, inserisci un link di ancoraggio. Un link di ancoraggio inizia con un hashtag, seguito da un nome di pagina descrittivo (ad esempio #InstagramSignup).
   • Aggiungi il link di ancoraggio alla fine dell’URL del tuo sito (ad es. https://swak-lip-care.myshopify.com/#InstagramSignup) per creare un link che apre il modulo a pagina intera sul tuo sito web. L’opzione per nascondere il modulo dopo l’invio o dopo un clic su “Vai all’URL” si applica comunque.
     

9. Assicurati che l'icona di chiusura (pulsante X) sia facile da trovare, così chi fa acquisti può chiudere il modulo d'iscrizione dallo schermo. Chi visita il sito può anche premere Esc per chiudere il modulo. Fai clic sul pulsante X nell'anteprima all'interno dell'editor per modificarlo.
10. Quando hai finito, fai clic su Pubblica o programma. Risolvi eventuali avvisi bloccanti, seleziona Pubblica ora, quindi fai clic sul pulsante Pubblica ora per rendere attivo il modulo.

Una volta pubblicato il modulo, inizierai a raccogliere iscritti tramite il tuo link di ancoraggio. Gli utenti dovranno fare clic direttamente sull'URL che contiene l'anchor link oppure digitarlo esattamente nel browser, per visualizzare il tuo sito web con il modulo a pagina intera.

Ad esempio, se SWAK Lip care imposta il link di ancoraggio su #InstagramSignup per pubblicarlo in una Storia di Instagram, il link avrà questo aspetto:

https://swak-lip-care.myshopify.com/#InstagramSignup.

Testa il tuo modulo

1. Apri l'URL completo, incluso il link di ancoraggio, in una finestra privata o in incognito con gli ad blocker disattivati. Verifica che il modulo venga visualizzato su desktop e dispositivi mobili.
2. Invia il modulo e verifica che il passaggio successivo, il messaggio di conferma o la pagina di destinazione corrisponda alle tue impostazioni.

I prossimi passaggi

Condividi il tuo link nei tuoi canali social o nei messaggi per incoraggiare chi visualizza a iscriversi e a scoprire di più sul tuo brand.

Valuta di aggiungere uno split alla tua serie di benvenuto per rivolgerti a chi si è iscritto usando questo modulo, se vuoi inviare un messaggio più personalizzato.

Risorse aggiuntive