Dopo aver creato un modulo di iscrizione, puoi personalizzarne grafica, contenuti e struttura dal designer. Puoi partire da un modello già pronto, aggiungere più pagine e utilizzare blocchi e campi form per raccogliere le informazioni che ti servono sui nuovi contatti.
Se è la prima volta che utilizzi questa funzionalità, scopri cosa sono i moduli di iscrizione e quando usarli.
Se invece vuoi configurare regole di visualizzazione, trigger e privacy, consulta l'articolo su come creare e configurare un modulo di iscrizione.
Scegli un modello di partenza
Subito dopo la creazione del modulo di iscrizione, puoi scegliere tra diversi modelli già pronti da usare come punto di partenza..
Ogni modello propone una struttura e uno stile iniziali pensati per uno specifico caso d'uso. Puoi utilizzarlo come punto di partenza e modificare liberamente contenuti, oggetti, pagine e stili.
La scelta del modello non è definitiva: dopo averlo selezionato, puoi adattare ogni elemento alle esigenze del tuo progetto e all'identità visiva del tuo brand.
Lavora nel designer
Il designer è l'area in cui costruisci ciò che i visitatori vedranno quando compare il modulo sul sito web.
Da qui puoi:
- Gestire le pagine del modulo
- Aggiungere blocchi di contenuto
- Inserire e configurare campi form
- Modificare testi, immagini e pulsanti
- Personalizzare colori, font, spaziature e layout
- Controllare il risultato in anteprima
Gestisci le pagine del modulo
Un modulo di iscrizione può essere composto da una o più pagine. Dal designer puoi creare nuove pagine e gestire quelle già presenti.
Una struttura su più pagine è utile quando vuoi separare i diversi momenti dell'esperienza di iscrizione.
Ad esempio, puoi utilizzare una prima pagina per raccogliere i dati del visitatore e una seconda pagina per confermare l'iscrizione e ringraziarlo.
Puoi usare più pagine anche per:
- Suddividere una compilazione più lunga in passaggi più brevi
- Mostrare informazioni diverse prima e dopo l'iscrizione
- Presentare un vantaggio riservato a chi completa il modulo, ad esempio un codice sconto
La navigazione tra le pagine viene gestita attraverso l'azione Navigazione associata ai pulsanti.
Aggiungi blocchi e campi form
Gli oggetti disponibili nel designer sono divisi in due categorie principali: blocchi e form.
- I blocchi ti permettono di costruire il contenuto e il layout della pagina.
Puoi aggiungere, ad esempio, testi, immagini, colonne e spazi. - Gli oggetti form ti permettono di raccogliere dati, preferenze e consensi dai visitatori.
Puoi utilizzare, ad esempio, campi di testo, campi data e menu a tendina. Trovi l'elenco completo nell'articolo dedicato ai campi form.
Puoi aggiungere nuovi oggetti sia trascinandoli dal pannello laterale nell'area di lavoro, sia cliccando il pulsante + direttamente nell'area di lavoro.
Seleziona poi ciascun oggetto nell'area di lavoro per modificarne contenuto e impostazioni.
Puoi rendere obbligatori i campi necessari per completare l'iscrizione e aggiungere caselle di controllo per raccogliere consensi o accettazioni.
Offri un codice sconto
Tra gli oggetti disponibili nei blocchi, trovi anche il codice sconto.
Questo blocco mostra un codice che il visitatore può copiare direttamente con un clic.
Puoi utilizzarlo come incentivo all'iscrizione, ad esempio per offrire:
- Uno sconto di benvenuto
- La spedizione gratuita sul primo ordine
- Un omaggio riservato ai nuovi iscritti
- L'accesso anticipato a una promozione
Puoi inserire il codice nella pagina finale del modulo, così il nuovo contatto lo riceve subito dopo aver completato l'iscrizione.
Usa i campi form per arricchire il contatto
In un modulo di iscrizione, l'obiettivo non è creare un survey né sottoporre il visitatore a un interrogatorio, ma acquisire un nuovo contatto e raccogliere informazioni utili fin dal primo momento.
Collega quindi i campi del modulo ai campi del database quando vuoi salvare i dati nel profilo del contatto che verrà creato dopo la compilazione.
In questo modo puoi raccogliere dati come:
- Nome e cognome
- Indirizzo email
- Numero di telefono
- Data di nascita
- Interessi
- Preferenze
- Consensi
Queste informazioni arricchiscono il profilo del contatto e puoi utilizzarle per personalizzare le comunicazioni, segmentare l'audience e costruire journey più pertinenti.
Personalizza lo stile del modulo
Oltre ai contenuti, puoi personalizzare anche l'aspetto generale del modulo dalla finestra Stili del designer.
Da qui puoi configurare:
- Layout, dimensioni e spaziature
- Font, colori e formattazione dei testi
- Aspetto dei pulsanti e dei campi form
- CSS e codice personalizzato
Scopri tutte le opzioni disponibili nella guida dedicata agli stili di messaggi on site e moduli di iscrizione.
Se hai scelto un brand kit durante la creazione, il modulo eredita automaticamente loghi, palette colori e font associati. Puoi comunque modificare i singoli elementi dal designer.
Mantieni lo stile del modulo coerente con quello del sito in cui verrà mostrato. In questo modo, l'esperienza risulta più riconoscibile e naturale per il visitatore.