header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Wix Stores: personalizzare la pagina categoria

10 min
In questo articolo
  • Accedi alle impostazioni della pagina categoria
  • Scegli gli elementi della pagina da mostrare
  • Modificare le impostazioni della pagina categoria
  • Scegliere il layout della pagina categoria
  • Progettare il design della pagina categoria
  • Modificare il testo nella pagina categoria
  • Personalizzare la barra laterale
  • Personalizzare le opzioni di ordinamento
  • Personalizzare la Vista rapida
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. 
Screenshot della pagina categoria su Wix Store
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

Accedi alle impostazioni della pagina categoria

Editor Wix
Editor Studio
  1. Vai al tuo Editor
  2. Vai alla Pagina categoria:
    1. Clicca su Pagine e menu  sul lato sinistro dell'Editor
    2. Clicca su Pagine del negozio 
    3. Clicca sulla Pagina categoria
  3. Clicca due volte sull'elemento Pagina categoria sulla tua pagina
  4. Clicca su Impostazioni 

Scegli gli elementi della pagina da mostrare

La scheda Mostra è il posto dove scegliere quali elementi mostrare nella pagina categoria e dove puoi nascondere il resto. 

Per mostrare o nascondere gli elementi della pagina categoria:

  1. Clicca sulla scheda Mostra
  2. Seleziona le caselle di spunta accanto agli elementi che vuoi mostrare
Suggerimenti:
  • Puoi anche:
    • Andare alla scheda Filtri per nascondere i filtri dalla barra laterale
    • Andare alla scheda Ordinamento per nascondere l'opzione di ordinamento
  • Quando mostri le opzioni del prodotto, ne vengono mostrate solo 2. Ad esempio, se il tuo prodotto ha opzioni di colore, dimensione e materiale, vengono visualizzate solo le prime 2 che hai creato. Quando hai più di 2 opzioni di prodotto, i clienti che cliccano sul tasto "Aggiungi al carrello" vengono indirizzati a una finestra Vista rapida, in modo che possano effettuare tutte le selezioni necessarie

Modificare le impostazioni della pagina categoria

Nella scheda Impostazioni, puoi decidere come i visitatori visualizzano più prodotti quando arrivano alla fine della pagina (es. cliccando su un tasto "Carica altro"), scegli cosa succede quando i clienti passano il mouse sulle immagini dei prodotti e altro ancora.

Per selezionare le impostazioni della pagina Categoria:

  1. Clicca sulla scheda Impostazioni
  2. Personalizza una delle seguenti opzioni:
    • 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 tenere i filtri visibili durante lo scorrimento. Se abilitato, personalizza la distanza della barra laterale dall'alto
    • Effetto immagine passaggio mouse: imposta cosa succede quando un cliente passa il mouse su un prodotto
    • Tasto Aggiungi al carrello: se hai abilitato il tasto nella scheda Mostra, personalizza cosa si verifica quando si clicca sul tasto: 
      • Mostra pop-up di azione compiuta: appare una notifica pop-up
      • Apri carrello laterale: il carrello laterale si apre sul lato dello schermo
      • Vai alla pagina carrello: i clienti sono indirizzati direttamente alla pagina del carrello
      • Resta sulla pagina corrente: i clienti restano sulla stessa pagina. Il tasto mostra un segno di spunta per indicare che il prodotto è stato aggiunto correttamente 
Suggerimenti:
  • Se hai selezionato il comportamento a scorrimento con il tasto "Carica altro" o con la numerazione, 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 mostrata) che per la visualizzazione del prodotto. 

Per scegliere le opzioni di layout:

  1. Clicca sulla scheda Layout
  2. Personalizza una delle seguenti opzioni:
    • Breadcrumb: allinea i breadcrumb a sinistra, a destra o al centro
    • Sezione intestazione:
      • Posizione intestazione: seleziona In linea o In alto
        Suggerimento: se selezioni In alto, ti consigliamo di nascondere l'elenco delle categorie. In caso contrario, le categorie danno l'aspetto di sottocategorie della categoria selezionata
      • Posizionamento info categoria: mostra la descrizione della categoria sopra, davanti 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
      • Description text appearance (Aspetto testo descrizione): se è lungo, i clienti cliccano per visualizzare l'intero messaggio
    • Griglia prodotto:
      • 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
    • Immagini del prodotto: 
      • 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
    • Tasto Aggiungi al carrello: scegli dove posizionare il tasto
      Nota: se il tasto si trova sull'immagine, sostituisce il tasto Vista rapida
    • Informazioni prodotto: scegli un'opzione di layout della scheda prodotto e personalizzala
    • Opzioni prodotto: abilita questa opzione per limitare la visualizzazione delle opzioni del prodotto alle scelte di colore o per limitare il numero massimo di colori mostrati
    • Etichette: scegli dove mostrare l'etichetta e personalizza la spaziatura interna
Suggerimento:
Per estendere la pagina categoria a tutta larghezza, clicca sulla pagina categoria nell'Editor, seleziona l'icona Allunga  e clicca sull'interruttore per abilitarlo.

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.

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

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.
Screenshot della pagina categoria, con la barra laterale in evidenza
Questi sono i filtri che i tuoi clienti possono utilizzare per trovare i prodotti di cui hanno bisogno. I filtri del tuo sito si regolano automaticamente in base alla categoria visualizzata da un visitatore del sito.
Suggerimento:
Puoi utilizzare i filtri di categoria per consentire ai clienti di selezionare le sottocategorie. Ad esempio, quando visualizzano la categoria Abbigliamento donna, i clienti possono selezionare qualsiasi filtro con prodotti di altre categorie e abbigliamento donna.

Per personalizzare la barra laterale:

  1. Clicca sulla scheda Elenco
  2. Personalizza una delle seguenti opzioni dell'elenco:
    • Mostra elenco categorie: clicca sull'interruttore Mostra elenco categorie per mostrarlo o nasconderlo
    • Mostra titolo elenco categorie: deseleziona la casella di spunta per nascondere il titolo. Se selezionata, puoi modificare il testo del titolo
    • Come vuoi gestire questo elenco?
      • Sincronizza automaticamente tutte le categorie: ogni categoria attiva viene visualizzata automaticamente nell'ordine in cui è stata aggiunta
      • Personalizza e riordina elenco manualmente: dà la possibilità di nascondere determinate categorie e riordinare l'elenco
        1. Deseleziona le caselle di spunta accanto alle categorie che vuoi nascondere
        2. Riordina le categorie utilizzando il trascinamento
  3. Clicca sulla scheda Filtri
  4. Personalizza una delle seguenti opzioni di filtro:
    • Mostra filtri: clicca sull'interruttore per mostrare o nascondere tutti i filtri 
    • Mostra titolo filtri: deseleziona la casella di spunta per nascondere il titolo "Filtra per" 
    • Titolo filtri: se visualizzi il titolo, puoi modificare il testo del titolo
    • Permetti ai clienti di filtrare per: passa il mouse su un filtro e clicca sull'icona Altre azioni  per nasconderlo o modificarlo
      • Categoria: puoi nascondere il filtro della categoria o cliccare su Modifica per selezionare le categorie da visualizzare
      • Prezzo: puoi nascondere il filtro del prezzo o cliccare su Modifica per modificare il titolo del filtro
      • Opzioni prodotto: nascondi il filtro delle opzioni prodotto
        Suggerimento: se mostri le opzioni del prodotto, le opzioni pertinenti vengono visualizzate per ogni pagina
      • Sconto: puoi nascondere o eliminare questa opzione. Se mostri questa opzione, puoi selezionare le categorie a cui applicare gli sconti
Screenshot delle impostazioni dei filtri nella pagina categoria di un sito Wix

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. 
Screenshot della pagina della categoria su Wix Stores, con le opzioni di ordinamento espanse

Per personalizzare l'ordinamento dei prodotti:

  1. Clicca sulla scheda Ordinamento
  2. Seleziona l'ordine in cui i tuoi prodotti sono mostrati dal menu a tendina Ordina prodotti per. Se consenti ai clienti di ordinare i prodotti, possono sovrascrivere questa impostazione
    Nota: per impostazione predefinita, l'ordine dei prodotti in una categoria dipende dall'ordine impostato nel Pannello di controllo 
  3. Personalizza una delle seguenti impostazioni:
    • Clicca sull'interruttore Mostra opzioni "Ordina per" per abilitarlo o disabilitarlo  
    • Modifica l'etichetta "Ordina per"
    • 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. 
Importante:
Se il tasto Aggiungi al carrello è abilitato e posizionato sopra l'immagine del prodotto, il tasto Vista rapida non verrà visualizzato. 
GIF che mostra l'opzione vista rapida di Wix Stores
Screenshot della pagina categoria su Wix Store
Screenshot della pagina categoria, con la barra laterale in evidenza
Screenshot delle impostazioni dei filtri nella pagina categoria di un sito Wix
Screenshot della pagina della categoria su Wix Stores, con le opzioni di ordinamento espanse
GIF che mostra l'opzione vista rapida di Wix Stores