Questa guida mostra come inserire un modulo di contatto nel tuo sito Website Builder.
- Step 1 - Trascina il componente Modulo di contatto nell'area di lavoro
- Step 2 - Imposta l'indirizzo email del modulo
- Step 3 - Modifica il modulo di contatto
- Step 4 - Fai clic su Modifica campi
- Passo 5 - Fai clic su Aggiungi
- Step 6 - Seleziona un tipo di campo
- Step 7 - Modifica le impostazioni del campo
- Step 8 - Clicca su Stile per le impostazioni del modulo di contatto
- Step 9 - Modifica lo stile per il modulo di contatto
- Step 10 - Clicca su Messaggio di conferma per le impostazioni del modulo di contatto
- Step 11 - Inserisci un messaggio di conferma
- Step 12 - Abilita Captcha
- Step 13 - Modifica le dimensioni e la posizione del modulo di contatto
Non hai accesso a Website Builder? Puoi provarlo gratuitamente per 14 giorni e creare un sito web in pochissimo tempo. Inizia subito la tua prova gratuita
Step 1 - Trascina il componente Modulo di contatto nell'area di lavoro
- Nell'editor di Website Builder, vai alla sezione del tuo sito in cui desideri inserire il modulo di contatto.
- Fai clic su Contatta nel menu dei componenti sul lato sinistro dell'editor.
- Fai clic e trascina il componente Modulo di contatto nell'area di lavoro e posizionalo dove desideri che si trovi il modulo.
Nota: Puoi avere un solo modulo di contatto per pagina, quindi, se il componente appare in grigio, ciò significa che hai già un modulo di contatto sulla pagina selezionata.
Step 2 - Imposta l'indirizzo email del modulo
- Seleziona l'indirizzo email a cui inviare il modulo. Puoi scegliere un indirizzo esistente o crearne uno nuovo. Tieni presente che deve essere creato sul tuo dominio. Quindi, se, ad esempio, hai il dominio one-example.com, deve essere un indirizzo @one-example.com. Se utilizzi un provider di posta elettronica esterno, devi comunque creare l'account e-mail con noi nel pannello di controllo.
- Inserisci un oggetto per le e-mail in modo da poter riconoscere le e-mail nella tua casella di posta.
- Fai clic su Salva per continuare.
Se desideri modificare l'indirizzo email in un secondo momento, fai clic sul modulo di contatto e seleziona Modifica modulo di contatto --> Impostazioni e-mail.
Suggerimento: Configura un filtro e-mail per spostare tutte le e-mail dei moduli di contatto in una cartella specifica del tuo account email.
Step 3 - Modifica il modulo di contatto
Per impostazione predefinita, un modulo di contatto avrà un pulsante Invia e tre campi: Nome, Email e Messaggio.
Fai clic su Modifica modulo di contatto per aggiungere o modificare i campi.
Step 4 - Clicca su Modifica campi
Fai clic su Modifica campi per modificare le impostazioni predefinite dei campi.
Suggerimento: Puoi modificare il testo predefinito del pulsante con qualcosa di tua scelta. Basta fare clic nel campo di testo del pulsante e iniziare a digitare.
Step 5 - Fai clic su Aggiungi
Qui puoi modificare le impostazioni per i campi del modulo esistenti ed eliminare e aggiungere nuovi campi con diverse opzioni. Puoi aggiungere tutti i campi che desideri facendo clic sul pulsante Aggiungi nell'angolo in alto a destra.
In questa guida, aggiungiamo una casella di spunta con la quale i tuoi visitatori possono iscriversi alle newsletter, ma tu puoi aggiungere quello che preferisci.
Step 6 - Seleziona un tipo di campo
Puoi aggiungere diversi tipi di campi al tuo modulo di contatto. In questa guida, noi aggiungiamo delle caselle di spunta.
Seleziona il campo che desideri aggiungere e fai clic su Fine.
Step 7 - Modifica le impostazioni campo
Ogni tipo di campo ha diverse impostazioni che puoi selezionare.
- Fai clic sull'icona a forma di matita accanto al campo.
- Inserisci un titolo per il campo. Sarà visibile ai tuoi visitatori.
- A seconda del tipo di campo, puoi avere diverse opzioni. Fai clic sull'opzione per modificare la descrizione, fai clic sull'icona del cestino alla fine per rimuoverla o fai clic su Aggiungi opzione per aggiungerne una nuova.
- Se è necessario che i visitatori selezionino almeno un'opzione, tieni selezionata questa casella. Quando un campo è obbligatorio, viene visualizzato un messaggio di errore quando tentano di inviare il modulo quando manca un campo. È possibile abilitare e scrivere il messaggio di errore nel campo nella parte inferiore della finestra.
- Fai clic su Salva per aggiornare il modulo con le nuove impostazioni del campo.
Step 8 - Clicca su Stile per le impostazioni del modulo di contatto
Per impostazione predefinita, il modulo di contatto utilizzerà lo stile Template, ma puoi modificarlo per crearne uno personalizzato.
Fate clic su Stile nel menu mobile.
Passo 9 - Modifica lo stile per il modulo di contatto
Puoi modificare l'impostazione del carattere e del pulsante di invio.
- Carattere: tipo, dimensione e colore.
- Pulsante: stile (colore, forma e bordo) e dimensione del carattere del pulsante.
Step 10 - Clicca su Messaggio di conferma per le impostazioni del modulo di contatto
Quando un modulo di contatto viene inviato correttamente, i tuoi visitatori vedranno un messaggio di conferma.
Fai clic su Messaggio di conferma nel menu mobile per modificare il messaggio predefinito. Il messaggio verrà salvato automaticamente una volta inserito nel campo.
Step 11 - Inserisci un messaggio di conferma
Per impostazione predefinita, nel modulo di contatto verrà utilizzato il seguente messaggio: "Ti ringraziamo per il tuo messaggio". Puoi personalizzarlo aggiungendo un testo a tua scelta.
Step 12 - Abilita il Captcha
Captcha è uno strumento eccellente che ti aiuta a proteggere il tuo modulo dagli attacchi di bot e dai messaggi di spam.
Verrà abilitato automaticamente se crei un nuovo modulo di contatto sul tuo sito. Tuttavia, puoi anche controllarlo manualmente all'interno delle impostazioni del modulo.
- Seleziona il componente Modulo di contatto.
- Fai clic su Modifica modulo di contatto.
- Nel menu mobile che si apre, fai clic su Captcha.
- Fai scorrere l'interruttore Mostra Captcha per abilitare/disabilitare il Captcha e seleziona una lingua dal menu a discesa.
Step 13 - Imposta la dimensione e il posizionamento del modulo di contatto
Ora che il modulo è stato completato, è il momento di modificarne la posizione e le dimensioni. Fai clic su Salva e Pubblica per rendere il modulo disponibile online.
Articoli Correlati: