Le gallerie di prodotti sono un ottimo modo per mostrare i prodotti che offri. Puoi aggiungere una galleria a qualsiasi pagina del sito e decidere cosa mostrare: tutti i tuoi prodotti o una categoria specifica.
Scegli tra una galleria a griglia (una galleria con più righe) o una galleria a scorrimento che i clienti possono scorrere.
Personalizzare una galleria a griglia
Personalizza le gallerie a griglia per ottenere l'aspetto giusto per il tuo negozio.
Per personalizzare una galleria a griglia:
- Vai alla pagina dell'Editor che contiene la galleria che vuoi personalizzare
- Clicca sulla galleria a griglia
- Clicca su Impostazioni o sull'icona Impostazioni
- Scegli le impostazioni che vuoi personalizzare:
Scegli i prodotti da mostrare
Clicca sulla scheda Categoria per scegliere la categoria di prodotti che vuoi mostrare.
Suggerimento: per impostazione predefinita, ogni galleria mostra la categoria "All Products (Tutti i prodotti)".
Scegli quali elementi vuoi mostrare
Clicca sulla scheda Mostra e seleziona o deseleziona le caselle di spunta per mostrare o nascondere gli elementi della galleria come filtri, etichette o opzioni del prodotto.
Suggerimento: quando mostri le opzioni del prodotto, ne vengono mostrate solo 2. Ad esempio, se il tuo prodotto ha opzioni di colore, dimensione e stile, vengono visualizzate solo le prime 2 che hai creato.
Seleziona le impostazioni
Clicca sulla scheda Impostazioni e personalizza le opzioni disponibili.
- Opzioni prodotto: seleziona le opzioni del prodotto da mostrare
Suggerimento: questo è rilevante se hai abilitato le opzioni del prodotto e se alcuni prodotti hanno più opzioni, come colore, dimensione e forma - Modalità di scorrimento:
- Seleziona cosa succede quando i clienti scorrono fino alla fine della pagina. Scopri di più
- Abilita l'interruttore Barra laterale adesiva per mantenere i filtri visibili durante lo scorrimento Se abilitato, personalizza la distanza della barra laterale dall'alto
- Effetti immagine prodotto: Imposta cosa succede quando un cliente passa il mouse su un prodotto
Clicca sulla scheda Layout e personalizza la galleria utilizzando le seguenti opzioni:
Suggerimento: le opzioni variano in base agli elementi abilitati.
- Generale: clicca sull'interruttore per estendere la galleria nel browser. Se abilitato, imposta la dimensione del margine (rilevante solo per l'Editor Wix, non per l'Editor Studio o Harmony)
Nota: se abilitato, ti consigliamo di selezionare Responsivo sotto Comportamento griglia - Griglia prodotto:
Suggerimento: con l'impostazione del comportamento Fisso della griglia, le impostazioni rimangono invariate indipendentemente dalle dimensioni dello schermo del visitatore. Con Responsivo, il numero di righe e colonne si adatta alle dimensioni dello schermo, ma questa impostazione funziona solo quando la galleria è estesa alla larghezza massima - Immagini del prodotto: seleziona come vengono visualizzate le immagini. Scopri di più su come mostrare le immagini
- Tasto Aggiungi al carrello: scegli dove posizionare il tasto
Nota: se il tasto viene posizionato sull'immagine, il tasto Vista rapida non verrà visualizzato - Pannello Aggiunta rapida: allinea e personalizza la spaziatura del pannello Aggiunta rapida
- Informazioni prodotto: scegli un'opzione di layout della scheda prodotto e personalizzala
- Opzioni prodotto: clicca sugli interruttori per mostrare solo le opzioni di colore o limitare le opzioni di colore e seleziona come visualizzare le scelte di testo
- Quantità: imposta la larghezza del selettore delle quantità dei prodotti
- Etichette: seleziona dove appare l'etichetta e regola la spaziatura
Clicca sulla scheda Design e personalizza la galleria utilizzando le seguenti opzioni:
Suggerimento: le opzioni variano in base agli elementi abilitati.
- Generale: seleziona lo sfondo che appare dietro le schede prodotto
- Filtri e ordinamento: se hai abilitato i filtri o l'ordinamento, personalizza lo sfondo e il testo
- Schede prodotti: aggiungi uno sfondo e un bordo per la scheda e personalizza il raggio dell'angolo dell'immagine
- Informazioni prodotto: personalizza il testo della galleria
- Opzioni prodotto: personalizza il modo in cui vengono visualizzate le opzioni del prodotto per il colore e il testo
- Quantità: personalizza il design del selettore delle quantità dei prodotti
- Etichette: seleziona la forma, il colore e il carattere dell'etichetta
- Divisore nome e prezzo: personalizza la linea di divisione tra il nome del prodotto e il prezzo
- Tasto Vista rapida: se Vista rapida è abilitato, progetta il design del tasto
Suggerimento: per personalizzare la Vista rapida stessa, vai alla scheda Vista rapida - Tasto Aggiungi al carrello: seleziona un design per ogni visualizzazione: Predefinito, Passaggio mouse e Disattivato (es. se il prodotto è esaurito)
- Pannello Aggiunta rapida: personalizza il design del pannello Aggiunta rapida
- Tasti Carica altro/Precedente o Numerazione: personalizza il design del "Tasto Carica altro" o "Numerazione"
Clicca sulla scheda Testo e personalizza il testo visualizzato nella galleria a griglia.
Personalizza il comportamento del tasto "Aggiungi al carrello"
Se non è già abilitato, clicca su Mostra Aggiungi al carrello per mostrare il tasto nella tua galleria.
Infine, scegli dove indirizzare i clienti dopo che cliccano sul tasto:
- Mostra pop-up di azione compiuta: viene visualizzata una notifica pop-up
- Apri carrello laterale: il carrello laterale si apre sul lato dello schermo
- Vai alla pagina carrello: i clienti vengono indirizzati direttamente alla pagina del carrello
- Rimani sulla pagina: i clienti rimangono sulla stessa pagina. Il tasto mostra un segno di spunta per indicare che il prodotto è stato aggiunto correttamente
Abilita e personalizza la "Vista rapida"
La Vista rapida di un prodotto permette ai clienti di visualizzare i dettagli del prodotto in un pop-up senza lasciare la pagina del negozio.
Note:
- Se hai posizionato il tasto "Aggiungi al carrello" sull'immagine, il tasto Vista rapida non verrà visualizzato
- Per visualizzare il tasto Vista rapida in azione, visualizza in anteprima il tuo sito o visualizza il tuo sito live
Per abilitare o disabilitare la Vista rapida:
- Clicca sulla scheda Mostra
- Seleziona o deseleziona la casella di spunta accanto al tasto Vista rapida
Passaggi successivi:
Personalizzare una galleria a scorrimento
Personalizza la tua galleria di prodotti a scorrimento per ottenere l'aspetto che desideri. Puoi personalizzare il testo e il design della galleria, scegliere quali elementi mostrare (ad esempio un tasto "Aggiungi al carrello") e altro ancora.
Per personalizzare una galleria a scorrimento:
- Vai alla pagina dell'Editor che contiene la galleria che vuoi personalizzare
- Clicca sulla galleria a scorrimento
- Clicca su Impostazioni o sull'icona Impostazioni
- Scegli cosa vuoi fare:
Scegli i prodotti da mostrare
Puoi utilizzare questa galleria in 3 modi:
- Mostra i prodotti selezionati:
Mostra una categoria specifica o la categoria "Tutti i prodotti".
Ad esempio, se vuoi mostrare i tuoi nuovi arrivi, crea una categoria "Nuovi arrivi" e inserisci tutti i tuoi nuovi prodotti. Quindi, seleziona quella categoria dal menu a tendina - Mostra automaticamente i tuoi prodotti più venduti:
Scegli questa opzione per mostrare automaticamente gli articoli più venduti. Tieni presente che se non hai ancora registrato vendite sufficienti per calcolare quali prodotti sono i più venduti, viene visualizzata la categoria "Tutti i prodotti" o vengono visualizzati i prodotti correlati - Mostra i prodotti correlati:
Mostra i prodotti a cui i clienti sono interessati, in base a ciò che stanno visualizzando. Puoi selezionare il tipo di galleria correlata che vuoi mostrare
- Da categorie simili: funziona meglio se aggiunto alla pagina del prodotto, al carrello o alla pagina di ringraziamento
- Spesso acquistati insieme: questa galleria funziona al meglio se aggiunta alla pagina del prodotto
- Spesso visualizzati insieme: questa galleria funziona al meglio se aggiunta alla pagina del prodotto
Scegli gli elementi da mostrare
Clicca sulla scheda Mostra e seleziona o deseleziona le caselle di spunta per mostrare o nascondere gli elementi della galleria.
Suggerimento: quando mostri le opzioni del prodotto, ne vengono mostrate solo 2. Ad esempio, se il tuo prodotto ha opzioni di colore, dimensione e stile, vengono visualizzate solo le prime 2 che hai creato.
Personalizza le impostazioni
Clicca sulla scheda Impostazioni e personalizza le seguenti opzioni:
- Opzioni prodotto: seleziona le opzioni del prodotto da mostrare
Suggerimento: questo è rilevante se hai abilitato le opzioni del prodotto e se alcuni prodotti hanno più opzioni, come colore, dimensione e forma - Modalità di scorrimento: abilita il ciclo infinito per consentire ai clienti di continuare a scorrere i prodotti
- Effetti immagine prodotto: imposta cosa succede quando un cliente passa il mouse su un prodotto
Clicca sulla scheda Layout e personalizza la galleria utilizzando le seguenti opzioni:
- Generale: clicca sull'interruttore per estendere la galleria nel browser. Se abilitato, imposta la dimensione del margine (rilevante solo per l'Editor Wix, non per l'Editor Studio o Harmony)
Nota: se abilitato, ti consigliamo di selezionare Responsivo sotto Comportamento griglia - Titolo galleria: modifica l'allineamento del titolo
- Griglia prodotto:
Suggerimento: con l'impostazione del comportamento Fisso della griglia, le impostazioni rimangono invariate indipendentemente dalle dimensioni dello schermo del visitatore. Con Responsivo, il numero di colonne si adatta alle dimensioni dello schermo, ma questa impostazione funziona solo quando la galleria è estesa alla larghezza massima - Immagini del prodotto: seleziona come vengono visualizzate le immagini. Scopri di più su come mostrare le immagini
- Tasto Aggiungi al carrello: scegli dove posizionare il tasto
Nota: se il tasto viene posizionato sull'immagine, il tasto Vista rapida non verrà visualizzato - Pannello Aggiunta rapida: allinea e personalizza la spaziatura del pannello Aggiunta rapida
- Informazioni prodotto: seleziona un layout e un allineamento per le informazioni sul prodotto
- Opzioni prodotto: clicca sugli interruttori per mostrare solo le opzioni di colore o limitare le opzioni di colore e seleziona come visualizzare le scelte di testo
- Quantità: imposta la larghezza del selettore delle quantità dei prodotti
- Etichette: seleziona dove appare l'etichetta e regola la spaziatura
- Frecce di navigazione: personalizza il posizionamento delle frecce
- Pallini di paginazione: seleziona un'opzione di allineamento e personalizza la distanza dalla galleria
Clicca sulla scheda Design e personalizza la galleria utilizzando le seguenti opzioni:
Suggerimento: le opzioni variano in base alle funzionalità abilitate nelle schede Impostazioni e Vista rapida.
- Generale: seleziona un colore di sfondo per la galleria, scegli un carattere e un colore per il titolo
- Schede prodotti: seleziona un colore di sfondo per i prodotti, aggiungi un bordo e personalizza il testo della galleria
- Informazioni prodotto: personalizza i caratteri delle informazioni sul prodotto che mostri
- Opzioni prodotto: personalizza il modo in cui vengono visualizzate le opzioni del prodotto per il colore e il testo
- Quantità: personalizza il design del selettore delle quantità dei prodotti
- Etichette: seleziona la forma, il colore e il carattere dell'etichetta
- Frecce di navigazione: personalizza il design delle frecce di navigazione
- Pallini di paginazione: personalizza il colore e l'opacità dei pallini di paginazione
- Divisore nome e prezzo: personalizza la linea di divisione tra il nome del prodotto e il prezzo
- Tasto Vista rapida: se Vista rapida è abilitato, progetta il design del tasto
Suggerimento: per personalizzare la Vista rapida stessa, vai alla scheda Vista rapida - Tasto Aggiungi al carrello: seleziona un design per ogni visualizzazione: Predefinito, Passaggio mouse e Disattivato (es. se il prodotto è esaurito)
- Pannello Aggiunta rapida: personalizza il design del pannello Aggiunta rapida
Clicca sulla scheda Testo e personalizza il testo mostrato nella galleria a scorrimento.
Personalizza il comportamento del tasto "Aggiungi al carrello"
Se non è già abilitato, clicca su Mostra Aggiungi al carrello per mostrare il tasto nella tua galleria.
Infine, scegli dove indirizzare i clienti dopo che cliccano sul tasto:
- Mostra pop-up di azione compiuta: viene visualizzata una notifica pop-up
- Apri carrello laterale: il carrello laterale si apre sul lato dello schermo
- Vai alla pagina carrello: i clienti vengono indirizzati direttamente alla pagina del carrello
- Rimani sulla pagina: i clienti rimangono sulla stessa pagina. Il tasto mostra un segno di spunta per indicare che il prodotto è stato aggiunto correttamente
Abilita e personalizza la "Vista rapida"
La Vista rapida permette ai clienti di visualizzare i dettagli del prodotto in un pop-up senza lasciare la pagina del negozio.
Note:
- Se hai posizionato il tasto "Aggiungi al carrello" sull'immagine, il tasto Vista rapida non verrà visualizzato
- Per visualizzare il tasto Vista rapida in azione, visualizza in anteprima il tuo sito o visualizza il tuo sito live
Per abilitare o disabilitare la Vista rapida:
- Clicca sulla scheda Display (Mostra)
- Seleziona o deseleziona la casella di spunta accanto al tasto Vista rapida
Passaggi successivi:
- Per personalizzare il tasto Vista rapida, vai alla scheda Design
- Per personalizzare il popup Vista rapida, vai alla scheda Vista rapida. Scopri di più
Personalizzare una galleria su mobile
Assicurati che le tue gallerie abbiano un bell'aspetto quando i clienti le visualizzano su un dispositivo mobile. Puoi modificare il design per adattarlo a schermi più piccoli e consentire ai clienti di aggiungere rapidamente prodotti al carrello senza uscire dalla galleria.
- Vai al tuo Editor
- Clicca sull'icona Passa a mobile
nella parte superiore dell'Editor - Vai alla pagina con la Galleria a griglia o la Galleria a scorrimento che vuoi personalizzare
- Clicca sulla galleria
- Clicca su Impostazioni
- Personalizza la galleria utilizzando le opzioni disponibili
