Come faccio ad aggiungere un modulo di contatto sul mio sito Website Builder?

Questa guida mostra come inserire un modulo di contatto nel tuo sito Website Builder.

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

  1. Nell'editor di Website Builder, vai alla sezione del tuo sito in cui desideri inserire il modulo di contatto.
  2. Fai clic su Contatta nel menu dei componenti sul lato sinistro dell'editor.
  3. 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.

wsb_contactform9.png

Step 2 - Imposta l'indirizzo email del modulo

  1. 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.
  2. Inserisci un oggetto per le e-mail in modo da poter riconoscere le e-mail nella tua casella di posta.
  3. 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.

contact_form_new1.png

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.

wsb_contactform11.png

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.

contact_form_new2.png

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.

wsb_contactform1.png

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.

wsb_contact_form14-12-2023.png

Step 7 - Modifica le impostazioni campo

Ogni tipo di campo ha diverse impostazioni che puoi selezionare.

  1. Fai clic sull'icona a forma di matita accanto al campo.
  2. Inserisci un titolo per il campo. Sarà visibile ai tuoi visitatori.
  3. 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.
  4. 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.
  5. Fai clic su Salva per aggiornare il modulo con le nuove impostazioni del campo.

wsb_contactform3.png

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.

contact_form_new3.png

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.

wsb_contactform5.png

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.

contact_form_new6.png

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.

wsb_contactform7.png

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. 

  1. Seleziona il componente Modulo di contatto.
  2. Fai clic su Modifica modulo di contatto.
  3. Nel menu mobile che si apre, fai clic su Captcha.
  4. Fai scorrere l'interruttore Mostra Captcha per abilitare/disabilitare il Captcha e seleziona una lingua dal menu a discesa.

contact_form_new4.png

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.

contact_form_new5.png

Articoli Correlati:

Questo articolo ti è stato utile?

Non trovi quello che stai cercando?

Inizia una chat

È il modo più veloce per contattarci – in inglese, tutti i giorni dell’anno.

Avvia chat