Aggiungi elementi drag-and-drop ai tuoi Moduli di iscrizione per raccogliere email, numeri di telefono, dati personalizzati e aumentare il coinvolgimento. Scegli tra oltre 13 elementi, inclusi campi, pulsanti, immagini e gamification.
In questo articolo, imparerai a conoscere tutti gli elementi disponibili nel Costruttore di Moduli e come usarli.
Cosa sono gli Elementi del Modulo?
Gli elementi del modulo sono elementi riutilizzabili che trascini dalla barra laterale sinistra nel tuo Modulo di iscrizione. Ti aiutano a:
Raccogli i dati del contatto iscritto (email, telefono, nome, compleanno, preferenze).
Garantire la conformità al GDPR e al TCPA.
Creare esperienze coinvolgenti (Ruota della Fortuna, timer di conto alla rovescia).
Apri il tuo modulo nel Costruttore di Moduli → Trascina gli elementi dalla barra laterale sinistra nel layout del tuo modulo → Personalizza ogni elemento utilizzando il menu a destra.
💡 Tutti i campi possono essere ulteriormente regolati utilizzando Campi sotto Impostazioni tema. Scopri di più sulle impostazioni del tema.
Campo Email
Raccogli indirizzi email aggiungendo un campo Email ovunque nel tuo modulo.
Trascina il campo Email dal pannello laterale sinistro nel tuo modulo. Puoi personalizzare:
Testo segnaposto: Testo predefinito mostrato nel campo (ad es., "Inserisci la tua email").
Etichetta: Testo sopra il campo (ad es., "Email").
Campo obbligatorio: Rendi il campo obbligatorio.
Messaggi di errore: Personalizza il messaggio mostrato quando il campo non è compilato correttamente (ad es., "L'indirizzo email deve contenere @ e un dominio valido").
Allineamento input: Seleziona l'allineamento del campo a Sinistra, Centro, Destra o Completo.
Padding: Regola lo spazio interno all'interno del campo.
Campo Numero di Telefono
Raccogli numeri di telefono con un campo di codice paese predefinito.
Trascina il campo Numero di Telefono nel tuo modulo e personalizza:
Testo segnaposto: Testo predefinito mostrato nel campo (es. "Inserisci il tuo numero").
Paese predefinito: Compila il campo con un paese specifico (mostrato come bandiera + codice).
Etichetta: Testo sopra il campo (es. "Telefono").
Campo obbligatorio: Rendi il campo obbligatorio.
Messaggi di errore: Personalizza il messaggio mostrato quando il campo non è compilato correttamente (es. "Deve essere un numero di telefono valido").
Allineamento input: Seleziona l'allineamento del campo a Sinistra, Centro, Destra o Completo.
Padding: Regola lo spazio interno all'interno del campo.
Quando raccogli i numeri di telefono, aggiungi un Consenso Legale per conformarti al TCPA (US) o al GDPR (EU).
Consenso legale
Trascina l'elemento Consenso legale nel tuo modulo e poi:
Scegli un template email: GDPR (UE) o TCPA (US).
Modifica il testo e aggiungi il tuo link alla privacy policy.
Personalizza il messaggio di errore obbligatorio.
Questo significa che i visitatori del tuo sito web devono spuntare la casella per inviare il modulo.
Campo di input
Raccogli dati testuali personalizzati come nome, cognome, indirizzo, città, codice postale o proprietà personalizzate.
Trascina il campo Input nel tuo modulo e poi:
Mappa il campo a una proprietà: Nome, Cognome, Indirizzo, Città, Stato, Codice postale, o un Proprietà personalizzata
Personalizza segnaposto, etichetta, messaggio obbligatorio, allineamento e padding.
Campo data
Raccogli date come compleanni o registrazioni a eventi.
Trascina il campo Data nel tuo modulo e:
Mappa il campo a Compleanno o a una Proprietà personalizzata.
Personalizza il segnaposto, l'etichetta, il messaggio richiesto, l'allineamento e i padding.
Campo a discesa
Raccogli dati strutturati come genere, paese o preferenze personalizzate e fornisci agli utenti opzioni a discesa tra cui scegliere.
Trascina il campo Dropdown nel tuo modulo e poi:
Mappa il campo a Genere, Paese, o a una Proprietà personalizzata.
Personalizza il segnaposto, l'etichetta, il messaggio richiesto, l'allineamento e i padding.
Se selezioni il tipo di Proprietà personalizzata, puoi aggiungere le tue scelte a discesa personalizzate facendo clic su Aggiungi un'opzione
💡 Esempi di casi d'uso:
Raccogli la lingua preferita.
Chiedi interessi per la categoria del prodotto.
Raccogli la dimensione dell'azienda (B2B).
Pulsante Radio
Consenti agli utenti di selezionare un'opzione da una lista (ad es., genere, frequenza di abbonamento) facendo clic su un pulsante di opzione.
Trascina l'elemento Pulsante Radio nel tuo modulo e:
Mappa a Genere o a una Proprietà personalizzata.
Se selezioni una proprietà personalizzata, aggiungi opzioni (ad es., "Settimanale," "Mensile") sotto Gestisci le tue scelte.
Personalizza il segnaposto, l'etichetta, il messaggio obbligatorio, l'allineamento e i padding.
I visitatori del tuo sito web dovranno selezionare un'opzione e iscriversi di conseguenza.
Checkbox
Consenti agli utenti di selezionare più opzioni da una lista (ad es., interessi di prodotto, preferenze di contenuto) selezionando le caselle.
Trascina l'elemento Checkbox nel tuo modulo e:
Aggiungi nome della proprietà per la tua Proprietà personalizzata.
Aggiungi opzioni (es. "Scarpe," "Abbigliamento," "Accessori") sotto Gestisci le tue scelte.
Personalizza segnaposto, etichetta, messaggio obbligatorio, allineamento e padding.
💡 Tutte le selezioni delle caselle di controllo vengono salvate come valori di testo nella proprietà personalizzata. Puoi usarli per segmentare i tuoi clienti in base ai loro dati personali.
Testo
Aggiungi titoli, descrizioni o istruzioni al tuo modulo.
Trascina l'elemento Testo nel tuo modulo e:
Digita o incolla il tuo contenuto.
Seleziona stile del testo: Titolo Grande, Titolo Medio, Titolo Piccolo, Paragrafo o Nota a piè di pagina.
Seleziona Colore del testo e Colore del link.
Formatta il testo utilizzando il menu di destra (grassetto, corsivo, link, allineamento, ecc.).
Personalizza i padding.
Pulsante
Aggiungi un pulsante per inviare il modulo, collegarti a una pagina o navigare in moduli multi-step.
Trascina l'elemento Pulsante nel tuo modulo e:
Seleziona l'azione del pulsante:
Invia modulo: Raccoglie i dati del contatto iscritto.
Collegamento a: Reindirizza a una pagina/URL specifica (ad es., pagina del prodotto, post del blog).
Vai al passaggio successivo: Avanza nei moduli multi-step.
Chiudi modulo: Chiude il modulo (utile per i moduli promozionali).
Aggiungi testo al Pulsante.
Seleziona lo stile del pulsante: Primario, Secondario o Terziario.
Imposta allineamento del pulsante a Sinistra, Centro, Destra o Completo.
Regola i margini.
Puoi ulteriormente regolare lo stile del pulsante sotto Impostazioni tema → Pulsanti.
Immagine
Aggiungi immagini (JPG, PNG, GIF) fino a 2000px di dimensioni e, facoltativamente, collega le immagini agli URL.
Trascina l'elemento Immagine nel tuo modulo e poi:
Clicca su Seleziona file e carica la tua immagine.
Aggiungi Testo alternativo e Collegamento a (facoltativo).
Regola Allineamento e Padding.
Ridimensiona l'immagine trascinando gli angoli.
Nota: L'elemento Immagine è diverso dall'immagine di sfondo del modulo, che è impostata in Impostazioni layout.
Linea/Spazio
Aggiungi separazione visiva tra gli elementi del modulo.
Trascina Linea/Spazio nel tuo modulo e:
Passa da Linea (bordo) a Spazio (padding verticale).
Personalizza:
Linea: Spessore del bordo, Larghezza, Stile (solido, tratteggiato, appuntito), Allineamento, Colore del bordo e Padding.
Spazio: Altezza in pixel (fino a 240px).
Ruota della Fortuna
Rendi il tuo modulo più coinvolgente permettendo ai visitatori di far girare una ruota per vincere sconti in cambio della loro iscrizione (indirizzo email o numero di telefono).
Trascina l'elemento Ruota della Fortuna nel tuo modulo e:
Configura le fette della ruota:
Aggiungi fette vincenti con codici sconto e probabilità.
Aggiungi fette perdenti (la ruota si ferma solo sulle fette vincenti).
Personalizza colori, testo.
Regola gli stili della ruota, inclusi Larghezza, Colore del puntatore e Padding.
Timer di conto alla rovescia
Crea urgenza con un timer di conto alla rovescia dal vivo. Questo fa parte del marketing FOMO, ideale per vendite, offerte a tempo limitato o eventi come BFCM.
Trascina l'elemento Timer conto alla rovescia nel tuo modulo.
Imposta la data e ora di fine (AM/PM).
Abilita Disattiva dopo la data di fine: Disabilita automaticamente il modulo quando il timer scade.
Personalizza Font, Colore del conto alla rovescia e Padding.
Il timer si adatta automaticamente per adattarsi alla larghezza del tuo modulo su tutti i dispositivi.
I visitatori del tuo sito web vedranno il tempo rimanente a seconda di quando interagiscono con il tuo modulo di iscrizione.
Elemento Sconto
Aggiungi un codice sconto al messaggio di successo del tuo modulo per premiare i nuovi iscritti. L'elemento Sconto visualizza automaticamente un codice coupon dopo l'invio del modulo.
Importante: L'elemento Sconto è disponibile solo nel messaggio di successo, non nel layout principale del modulo. Non puoi aggiungerlo al modulo stesso, solo al messaggio mostrato dopo che un visitatore si iscrive.
Trascina l'elemento Sconto dalla barra laterale sinistra nel layout del messaggio di successo e:
Scegli il tipo di sconto:
Usa il sconto della Ruota della Fortuna: il modulo mostrerà lo sconto collegato alle tue fette vincenti della Ruota della Fortuna.
Usa il tuo sconto: Digita il sconto che desideri mostrare agli iscritti.
Personalizza Colore del testo, Colore del bordo, Colore di sfondo e Padding.
Domande frequenti
Perché il mio iPhone si ingrandisce automaticamente quando tocco un campo del modulo?
Gli iPhone si ingrandiscono se la dimensione del carattere è inferiore a 16 pixel. Per prevenire questo, imposta la dimensione del carattere del campo di input ad almeno 16px in Impostazioni tema→ Campi.
Come posso riordinare gli elementi?
Trascina gli elementi su o giù nel Costruttore di Moduli per cambiare il loro ordine.
Posso stilizzare gli elementi singolarmente?
Testo, Pulsante, Immagine e Linea/Spazio possono essere stilizzati singolarmente. I campi (Email, Telefono, Input, Data) condividono stili globali impostati in Impostazioni tema → Campi.
Hai ancora domande? Sentiti libero di contattarci via email a [email protected] o tramite chat in-app. Siamo qui 24/7!