La pagina prodotto di Wix, completamente personalizzabile, ti consente di dare vita alla tua visione di design. Inizia definendo la pagina a livello globale, quindi personalizza ogni singola parte fino a ottenere il risultato che desideri.
Passaggio 1 | Personalizzare le impostazioni globali
Inizia dalle impostazioni che si applicano all'intera pagina, come la spaziatura interna, il design e i dati a cui è collegata.
Per personalizzare le impostazioni globali:
- Vai al tuo Editor.
- Clicca sull'icona Struttura del sito
. - Clicca sulla scheda Pagine.
- Clicca su Pagina prodotto sotto Pagine del negozio.
- Scegli cosa vuoi personalizzare dalla Barra delle azioni:
Spaziatura interna e comportamento
Clicca sull'icona Spaziatura interna e comportamento
.
Inserisci la spaziatura interna che vuoi applicare alla pagina.
Tutte le opzioni di design
Passaggio 2 | Personalizzare i singoli elementi
Seleziona un elemento della pagina per configurarlo. Ogni elemento ha le proprie schede Design e Impostazioni nel pannello Ispezione.
Per personalizzare un elemento:
- Vai all'Editor.
- Clicca sull'icona Struttura sito
. - Clicca sulla scheda Pagine.
- Clicca su Pagina prodotto sotto Pagine del negozio.
- Clicca sull'elemento che vuoi personalizzare.
- Clicca sulla scheda Impostazioni nel pannello Ispezione.
- Configura l'elemento:
Galleria multimediale prodotti
- Seleziona la galleria multimediale nella pagina.
- Configura la galleria nelle sezioni Video e Cursore:
- Mostra i controlli video: attiva l'interruttore per mostrare i controlli di riproduzione nei video.
- Riproduci automaticamente i video: attiva l'interruttore per riprodurre automaticamente i video.
- Ripeti i video: attiva l'interruttore per riprodurre i video in loop.
- Ripeti gli elementi: attiva l'interruttore per tornare al primo elemento dopo l'ultimo nel cursore.
- (Facoltativo) Clicca sulla scheda Design e seleziona Elemento della galleria, Tasto Avanti o Tasto Indietro sotto Scegli cosa progettare per definire lo stile di quella parte.
- Seleziona i breadcrumb nella pagina.
- Inserisci una descrizione per gli screen reader nel campo Nome accessibile.
Il nome del prodotto è un elemento di testo collegato ai dati del prodotto, quindi mostra automaticamente il nome di ogni prodotto.
- Seleziona il nome del prodotto nella pagina.
- Usa la Barra delle azioni per personalizzare lo stile del testo, ad esempio il carattere e le dimensioni.
- Seleziona il prezzo nella pagina.
- Scegli come mostrare il prezzo nella sezione Proprietà:
- Prima il prezzo originale: attiva l'interruttore per mostrare per primo il prezzo originale.
- Etichetta "A partire da": inserisci il testo che appare prima del prezzo quando il prezzo di un prodotto varia.
- Seleziona le etichette nella pagina.
- Clicca sulla scheda Design nel pannello Ispezione.
- Seleziona la parte di cui vuoi personalizzare lo stile in Scegli cosa personalizzare:
- Etichette: personalizza contemporaneamente lo stile di tutte le etichette.
- Etichetta principale: personalizza lo stile dell'etichetta principale.
- Etichetta aggiuntiva: personalizza lo stile di tutte le altre etichette.
Seleziona le opzioni del prodotto nella pagina.
Scegli come mostrare le opzioni:
Mostra le opzioni di testo come: seleziona Tasti o Menu a tendina per scegliere come mostrare le opzioni di testo.
Opzioni colore, opzioni di testo e modifiche: in Visibilità dei tipi di opzioni, attiva o disattiva ciascun interruttore per mostrare o nascondere il relativo tipo di opzione.
Opzioni da mostrare: trascina il cursore per scegliere quante opzioni mostrare, da 1 a Tutte.
Nota: le opzioni obbligatorie nascoste possono impedire ai clienti di aggiungere un prodotto al carrello. Mostra le opzioni nascoste in un altro elemento Opzioni del prodotto.
- Seleziona i piani di abbonamento nella pagina.
- Scegli come mostrare i piani:
- Modalità contenuti: seleziona Acquisto singolo e abbonamento o Tutte le schede.
- Posizione della scheda per l'acquisto singolo: seleziona dove appare la scheda per l'acquisto singolo, ad esempio Prima.
- (Facoltativo) Seleziona Menu a tendina Frequenza nella parte superiore del pannello per impostarne le opzioni di accessibilità, come il tag HTML e il Nome accessibile.
- Seleziona il selettore della quantità nella pagina.
- Clicca su Personalizza icona Più o Personalizza icona Meno nella barra delle azioni per modificare un'icona.
- (Facoltativo) Clicca sulla scheda Design e seleziona Tasto Meno o Tasto Più sotto Scegli cosa personalizzare per definire lo stile del tasto.
I Tasti azione combinano i tasti Aggiungi al carrello e Acquista.
Seleziona i tasti nella pagina.
Scegli come si comportano i tasti nella sezione Proprietà:
Mostra il prezzo sui tasti: abilita l'interruttore per mostrare il prezzo sui tasti.
Chiedi di selezionare le opzioni al clic: abilita l'interruttore per chiedere agli utenti di selezionare le opzioni del prodotto dopo aver cliccato.
Testo del tasto per selezioni mancanti: inserisci il testo che appare sul tasto quando un cliente non ha selezionato tutte le opzioni.
Azione al clic sul tasto di preordine: seleziona cosa succede quando un cliente clicca sul tasto di preordine, ad esempio Aggiungi al carrello.
Azione dopo l'aggiunta al carrello: seleziona cosa succede dopo che un cliente aggiunge un prodotto al carrello, ad esempio Apri il carrello laterale.
Sezioni informazioni prodotto
- Seleziona le sezioni informative nella pagina.
- Abilita l'interruttore Mostra la descrizione del prodotto nella scheda Sezioni informazioni prodotto per mostrare la descrizione del prodotto.
- Clicca sulla scheda Fisarmonica e scegli come si aprono le sezioni:
- Scegli lo stato predefinito: seleziona Tutti gli elementi chiusi, Primo elemento aperto o Tutti gli elementi aperti.
- Consenti più elementi aperti: abilita l'interruttore per consentire ai clienti di aprire più di una sezione alla volta.