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. 
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:

  1. Clicca sulla scheda Impostazioni
  2. 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:

  1. Clicca sulla scheda Layout
  2. 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
  3.  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
  4. 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
  5. 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:

  1. Clicca sulla scheda Testo
  2. 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:

  1. Clicca sulla scheda Design
  2. Segui i passaggi seguenti per progettare ogni aspetto della pagina categoria.

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:

  1. Clicca sulla scheda Barra laterale
  2. Seleziona cosa vuoi personalizzare:

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:

  1. Clicca sulla scheda Ordinamento
  2. 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:

  1. Clicca sulla scheda Anteprima
  2. Clicca sull'interruttore Mostra vista rapida per abilitarlo 
  3. 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?

|