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 mostrare i servizi su una pagina

Come mostrare i servizi su una pagina

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

Questi passaggi sono validi sia per SiteGround Website Builder che per SiteGround Ecommerce.

Come presentare i tuoi servizi con una sezione Servizi

Puoi utilizzare layout di sezione attentamente progettati per presentare i tuoi servizi nel miglior modo possibile.

  1. Clicca su Modifica sito web in Site Admin > Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor


  2. Apri la scheda Pagine dal menu a sinistra.
  3. Seleziona la pagina in cui presenterai i tuoi servizi.
    Pages tab in Website Builder with a selected page
  4. Scegli una posizione per la sezione dei servizi e clicca sul pulsante Aggiungi sezione all’interno dell’editor visuale della pagina.
    A page in Website Builder displaying the Add Section button for adding a section
  5. Nella finestra a comparsa, apri la categoria Servizi e seleziona un design adatto tramite il pulsante Aggiungi sezione.
    A pop-up window for adding a section with highlighted Services category and Add Section button for choosing a section layout
  6. Dopo aver aggiunto la sezione, puoi personalizzarla in vari modi. Fai clic sulla colonna della vetrina e poi sull’icona Modifica (matita).
  7. Si aprirà una finestra di modifica della colonna della vetrina sulla destra. Qui puoi cambiare il colore di sfondo, il numero di righe e colonne, le dimensioni dell’immagine e diverse altre impostazioni.
    Selected Showcase Column inside a section displaying editing options
  8. Procedi sostituendo il testo segnaposto con i tuoi contenuti.
  9. Per sostituire le immagini, clicca sull’immagine selezionata. Nella finestra a comparsa a destra, clicca sul pulsante Aggiorna nell’anteprima dell’immagine. Puoi quindi caricare una nuova immagine, selezionarne una dalla tua galleria multimediale o utilizzare un’immagine gratuita dalla galleria “Unsplash”.
    Selected Showcase Column inside a section with highlighted text and image displaying editing options

Come presentare i servizi con un componente Colonna

Oltre ai layout predefiniti, è possibile utilizzare i componenti per riprogettare una sezione esistente o creare un design unico per una sezione vuota. Per presentare i servizi, l’opzione più adatta è utilizzare un componente Colonne.

  1. Clicca su una sezione esistente oppure utilizza il pulsante Aggiungi sezione per selezionare un layout di sezione o creare una nuova sezione vuota.
  2. All’interno della sezione, clicca sul pulsante Aggiungi nell’angolo in alto a sinistra.
    Selected section in Website Builder with highlighted Add button for adding a component
  3. Nella finestra a comparsa Aggiungi componente, seleziona il componente più adatto alle tue esigenze. Puoi utilizzare qualsiasi tipo di componente, ma per mostrare i servizi, si consiglia il componente Colonne.
    Add Component menu with a selected Columns componet that you can use to showcase services
  4. Trascina e rilascia il componente nella posizione migliore all’interno dell’area della griglia della sezione.
    Section grid area on a page in Website Builder where you can drag and drop a component
  5. Clicca sul componente per aprire la barra degli strumenti del componente e seleziona l’icona Modifica (matita).
  6. Si aprirà una finestra Modifica colonne vetrina sulla destra. Qui puoi modificare il numero di righe e colonne, regolare la spaziatura tra le colonne, scegliere quali elementi visualizzare e così via.
    Selected component on a page in Website Builder displaying editing options
  7. Sostituisci il testo segnaposto con il tuo.
  8. Per sostituire una delle immagini predefinite, clicca su di essa. Nella finestra a comparsa a destra, clicca su Aggiorna nell’anteprima dell’immagine. Quindi, carica una nuova immagine dal tuo dispositivo, utilizza una delle immagini nella tua galleria multimediale oppure seleziona un’immagine gratuita dalla galleria “Unsplash”.
    Selected component on a page in Website Builder with highlighted image and text displaying editing options

Condividi questo articolo