Questa guida mostra come inserire un modulo di contatto nel tuo sito Website Builder.
- Passo 1 - Trascina il componente Modulo di contatto nell'area di lavoro
- Passo 2 - Imposta l'indirizzo email del modulo
- Passo 3 - Modifica il modulo di contatto
- Passo 4 - Fai clic su Modifica campi
- Passo 5 - Fare clic su Aggiungi
- Passo 6 - Seleziona un tipo di campo
- Passo 7 - Modificare le impostazioni del campo
- Passo 8 - Clicca su Stile per le impostazioni del modulo di contatto
- Passo 9 - Modifica lo stile per il modulo di contatto
- Passo 10 - Clicca su Messaggio di conferma per le impostazioni del modulo di contatto
- Passo 11 - Inserisci un messaggio di successo
- Passo 12 - 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
Passo 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.
Passo 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 email che ti consenta di riconoscerle nella tua casella della posta in entrata.
- Fai clic su Salva per continuare.
Suggerimento: Configura un filtro e-mail per spostare tutte le e-mail dei moduli di contatto in una cartella specifica del tuo account di posta elettronica.
Passo 3 - Modificare 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.
Passo 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.
Passo 5 - Fare 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.
Passo 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.
Passo 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.
Passo 8 - Clicca su Stile per le impostazioni del modulo di contatto
Per impostazione predefinita, il modulo di contatto utilizzerà il Template stile, 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 font e del pulsante di invio.
- Font: tipo, dimensione e colore.
- Pulsante: stile (colore, forma e bordo) e dimensione del carattere del pulsante.
Passo 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 successo nel menu mobile per modificare il messaggio predefinito. Il messaggio verrà salvato automaticamente una volta inserito nel campo.
Passo 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.
Passo 12 - 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:
