WooCommerce Customizer fa parte di WordPress >Personalizza e rende possibile selezionare opzioni che si applicano a tutto il sito per l’avviso del negozio, il catalogo dei prodotti e le immagini dei prodotti senza toccare alcun codice.

Dove trovare WooCommerce Customizer Torna all’inizio

Dalla dashboard di WordPress, andare a: Aspetto > Personalizza.

Nel menu Personalizza, selezionare WooCommerce:

Sotto WooCommerce sono cinque opzioni:

• Avviso del negozio
• Catalogo dei prodotti
• Pagina del prodotto
• Immagini del prodotto
• Checkout

Ognuno è trattato in dettaglio qui sotto.

Avviso del negozio Torna all’inizio

L’avviso del negozio ti permette di inserire un messaggio per tutto il sito mostrato a chiunque visiti il tuo negozio. Il messaggio può essere:

• Informativo – Una nota che informa i clienti dei ritardi di spedizione dovuti alle condizioni atmosferiche. Un avviso ‘via’ se in vacanza.
• Promozionale – Una nota che pubblicizza un evento, una vacanza speciale, un bundle, una vendita su tutti/alcuni articoli o la spedizione gratuita.

Visualizza un avviso di negozio Torna all’inizio

Per mostrare ai clienti un avviso di negozio in tutto il sito:

1/ Vai a: Aspetto > Personalizza > WooCommerce > Avviso del negozio:

2/ Inserisci un messaggio nell’area di testo.

3/ Spunta la casella per Enable Store Notice.

4/ Anteprima di come appare l’avviso sul tuo sito/negozio.

5 Pubblica quando sei soddisfatto e pronto per la pubblicazione dell’Avviso sul negozio.

Cosa vedono i visitatori Torna all’inizio

Questo è come l’Avviso sul negozio viene visualizzato sul front-end del tuo sito. I visitatori possono scegliere di ignorare l’avviso dopo averlo visto una volta.

*La posizione e l’aspetto dell’avviso del negozio variano a seconda del tema che stai usando. Lo screenshot qui sopra è con il nostro tema gratuito Storefront.

Modifica o rimuovi un avviso di negozio Torna all’inizio

Per cambiare o fermare la visualizzazione di un avviso di negozio in tutto il sito:

1/ Vai a: Aspetto > Personalizza > WooCommerce > Avviso del negozio:

2/ Per modificare l’avviso del negozio:

• Modifica il messaggio nell’area di testo per cambiarlo.

• Deseleziona la casella per Enable Store Notice per interrompere la visualizzazione ai visitatori.

3/ Pubblica per salvare le modifiche.

Schedule a Store Notice Back to top

Utilizzare l’opzione Schedule per Store Notice può essere utile quando si esegue una promozione per un tempo limitato o si termina una vendita/sconto alla mezzanotte di una data specifica.

In questo esempio, vogliamo interrompere l’offerta Free Shipping quando scade a fine giornata il 28 febbraio.

1/ Vai su Aspetto > Personalizza > WooCommerce > Avviso negozio per visualizzare e accedere alla promozione corrente/pubblicata.

2/ Deseleziona la casella per Abilita avviso negozio.

3/ Seleziona la ruota dentata. Si apre un pannello.

4/ Seleziona Programma nel menu di destra, poi inserisci la Data e l’Ora in cui vuoi che il cambiamento abbia effetto.

5/ Seleziona Programma per effettuare i cambiamenti che hai inserito nella Data e Ora futura indicata.

*È necessario disattivare sconti di vendita, codici coupon o offerte a tempo limitato. La rimozione dell’avviso non ferma automaticamente l’esecuzione della promozione.

Catalogo prodotti Torna all’inizio

Tutte le opzioni per il catalogo prodotti si trovano in: Aspetto > Personalizza > WooCommerce > Catalogo prodotti.

Catalogo prodotti ti permette di scegliere:

• Cosa visualizzare nella pagina Negozio
• Cosa visualizzare nelle pagine di Categoria
• Come ordinare i prodotti in una Categoria
• Quanti prodotti mostrare in una singola riga
• Quante righe di prodotti mostrare in una pagina

Pagina negozio Torna all’inizio

La tua pagina negozio può mostrare Prodotti, Categorie, o entrambi. Ti consigliamo di selezionarne uno per un look pulito.

1/ Seleziona Prodotti o Categorie dal menu a tendina.

2/ Anteprima della tua selezione dal vivo. Devi visualizzare la pagina del negozio.

3/ Pubblica per salvare e andare in diretta.

Pagine di categoria Torna all’inizio

Le tue pagine di categoria possono mostrare prodotti o sottocategorie all’interno di una categoria, o entrambi. Si consiglia di selezionarne una.

Se hai solo pochi prodotti, o non hai sottocategorie, potrebbe non esserci differenza nell’aspetto.

1/ Seleziona Prodotti o Sottocategorie dal menu a tendina.

2/ Anteprima della tua selezione dal vivo. Devi visualizzare una pagina di Categoria.

3/ Pubblica per salvare e andare live.

Ordinamento predefinito dei prodotti Torna all’inizio

L’ordinamento predefinito dei prodotti ti permette di controllare l’ordine di visualizzazione dei prodotti, che influenza il modo in cui i prodotti sono visualizzati per default nelle pagine del Negozio e delle Categorie. I visitatori hanno comunque la possibilità di ordinare i prodotti in modo diverso, se lo desiderano.

Ordinamento predefinito (ordine personalizzato + nome) – visualizza i prodotti in ordine alfabetico per nome. Se l’ordine dei prodotti è stato personalizzato, l’ordine personalizzato è considerato il primo, e l’ordine alfabetico per nome il secondo (se i prodotti condividono le stesse posizioni di ordine). Nel tuo negozio, il cliente vedrà questo come Ordinamento predefinito.

Ordina per popolarità (vendite) – visualizza i prodotti secondo le quantità vendute, dalla più alla meno. I clienti vedono Ordinamento per popolarità.

Ordina per Valutazione media – visualizza i prodotti in base alla valutazione media delle recensioni, dal più alto al più basso.

Ordina per più recente – visualizza i prodotti nell’ordine in cui sono stati aggiunti al negozio, dal più recente al più vecchio. Customer see Sort by Latest.

Sort by price (asc / desc) – ordina i prodotti per prezzo dal più basso al più alto (asc) o dal più alto al più basso (desc). Il cliente vede sia Ordina per prezzo: dal più basso al più alto, sia Ordina per prezzo: dal più alto al più basso.

In questo esempio, abbiamo scelto Ordina per prezzo (asc) (Ordina per prezzo: dal più basso al più alto, indicato con un ✔), e il cliente sta per selezionare per Ordina per novità.

Per scegliere un ordinamento predefinito:

1/ Seleziona un’opzione dal menu a tendina:

2/ Anteprima della selezione dal vivo. Puoi visualizzare la pagina Negozio o una pagina Categoria.

3/ Pubblica per salvare e andare in diretta.

Prodotti per riga Torna in alto

Prodotti per riga ti permette di scegliere il numero di articoli che appaiono in una singola riga sulle pagine Negozio e Categoria.

Siiate sensibili a:

• Dimensione dell’immagine di un prodotto
• Spazio su un computer/laptop, tablet o dispositivo mobile
• L’esperienza ottimale per un cliente che visualizza e acquista i vostri prodotti

1/ Usate le frecce per aumentare/diminuire il numero di prodotti.

2/ Anteprima della tua selezione dal vivo. Puoi visualizzare la pagina del negozio o la pagina di una categoria.

3/ Prova su diversi dispositivi. Di seguito è riportato un esempio di diverse visualizzazioni, utilizzando le stesse impostazioni.

• Sullo schermo di un computer/laptop

• Su un tablet

• Su un dispositivo mobile

*La scalatura delle dimensioni e l’aspetto delle immagini variano a seconda del tema che stai usando. Gli screenshot qui sopra sono con il nostro tema gratuito Storefront.

4/ Pubblica per salvare e andare live.

Righe per pagina Torna all’inizio

Righe per pagina ti permette di scegliere il numero di righe che appaiono sulle pagine dei negozi e delle categorie.

Fai attenzione a:

• Dimensione delle immagini dei prodotti
• Numero di prodotti che vendi
• Spazio su un computer/laptop, tablet o dispositivo mobile
• L’esperienza ottimale per un cliente che visualizza e compra i tuoi prodotti

1/ Usa le frecce per aumentare/ridurre il numero di righe.

2/ Anteprima della tua selezione dal vivo. Puoi visualizzare la pagina del negozio o la pagina di una categoria.

3/ Prova su diversi dispositivi. Di seguito è riportato un esempio di visualizzazioni diverse, utilizzando le stesse impostazioni.

• Sullo schermo di un computer/laptop

• Su un tablet

• Su un dispositivo mobile

*La scalatura delle dimensioni e l’aspetto delle immagini variano a seconda del tema che stai usando. Gli screenshot qui sopra sono con il nostro tema gratuito Storefront.

4/ Pubblica per salvare e andare live.

Pagina prodotto Torna all’inizio

La pagina prodotto ha due opzioni che si applicano alle pagine dei singoli prodotti:

• Sticky Add-to-Cart – È una piccola barra di contenuto nella parte superiore della finestra del browser che include informazioni rilevanti sul prodotto e un pulsante add-to-cart. Scivola in vista una volta che il pulsante standard add-to-cart è scrollato fuori dalla vista.

• Paginazione dei prodotti – Visualizza i link successivo e precedente sulle pagine dei prodotti. Una miniatura del prodotto viene visualizzata con il titolo rivelato al passaggio del mouse.

Immagini prodotto Torna all’inizio

Le immagini prodotto hanno due caratteristiche:

• Consente di selezionare come le immagini del catalogo e delle miniature sono dimensionate e ritagliate
• Ridimensiona automaticamente le immagini del catalogo e delle miniature in tutto il sito del tuo negozio quando viene fatta una modifica pubblicata*

Questo ti fa risparmiare tempo ed energia nel ritagliare e ridimensionare manualmente ogni immagine.

Tipi di immagini Torna all’inizio

• Le immagini del catalogo sono immagini di medie dimensioni che appaiono nella pagina del negozio, nelle pagine delle categorie e per i prodotti correlati, Up-sell e Cross-sell.
• Le immagini delle miniature sono le immagini più piccole utilizzate nel carrello, nei widget e (facoltativamente) nelle immagini della galleria sotto l’immagine del prodotto singolo nelle pagine dei dettagli del prodotto individuale.
• L’immagine del prodotto singolo è l’immagine più grande e si riferisce all’immagine principale/caratteristica. Le impostazioni di Product Images in WooCommerce Customizer non si applicano a queste. Per aggiungere, modificare o eliminare la Single Product Image o la Product Image Gallery, vedi: Aggiunta di immagini e gallerie di prodotti.

* In precedenza, le miniature dovevano essere rigenerate utilizzando un plugin di terze parti. WooCommerce 3.3x ora gestisce questo per voi. La rigenerazione non verrà attivata per le modifiche effettuate solo in modalità Anteprima.

Ridimensiona e ritaglia le immagini in miniatura Torna all’inizio

1/ Vai a: Aspetto > Personalizza > WooCommerce > Immagini dei prodotti.

2/ Seleziona uno:

• 1:1 – Immagine quadrata

• Personalizzato – Scegli il rapporto in cui le immagini sono ritagliate. In questo esempio, viene inserito 1:2; e un’immagine non può essere ingrandita per soddisfare questo requisito.

• Uncropped – Le immagini appaiono così come sono, che possono risultare tutte diverse a meno che tu non abbia usato foto che sono uniformi per dimensione e risoluzione. Lo screenshot qui sotto ne è un esempio: Uno è perfettamente quadrato, il successivo è un quadrato più piccolo, e l’ultimo è un rettangolo.

3/ Prova su diversi dispositivi. Di seguito un esempio di diverse visualizzazioni, utilizzando le stesse impostazioni.

• Su uno schermo di un computer/laptop

• Su un tablet.

• Su un dispositivo mobile.

4/ Pubblica per salvare e andare in diretta.

Checkout Back to top

Tutte le opzioni per Checkout possono essere trovate in: Aspetto > Personalizza > WooCommerce > Checkout.

È ora possibile impostare se alcuni campi sono obbligatori o facoltativi a seconda dei dati che si desidera raccogliere. Puoi anche scegliere di evidenziare i campi obbligatori con un asterisco, che è l’impostazione predefinita.

Si raccomanda di creare le pagine Privacy Policy e Termini e Condizioni, e poi puoi impostarle qui. Le pagine impostate sono collegate insieme al testo che inserisci e appaiono nella pagina di checkout in questo modo:

Il link “privacy policy” apre la pagina in una nuova finestra, mentre il link “termini e condizioni” apre un box nella pagina che mostra il contenuto della pagina dei termini e condizioni. Un ordine non può essere effettuato senza selezionare la casella dei termini e delle condizioni richiesta.

FAQs Torna all’inizio

Non trovo WooCommerce Customizer. Torna all’inizio

I negozi che usano WooCommerce 3.3x+ hanno questa opzione disponibile su: Aspetto > Personalizza > WooCommerce. I negozi che usano una versione di WooCommerce precedente alla 3.3.0 vedranno Store Notice e Product Images in: WooCommerce > Impostazioni > Prodotti > Sezione Display; Il catalogo dei prodotti è nuovo.

Si consiglia di aggiornare all’ultima versione di WooCommerce per approfittare delle nuove e migliorate caratteristiche e funzionalità. Grazie!

Posso ancora usare il plugin Regenerate Thumbnails? Torna su

Sì, è possibile. Ma non è necessario se si usa WooCommerce 3.3.0 o superiore, perché il passaggio a una nuova o diversa loro, o qualsiasi cambiamento dal vivo nel catalogo prodotti o nelle immagini dei prodotti, innesca WooCommerce per auto-dimensionare e auto-aggiornare le miniature e le immagini del catalogo prodotti per te.

Puoi anche usare l’opzione Rigenera le miniature del negozio in: WooCommerce > Stato > Strumenti.