Knowledge Base

Ottieni un web hosting di qualità

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

Inizio / Ecommerce / Come visualizzare i prodotti su una pagina

Come visualizzare i prodotti su una pagina

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

Puoi visualizzare i prodotti su una pagina:

  • Utilizzando una sezione Prodotti predefinita
  • Utilizzando un componente per visualizzare i prodotti e creare un design personalizzato della sezione

Come visualizzare i prodotti utilizzando una sezione predefinita

Per visualizzare i prodotti in una sezione:

  1. Fai clic su Modifica sito web in Site Admin > Website Builder.
    Edit Website button in Site Admin of an Ecommerce website
  2. Apri la scheda Pagine nel menu a sinistra e seleziona una pagina esistente o creane una nuova per visualizzare i prodotti.
  3. Fai clic su Aggiungi sezione per inserire la sezione relativa ai prodotti.
    Pages section in Ecommerce website builder with a selected page that displays the Add Section button
  4. Scegli un modello dalla categoria Articolo del negozio singolo per visualizzare un singolo prodotto, oppure da Articoli del negozio multipli per visualizzare diversi prodotti. Passa il mouse sul layout selezionato e premi il relativo pulsante Aggiungi sezione.
    A pop-up window for adding sections with a highlighted Multiple Store Items layout for displaying products
  5. Fai clic sul componente del prodotto all’interno della sezione aggiunta, quindi premi l’icona Modifica dalla barra degli strumenti in alto.
    Edit icon from the toolbar of a selected component that displays products in a section of an Ecommerce page
  6. Nella finestra pop-up a destra, apri la scheda Fonte dati per regolare quali prodotti verranno visualizzati. Puoi mostrare i prodotti di un marchio o di una categoria, oppure selezionare manualmente prodotti specifici. Inoltre, puoi scegliere di visualizzare dettagli come prezzi, etichette dei marchi, valutazioni e altro.
    Data Source tab in the settings of a Multiple Store Items component in Ecommerce where you can select which products are displayed
  7. Nella stessa finestra delle impostazioni, apri la scheda Generale per regolare le impostazioni generali dell’aspetto.
    General settings of a Multiple Store Items component in a section on an Ecommerce page
  8. Per modificare l’aspetto della sezione, passa il mouse sopra di essa e seleziona Modifica sezione dalla barra degli strumenti sulla destra.
    Edit Section button in the toolbar of a section in Ecommerce
  9. Nella seguente finestra pop-up, apri la scheda Generale per modificare il padding della sezione o gli spazi tra le colonne e le righe.
  10. Apri la scheda Design per cambiare la tavolozza dei colori e il colore dello sfondo, oppure seleziona un’immagine di sfondo.
    Design tab in the settings window of a section in Ecommerce

Come visualizzare i prodotti utilizzando un componente

Puoi anche visualizzare i prodotti in un componente del negozio aggiunto a una sezione nuova o esistente.

  1. Vai alla sezione in cui desideri aggiungere un componente e fai clic sul pulsante Aggiungi nell’angolo in alto a sinistra.
    Add button in a section on an Ecommerce page for adding components
  2. Nella finestra Aggiungi componente, apri la scheda Negozio e seleziona una delle seguenti opzioni:
    • Articoli Multipli — mostra diversi prodotti
    • Articolo Singolo – mostra un prodotto singolo
    • Carosello di Prodotti — mostra i prodotti all’interno di un carosello
      Add Component menu where you can select a component to display products
  3. Una volta aggiunto il componente, cliccaci sopra e premi l’icona Modifica dalla barra degli strumenti in alto. Nella finestra pop-up delle impostazioni a destra, apri la scheda Fonte dati e assicurati che Prodotto sia selezionato dal menu a discesa. Da qui, puoi scegliere di visualizzare i prodotti di una categoria o di un marchio specifico, mostrare gli ultimi prodotti arrivati o selezionare singoli prodotti. Puoi anche scegliere di visualizzare i prezzi, le etichette e configurare varie altre impostazioni.
    Data Source tab in the settings of a component in Ecommerce where you can select which products are displayed
  4. Nella scheda Generale, puoi regolare l’aspetto generale del componente. Per i componenti Articoli multipli e Carosello di prodotti, puoi anche impostare il numero di prodotti visualizzati.

Condividi questo articolo