Knowledge Base

Ottieni un web hosting di qualità

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

Inizio / Website Builder / Modifica delle Pagine e dei Contenuti / Come creare e modificare una pagina "Contattaci"

Come creare e modificare una pagina "Contattaci"

Riassumi questo articolo con:
Ultimo aggiornamento: Jul 06, 2026 2 min di lettura

La maggior parte dei template del Website Builder contiene una pagina “Contattaci” per impostazione predefinita, quindi non è necessario creare tale pagina da zero. Tuttavia, se hai scelto di iniziare con un sito vuoto o hai selezionato un template che non dispone di una pagina “Contattaci”, dovrai crearla. Ecco i passaggi:

  1. Fai clic su Modifica sito web in Site Admin > Website Builder.
    Edit Website button in Site Admin of a Website Builder
  2. Vai alla scheda Pagine e fai clic sul pulsante Aggiungi nuovo.
    Pages section in Website Builder with a highlighted Add New button for creating a Contact us page
  3. Nella finestra pop-up successiva, apri la categoria Contattaci dal menu a sinistra, quindi passa il mouse su un layout e premi il pulsante Aggiungi pagina.
    A pop-up window for creating a page in Website Builder with a selected Contact Us page layout

Come modificare la pagina “Contattaci”

Questi passaggi sono applicabili sia al Website Builder di SiteGround che a SiteGround Ecommerce. Per modificare una pagina “Contattaci” esistente:

  1. Apri la scheda Pagine dal menu a sinistra e scegli la pagina Contattaci.
    Pages section in Website Builder with a selected Contact Us page
  2. Qui puoi modificare la pagina Contattaci predefinita come meglio credi. Puoi aggiungere nuove sezioni con il pulsante Aggiungi sezione, eliminare le sezioni esistenti con il pulsante Elimina sezione dalla barra degli strumenti di una sezione, oppure modificare direttamente il contenuto placeholder. Inoltre, puoi aggiungere componenti a una sezione con il pulsante Aggiungi nell’angolo in alto a sinistra.
    Editing options for the Contact Us page in Website Builder
  3. Per modificare le impostazioni generali della pagina, vai alla scheda Pagine, passa il mouse sulla pagina Contattaci e apri il menu Impostazioni (kebab).
    Settings menu of the selected Contact Us page in the Pages section in Website Builder

  4. Apri le impostazioni Generali per modificare il nome della pagina, l’URL e lo stato.
    General settings options for the Contact Us page in Website Builder
  5. Per modificare il titolo SEO e la meta descrizione, apri le impostazioni SEO.
  6. Per modificare il titolo e la descrizione che compaiono quando la pagina viene condivisa sui social media, apri le impostazioni Social.

Come configurare il modulo di contatto

Una volta che hai terminato con le impostazioni generali e l’aspetto della pagina, puoi passare alla personalizzazione del modulo di contatto.

Nota: Il modulo di contatto non è limitato alla pagina Contatti. Puoi aggiungere moduli di contatto a diverse pagine, e ogni modulo può avere i propri campi, impostazioni e destinazione di invio.

  1. Clicca sul modulo di contatto e premi l’icona Modifica dalla barra degli strumenti sopra per modificarlo.
    Modulo di contatto selezionato nell'area di lavoro del Site Builder con la barra di modifica (modifica, copia, elimina e altro).
  2. Nella finestra popup delle impostazioni del modulo di contatto, puoi aggiornare l’Indirizzo Email (sono supportati più indirizzi), l’Oggetto e il Messaggio di Ringraziamento
    Finestra Modifica modulo di contatto sulla scheda Generale, con le impostazioni di Invio: campi Da, Invia a e Oggetto dell'email.

  3. Apri la scheda Contenuto per modificare i campi del modulo. Puoi eliminare alcuni dei campi predefiniti o aggiungerne altri dalla lista dei campi disponibili.
    Finestra Modifica modulo di contatto sulla scheda Contenuto, con il pulsante Aggiungi nuovo campo e i campi predefiniti Nome, Email e Messaggio.
  4. Per cambiare l’aspetto del modulo, apri la scheda Design.
    Finestra Modifica modulo di contatto sulla scheda Design, con Stile degli elementi (righe Campi e Pulsante) e le impostazioni di Sfondo.
  5. Clicca su Campi per ulteriori impostazioni di design dei campi del modulo. Puoi passare tra le schede relative allo stato predefinito e allo stato attivato al passaggio del mouse dei campi.
    Sottopannello Campi con le schede Default e Hovered e le impostazioni di stile: Colore di sfondo personalizzato, Colore del testo dell'etichetta, Famiglia di caratteri e Raggio degli angoli.
  6. Scegli Pulsanti dalla scheda design per cambiare il testo dei pulsanti e il loro aspetto. Come nella scheda Campi, ci sono sottoschede Predefinito e Al passaggio del mouse per la personalizzazione.

Condividi questo articolo