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 numeri di telefono, aggiungi un elemento Consenso Legale per conformarti al TCPA (US) o al GDPR (EU).
Consenso legale
Aggiungi una GDPR o TCPA casella di controllo per la conformità per raccogliere il consenso documentato.
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.
La casella di controllo è deselezionata per impostazione predefinita – sia nell'anteprima del Costruttore di Moduli che nel tuo modulo live.I visitatori devono spuntarlo attivamente prima di inviare.
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 obbligatorio, 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 obbligatorio, l'allineamento e i padding.
Se selezioni il tipo di proprietà personalizzata, puoi aggiungere le tue scelte a discesa personalizzate facendo clic su Aggiungi una scelta.
🔁 Esempi di casi d'uso:
Raccogli la lingua preferita.
Chiedi interessi per la categoria del prodotto.
Raccogli la dimensione dell'azienda (B2B).
Pulsante di opzione
Consenti agli utenti di selezionare un'opzione da un elenco (ad es., genere, frequenza di abbonamento) facendo clic su un pulsante di opzione.
Trascina l'elemento Pulsante di opzione 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 segnaposto, etichetta, messaggio obbligatorio, allineamento e padding.
I visitatori del tuo sito web dovranno selezionare un'opzione e abbonarsi di conseguenza.
Casella di controllo
Consenti agli utenti di selezionare più opzioni da un elenco (ad es., interessi per il prodotto, preferenze di contenuto) selezionando le caselle.
Trascina l'elemento Casella di controllo nel tuo modulo e:
Aggiungi nome della proprietà per la tua Proprietà personalizzata.
Aggiungi opzioni (ad 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: Intestazione grande, intestazione media, intestazione piccola, paragrafo o nota a piè di pagina.
Seleziona Colore del testo e Colore del link.
Formatta il testo utilizzando il menu a destra (grassetto, corsivo, collegamenti, allineamento, ecc.).
Personalizza i padding.
Pulsante
Aggiungi un pulsante per inviare il modulo, collegarti a una pagina o navigare in moduli a più passaggi.
Trascina l'elemento Pulsante nel tuo modulo e:
Seleziona l'azione del Pulsante:
Invia modulo: Raccoglie i dati del contatto iscritto.
Collegati a: Reindirizza a una pagina/URL specifica (ad es., pagina prodotto, post del blog).
Vai al passaggio successivo: Avanza nei moduli a più passaggi.
Chiudi modulo: Chiude il modulo (utile per moduli promozionali).
Aggiungi Pulsante testo.
Seleziona lo stile del Pulsante: Primario, Secondario o Terziario.
Imposta Allineamento del pulsante su Sinistra, Centro, Destra o Completo.
Regola Stili di Hover e Padding.
Puoi regolare ulteriormente lo stile del pulsante sotto Impostazioni tema → Pulsanti.
Immagine
Aggiungi immagini (JPG, PNG, GIF) fino a 2000px di dimensione e, facoltativamente, collega le immagini a URL.
Trascina l'elemento Immagine nel tuo modulo e poi:
Clicca Seleziona file per aprire la libreria di immagini.Seleziona un'immagine precedentemente caricata o carica una nuova dal tuo computer o da un URL.
Aggiungi Testo alternativo e Collegamento a (opzionale).
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
Gamifica il tuo modulo 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 e 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, che è ideale per vendite, offerte a tempo limitato o eventi come BFCM.
Trascina l'elemento Timer di 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 Ruota della Fortuna fette vincenti.
Usa il tuo sconto: Digita lo sconto che vuoi 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 font del tuo 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!