Knowledge Base

Ottieni un web hosting di qualità

Scegli l'affidabilità e l'esperienza di SiteGround!

Inizio / Website Builder / Modulo di Contatto / Come aggiungere e configurare un modulo di contatto

Come aggiungere e configurare un modulo di contatto

Riassumi questo articolo con:
Ultimo aggiornamento: May 26, 2026 1 min di lettura

Puoi aggiungere un modulo di contatto a una pagina in questo modo:

  • Aggiungendo una sezione pronta che include un modulo di contatto
  • Aggiungendo un componente modulo di contatto ad una sezione della pagina

Come aggiungere una sezione modulo di contatto

Per aggiungere un modulo di contatto al tuo sito, segui questi passaggi:

  1. Vai su Site Admin > Website Builder e clicca su Modifica Sito Web.
    Edit Website button in Site Admin of a Website Builder
  2. Vai alla sezione Pagine e seleziona la pagina in cui desideri inserire il modulo di contatto.
    Pages section in the visual editor of Website Builder where the Contact Us page is selected
  3. Individua l’area specifica in cui desideri aggiungere il modulo di contatto e clicca su Aggiungi Sezione.

    Selected section on a page in Website Builder with a highlighted Add Section button

  4. Apri la categoria Contatto, passa con il mouse sul layout scelto e premi il pulsante Aggiungi Sezione.
    A pop-up window where you can choose a section layout with a selected contact form layout
  5. Una volta aggiunto il modulo di contatto, puoi cliccare sull’icona Modifica Sezione (matita) dalla barra degli strumenti in alto a destra.
    Highlighted Edit Section button in the toolbar in the top-right cornere of a section in Website Builder
  6. Qui puoi personalizzare le impostazioni generali della sezione, come la griglia, il padding, il colore di sfondo e altro ancora.
    Section's settings window where you can change the appearance of a section

Come aggiungere un componente per il modulo di contatto

Per aggiungere un componente per un modulo di contatto ad una pagina:

  1. Passa il mouse sopra la sezione in cui vuoi aggiungere il componente oppure crea una nuova sezione.
  2. Premi il pulsante Aggiungi nell’angolo in alto a sinistra della sezione
    A selected section in Website Builder with a highighted Add button in the top-left corner for adding a component
  3. Nella finestra Aggiungi componente, scegli Modulo di contatto.
    Add Component window where a Contact Form component is selected
  4. Trascina il componente e rilascialo nella posizione preferita all’interno della griglia della sezione.
    A section's grid area where you can drag and drop a contact form component

Come personalizzare il modulo di contatto

Una volta aggiunto un modulo di contatto, puoi modificarne le impostazioni e l’aspetto.

  1. Clicca sul modulo di contatto e seleziona l’icona della matita (Modifica) dalla barra degli strumenti in alto.
  2. Apri la scheda Generale nella finestra Modifica modulo di contatto per impostare l’indirizzo a cui il modulo invierà le email in caso di invii riusciti, modificare il messaggio di ringraziamento che gli utenti visualizzeranno e cambiare l’oggetto dell’email.
    A contact form component where the Edit icon from its toolbar is selected and the Settings window appears on the right with an open General tab
  3. Apri la scheda Contenuto per modificare i campi. Clicca su un campo per aprire un’ulteriore finestra dove potrai cambiare il suo nome e il testo segnaposto.
    Contat form's settings window with an open Content tab where you can modify the form fields
  4. Apri la scheda Design per cambiare l’aspetto del modulo di contatto. Puoi modificare i colori e i font del pulsante e dei campi, cambiare il colore di sfondo, modificare il raggio degli angoli del modulo, ecc.
    Contact form's settings window with an open Design tab where you can change the form's appearance

Condividi questo articolo