Wix Stores: personalizzare la pagina categoria
Tempo di lettura: 9 min.
Importante:
La Pagina categoria non è ancora disponibile per tutti gli utenti.
La Pagina categoria è la pagina principale del tuo negozio. Puoi progettarne ogni parte, scegliere il layout che preferisci, decidere quali informazioni mostrare e molto altro ancora.
Mostrami come accedere alle impostazioni della pagina categoria
In questo articolo, scoprirai come:
Suggerimenti:
- Devi personalizzare la pagina categoria solo una volta. Le tue personalizzazioni si applicano automaticamente a ogni categoria
- Utilizza il selettore di anteprima della categoria in alto a destra per scegliere una categoria e visualizzarla in anteprima
Modificare le impostazioni della pagina categoria
Nella scheda Impostazioni, seleziona gli elementi da mostrare nella pagina categoria e cosa succede quando i clienti passano il mouse sulle immagini dei prodotti. Puoi anche decidere in che modo i visitatori visualizzano più prodotti quando arrivano alla fine della pagina (ad esempio cliccando sul tasto "Carica altro").
Per selezionare le impostazioni della pagina Categoria:
- Clicca sulla scheda Impostazioni
- Personalizza le seguenti impostazioni:
- Seleziona le caselle di spunta accanto agli elementi che vuoi mostrare
- Scegli cosa succede alle immagini dei tuoi prodotti quando i visitatori passano il mouse sopra di esse
- Seleziona in che modo i clienti visualizzano i prodotti aggiuntivi quando arrivano alla fine della pagina:
- Tasto Carica altro: mostra un tasto "Carica altro"
- Paginazione: mostra i numeri di pagina
- Scorrimento infinito: i clienti possono scorrere senza spostarsi da una pagina all'altra
- Aggiungi e personalizza un tasto Aggiungi al Carrello
- Mostra o nascondi le opzioni del prodotto
Suggerimenti:
- Se hai selezionato il tasto "Carica altro" o l'opzione di Paginazione, vai alla scheda Design per personalizzare il design
- Ogni pagina ha un URL separato per aiutarti a migliorare la SEO della tua Galleria di prodotti Ad esempio:
- URL della prima pagina: https://www.ilmiositowebprofessionale.com/shop
- URL della seconda pagina: https://www.ilmiositowebprofessionale.com/negozio?pagina=2
Scegliere il layout della pagina categoria
Scegli il layout che preferisci sia per l'intestazione (se visualizzata) che per la galleria prodotti.
Per scegliere le opzioni di layout:
- Clicca sulla scheda Layout
- Personalizza l'intestazione utilizzando le seguenti opzioni:
- Posizione intestazione: seleziona In linea o In alto
Suggerimento: se selezioni In alto, ti consigliamo di nascondere l'Elenco categorie. In caso contrario, le categorie appariranno come sottocategorie della categoria selezionata
Posizionamento info categoria: mostra la descrizione della categoria sopra o sotto l'immagine - Allineamento info categoria: allinea il testo dell'intestazione a sinistra, a destra o al centro
- Altezza immagine di categoria: trascina il cursore per impostare l'altezza dell'immagine della categoria
- Spazio tra titolo e descrizione: trascina il cursore per impostare la spaziatura desiderata
- Posizione intestazione: seleziona In linea o In alto
- Personalizza la galleria utilizzando le seguenti opzioni:
- Come appaiono i prodotti: scegli l'aspetto del tuo prodotto nella galleria
- Allineamento info prodotto: allinea le informazioni sul prodotto a sinistra, a destra o al centro
- Comportamento griglia:
Nota: le personalizzazioni variano a seconda che tu scelga Fisso o Responsivo- Fisso: tutti i visitatori vedono la stessa quantità di righe e colonne nella galleria
- Responsivo: il numero di prodotti visualizzati si adatta alle dimensioni dello schermo del visitatore
Nota: l'impostazione responsivo è disponibile solo se estendi la galleria alla larghezza massima
- Personalizza le immagini dei prodotti utilizzando le seguenti opzioni:
- Posizione immagine: posiziona l'immagine sopra o accanto al testo del prodotto
- Ridimensionamento immagine: seleziona un'opzione di ridimensionamento:
- Ritaglia: ritaglia tutte le immagini alla stessa dimensione
- Adatta: mantiene le proporzioni delle immagini
- Rapporto: seleziona un rapporto tra altezza e larghezza
- Spaziatura laterale immagine: regola la spaziatura interna a sinistra e a destra dell'immagine
- Margine sopra e sotto immagine: regola la spaziatura interna sopra e sotto l'immagine
- Raggio angolo immagine: rendi gli angoli dell'immagine più arrotondati o più squadrati
- Clicca su Layout etichetta per personalizzarne la posizione:
- Info prodotto: l'etichetta viene visualizzata sotto l'immagine del prodotto, accanto alla descrizione
- Sull'immagine: l'etichetta viene visualizzata sull'immagine del prodotto. Trascina i cursori sotto Spaziatura laterale e Spaziatura in alto per aggiungere più spazio attorno all'etichetta
Suggerimento:
Per allargare la pagina categoria a tutta larghezza, clicca sulla pagina categoria nell'Editor, seleziona l'icona Allunga e clicca sull'interruttore per abilitarlo.
Modificare il testo nella pagina categoria
Nella scheda Testo, modifica il testo disponibile in modo che corrisponda al tuo tono e stile. Puoi personalizzare il testo che appare sui tasti nella pagina (ad esempio Aggiungi al carrello, Pre-ordina) e il messaggio che appare quando un prodotto è esaurito.
Suggerimento:
Se scegli di nascondere gli elementi, l'opzione per modificare il testo in quell'elemento non viene visualizzata.
Per modificare il testo:
- Clicca sulla scheda Testo
- Modifica una delle opzioni di testo disponibili
Progettare il design della pagina categoria
Personalizza la pagina categoria in modo che corrisponda al design generale del tuo brand.
Per progettare la pagina categoria:
- Clicca sulla scheda Design
- Segui i passaggi seguenti per progettare ogni aspetto della pagina categoria.
Generale
Sezione titolo
Barra laterale e ordinamento
Tasti Carica altro/precedente o Paginazione
Schede prodotto
Tasto Aggiungi al Carrello
Etichette
Opzioni e quantità prodotti
Divisore nome e prezzo
Tasto Vista rapida
Personalizzare la barra laterale
La barra laterale delle categorie ha 2 componenti: l'elenco delle categorie e i filtri. Puoi visualizzarne uno o entrambi o nascondere completamente la barra laterale.
Importante:
L'elenco delle categorie non viene visualizzato sui dispositivi mobile. Aggiungere le tue categorie al menu del sito è il modo migliore per consentire ai tuoi clienti di accedervi facilmente.
Qualsiasi categoria attiva che crei viene visualizzata automaticamente nell'elenco delle categorie, ma puoi nascondere le categorie che non vuoi mostrare. Puoi anche riordinare le categorie che decidi di mostrare.
Per personalizzare la barra laterale:
- Clicca sulla scheda Barra laterale
- Seleziona cosa vuoi personalizzare:
Elenco categorie
Filtri
Personalizzare le opzioni di ordinamento
La pagina delle categorie include opzioni di ordinamento per consentire ai clienti di visualizzare più facilmente i prodotti pertinenti. Puoi disabilitare una qualsiasi delle opzioni o nascondere completamente l'ordinamento.
Per personalizzare l'ordinamento dei prodotti:
- Clicca sulla scheda Ordinamento
- Personalizza una delle seguenti impostazioni:
- Clicca sull'interruttore Mostra opzioni di ordinamento per disabilitarlo. Ciò significa che i clienti non hanno la possibilità di ordinare i tuoi prodotti
- Modifica l'etichetta di ordinamento (ad esempio "Ordina per:")
- Seleziona l'opzione di ordinamento visualizzata per impostazione predefinita
- Deseleziona la casella di spunta accanto a qualsiasi opzione di ordinamento che vuoi nascondere
Personalizzare la vista rapida
L'opzione di vista rapida consente ai clienti di visualizzare i dettagli del prodotto in un pop-up senza lasciare la pagina della categoria.
Suggerimento:
Per personalizzare il tasto "Vista rapida", vai alla scheda Design
Per personalizzare la vista rapida:
- Clicca sulla scheda Anteprima
- Clicca sull'interruttore Mostra vista rapida per abilitarlo
- Scegli cosa vuoi personalizzare dopo:
- Colore di sfondo: seleziona un colore di sfondo per la finestra di vista rapida
- Opacità e colore bordo: seleziona un colore per il bordo e regola l'opacità
- Carattere e colore del testo: seleziona un carattere e un colore per ogni parte di testo visualizzata nella finestra di vista rapida
- Tasto Aggiungi al Carrello: modifica il testo, lo stile, il carattere e altro ancora
Hai trovato utile questo articolo?
|