# Un tema WooCommerce con blocchi per ogni schermata del negozio URL: https://canvaswp.com/it/woocommerce/ Updated: 2026-11-05 WooCommerce Progetta la pagina prodotto, la griglia dello shop, il carrello e il checkout con i blocchi nell'editor che WordPress ti mette a disposizione, poi parti da una demo che arriva come negozio funzionante. WooCommerce gestisce gli ordini, Canvas gli dà il design. Aggiornato il 5 novembre 2026 24 Blocchi WooCommerce 18 Template del negozio 21 Demo di negozi che puoi importare I blocchi ## 24 blocchi per le quattro schermate che vendono Ogni parte di un negozio WooCommerce che un acquirente vede è un blocco con un pannello delle impostazioni, quindi puoi spostarla, cambiarne lo stile o rimuoverla senza toccare alcun file di template. ### La pagina prodotto 11 blocchi Crea un layout di prodotto singolo blocco per blocco, oppure parti da uno dei template inclusi e sposta gli elementi. #### Product Images Incluso con qualsiasi piano Mostra l'immagine in evidenza del prodotto WooCommerce e le miniature facoltative della galleria. #### Product Gallery Linker Incluso in ogni piano Una striscia di miniature che sposta il carosello della galleria prodotto sull'immagine su cui fai clic. #### Product Price Incluso in qualsiasi piano Mostra il prezzo del prodotto WooCommerce, incluso il prezzo scontato e la formattazione della valuta. #### Valutazione prodotto Incluso in qualsiasi piano Visualizza la valutazione a stelle e, se lo desideri, il numero di recensioni del prodotto WooCommerce attuale. #### Product Meta Incluso in ogni piano Mostra la scheda dei metadati del prodotto: SKU, categorie e tag. #### Product Short Description Incluso in ogni piano Mostra la breve descrizione del prodotto con la formattazione dei paragrafi intatta. #### Variation Swatches Incluso in ogni piano Pallini colore o pulsanti a pillola che scelgono la variante di un prodotto variabile. #### Add to Cart Incluso in qualsiasi piano Visualizza il modulo Aggiungi al carrello di WooCommerce per il prodotto corrente, con campo quantità facoltativo. #### Product Tabs Incluso in qualsiasi piano Mostra le schede dei dati del prodotto WooCommerce: Descrizione, Informazioni aggiuntive e Recensioni. #### Product Share Incluso in ogni piano Mostra la scheda «Condividi:» con i link alle condivisioni sui social per il prodotto WooCommerce corrente. #### Related Products Incluso in ogni piano Mostra una griglia di prodotti WooCommerce correlati al prodotto corrente. Viene visualizzato solo nei template di prodotto singolo. ### Il negozio e il relativo catalogo 5 blocchi Griglie, caroselli, schede delle categorie e un filtro per prezzo, ognuno in grado di prendere i contenuti da una categoria, un tag, una ricerca o un elenco scelto manualmente. #### Prodotti Incluso in ogni piano Mostra i prodotti WooCommerce in una griglia o in un elenco. Filtra per origine, categoria, tag e ordinamento. #### Categorie di prodotto Incluso in ogni piano Visualizza le categorie di prodotti WooCommerce come una griglia di card responsive con miniature, nomi e numero di prodotti. #### Product Carousel Incluso con qualsiasi piano Mostra i prodotti WooCommerce in un carosello owl scorrevole. Supporta riproduzione automatica, frecce di navigazione, indicatori a pallino e breakpoint responsive. #### Store Price Filter Incluso in ogni piano Un controllo con doppio cursore per l'intervallo di prezzo che filtra direttamente la griglia dei prodotti. #### Conference Tickets Incluso in qualsiasi piano Box di prezzo per una categoria di prodotti biglietto, ciascuno con un menu a discesa per la quantità e un link aggiungi al carrello in tempo reale. ### Il carrello 3 blocchi Una pagina del carrello che progetti tu, con l'upsell che gli acquirenti vedono davvero. #### Cart Table Incluso in ogni piano Mostra la tabella del carrello WooCommerce con articoli, quantità e totali. #### Cart Totals Incluso in ogni piano Mostra il pannello dei totali del carrello WooCommerce, con subtotale, spedizione e pulsante per procedere al pagamento. #### Cross-Sells Incluso in ogni piano Mostra i prodotti di cross-sell dal carrello WooCommerce attuale. Viene visualizzato solo quando il carrello è attivo e contiene prodotti di cross-sell. ### Il checkout 3 blocchi Il modulo di fatturazione, il riepilogo dell'ordine e gli avvisi che spiegano all'acquirente cosa è appena successo. #### Checkout Billing Incluso in ogni piano Mostra il modulo per l'indirizzo di fatturazione del checkout di WooCommerce. #### Checkout Order Review Incluso in ogni piano Mostra il riepilogo dell'ordine del checkout WooCommerce con le singole voci e i totali. #### WooCommerce Notices Incluso in ogni piano Mostra gli avvisi di WooCommerce: errori, messaggi di successo o avvisi informativi. ### Altrove nel negozio 2 blocchi Blocchi del negozio che restano fuori dalle quattro schermate qui sopra. #### Lista dei desideri Incluso in ogni piano I prodotti salvati da un acquirente, con prezzo, disponibilità e un pulsante Aggiungi al carrello. Inseriscilo nella pagina scelta in Opzioni del tema, Wishlist. #### Wishlist Button Incluso in ogni piano Salva il prodotto corrente nella lista dei desideri dell'acquirente. Usalo nei template di prodotto e nelle card di prodotto. ### Negozio di abbigliamento Un catalogo di moda con pagine delle collezioni, prodotti variabili e un carrello nell'header che mostra il conteggio degli articoli. [Temi e-commerce](https://canvaswp.com/it/wordpress-themes/ecommerce/) ### Arredamento Vendita e noleggio in un unico catalogo, con la griglia dei prodotti e la pagina del singolo prodotto entrambe costruite con blocchi. [Temi per interior design](https://canvaswp.com/it/wordpress-themes/interior-design/) ### Vino Un negozio di vini in cui il design mette in risalto le foto dei prodotti, mentre le pagine del negozio restano sullo sfondo. [Temi per ristoranti](https://canvaswp.com/it/wordpress-themes/restaurant/) Tre dei 21 negozi demo. Ogni elemento che un acquirente vede in queste pagine è un blocco con un pannello delle impostazioni alle sue spalle. [Tutti i 314 blocchi Canvas](https://canvaswp.com/it/blocks/) Comportamento ## Cosa fanno i clienti senza ricaricare la pagina Tre comportamenti del negozio che di solito richiedono ciascuno un plugin sono inclusi nell'integrazione. ### Campioni di colore per gli attributi Assegna un colore a un termine di attributo del prodotto nel pannello di amministrazione e i prodotti variabili mostrano pallini colorati o pulsanti a pillola al posto del menu a tendina, così chi acquista sceglie una variante a colpo d'occhio. ### Aggiunta al carrello AJAX Aggiungere un prodotto da una griglia, un carosello o un overlay della card aggiorna il carrello sul posto. L'acquirente resta sulla pagina che stava visitando e il mini carrello dell'header continua a mostrare il conteggio. ### Stili delle schede prodotto Fissa ogni immagine del catalogo a una stessa forma così le card si allineano, scegli se le immagini extra della galleria compaiono al passaggio del mouse o scorrono come presentazione, e decidi cosa offre la sovrapposizione al passaggio: acquista, anteprima rapida o entrambe. Template ## 18 template per negozi nell'Editor del sito Ogni schermata del negozio è un template a blocchi che apri, modifichi e ripristini nell'Editor del sito, nello stesso modo in cui modifichi qualsiasi altro template a blocchi. ### Layout del singolo prodotto Disponi la pagina prodotto con il layout predefinito, un riepilogo fisso che segue la galleria, un elenco, un design a colori, un design per negozio, uno dei due layout di galleria con collegamenti personalizzati, oppure con una variante a sinistra, a destra o a due colonne laterali. ### Layout delle pagine del negozio Imposta il layout del negozio a larghezza piena, con una barra laterale a sinistra, con una barra laterale a destra o con barre laterali su entrambi i lati, così filtri e categorie si trovano dove serve al tuo catalogo. ### Archivi, carrello e checkout L'archivio del negozio, gli archivi delle categorie di prodotti, il carrello e il checkout sono ciascuno forniti come template, insieme agli override dei template WooCommerce messi a disposizione dal tema. I template del negozio sono elencati sotto woocommerce nel pannello Template dell'Editor del sito, accanto a quelli di Canvas, e si ripristinano dalla stessa schermata. Assegna un layout a ogni prodotto dall'editor, oppure imposta quello predefinito per l'intero negozio in Opzioni del tema. Un template personalizzato nell'Editor del sito resta personalizzato anche dopo gli aggiornamenti, e Canvas ti avvisa quali sono cambiati dopo un aggiornamento. Opzioni del tema ## 39 opzioni del negozio, 5 schede Valori predefiniti per l'intero negozio relativi al catalogo, alla pagina del prodotto, al carrello, al checkout e al mini carrello nell'header, più una modalità catalogo per i negozi che ricevono richieste di informazioni. Prodotti per pagina, paginazione, forma delle immagini del prodotto, immagini extra della galleria e overlay della scheda si gestiscono tutti qui, e un blocco che ne imposta uno autonomamente ha comunque la precedenza sulla pagina in cui è inserito. - Catalogo: prodotti per riga per ogni dimensione di schermo, forma dell'immagine, comportamento al passaggio del mouse, badge di sconto - Pagina prodotto: cosa mostra la schermata del singolo prodotto e una barra sticky per aggiungere al carrello - Carrello e checkout: una barra di avanzamento per la spedizione gratuita e un checkout senza distrazioni - Mini carrello: cosa fa il carrello dell'header quando un cliente aggiunge un prodotto - Modalità catalogo: nasconde prezzi e pulsante di acquisto, mostra un pulsante di richiesta informazioni [Opzioni del negozio che ti aiutano a vendere](https://docs.canvaswp.com/store-options-that-help-you-sell) [Modalità catalogo](https://docs.canvaswp.com/catalog-mode) [La lista dei desideri](https://docs.canvaswp.com/the-wishlist) Opzioni del tema, sezione Negozio, scheda Catalogo. Prestazioni ## Cinque interruttori di WooCommerce WooCommerce carica script e fogli di stile su ogni pagina del sito, anche su quelle che non vendono nulla. Questi cinque interruttori tolgono questo carico, e ognuno è reversibile. - Rimuovi il JavaScript di WooCommerce dalle pagine che non mostrano contenuto del negozio - Disattiva il tracciamento dell'attribuzione degli ordini se non leggi questi report - Interrompi il polling dello script dei frammenti del carrello a ogni caricamento della pagina. - Rimuovi la libreria di verifica della robustezza delle password fuori dalle pagine account e checkout - Rimuovi la libreria Select2 inclusa al di fuori delle pagine di checkout e account [Tutte le 35 ottimizzazioni delle prestazioni](https://canvaswp.com/it/performance/) Opzioni del tema, Performance, scheda WooCommerce. Demo di negozi ## 21 demo sono negozi WooCommerce funzionanti Prodotti, categorie, attributi, un carrello e un checkout, importati e pronti per un ordine di prova. Visualizza in anteprima live ciascuno di essi prima di decidere. ### [Bag Store demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/ecommerce/) Negozio ed e-commerce · 9 pagine · [Cosa installa: i blocchi e i tipi di contenuto della demo Bag Store](https://docs.canvaswp.com/design-ecommerce) ### [Barber Shop demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/barber/) Bellezza e spa · 7 pagine · [Cosa installa: i blocchi e i tipi di contenuto della demo Barber Shop](https://docs.canvaswp.com/design-barber) ### [CanvasRoam demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/youtube-creator/) Portfolio e personale · 10 pagine · [Cosa installa: i blocchi e i tipi di contenuto del demo CanvasRoam](https://docs.canvaswp.com/design-youtube-creator) ### [Christmas Store demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/xmas/) Negozio ed e-commerce · 6 pagine ### [Clothing Store demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/store/) Negozio ed e-commerce · 19 pagine · [Cosa installa: i blocchi e i tipi di contenuto della demo Clothing Store](https://docs.canvaswp.com/design-store) ### [Conference demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/conference/) Eventi e matrimoni · 25 pagine · [Cosa installa: i blocchi e i tipi di contenuto della demo Conference](https://docs.canvaswp.com/design-conference) ### [Drone demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/drone/) Negozio ed e-commerce · 12 pagine ### [eBook demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/ebook/) Negozio ed e-commerce · 9 pagine ### [Fashion Shop demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/shop/) Negozio ed e-commerce · 25 pagine ### [Fashion Store demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/fashion-store/) Negozio ed e-commerce · 16 pagine ### [FORM 2026 demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/event-conference/) Eventi e matrimoni · 14 pagine · [Cosa installa: i blocchi e i tipi di contenuto della demo FORM 2026](https://docs.canvaswp.com/design-event-conference) ### [Furniture demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/furniture/) Negozio ed e-commerce · 12 pagine ### [Game of Canvas demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/gaming/) Intrattenimento e community · 12 pagine · [Cosa installa: i blocchi e i tipi di contenuto del demo Game of Canvas](https://docs.canvaswp.com/design-gaming) ### [Illustrator demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/illustrator/) Portfolio e personale · 7 pagine · [Cosa installa: i blocchi e i tipi di contenuto del demo Illustrator](https://docs.canvaswp.com/design-illustrator) ### [Jewelry Boutique demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/jewellery-boutique/) Negozio ed e-commerce · 17 pagine ### [Podcasts demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/podcasts/) Blog e magazine · 13 pagine · [Cosa installa: i blocchi e i tipi di contenuto del Demo Podcasts](https://docs.canvaswp.com/design-podcasts) ### [Pottery Shop demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/shop-2/) Negozio ed e-commerce · 12 pagine ### [Speaker Store demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/speaker/) Negozio ed e-commerce · 11 pagine ### [Supplement Store demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/supplements/) Negozio ed e-commerce · 13 pagine ### [Wildroot Gear demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/gear/) Negozio ed e-commerce · 14 pagine · [Cosa installa: i blocchi e i tipi di contenuto della demo Wildroot Gear](https://docs.canvaswp.com/design-gear) ### [Wine Estate demo, anteprima dal vivo (si apre in una nuova scheda)](https://demos.canvaswp.com/wine/) Cibo e bevande · 10 pagine · [Cosa installa: i blocchi e i tipi di contenuto della demo Wine Estate](https://docs.canvaswp.com/design-wine) [Tutti i 88 demo](https://canvaswp.com/it/demos/) Importazione in un negozio online attivo ## Le pagine del tuo negozio vengono adottate, non duplicate La paura più comune quando importi il design di un negozio è svegliarti con due checkout. Canvas associa le pagine WooCommerce del demo a quelle che il tuo sito ha già. La schermata di importazione da cui passa ogni demo di negozio, con il ripristino che ne annulla l'effetto. ### Un negozio, un carrello, un checkout L'importatore trova le pagine WooCommerce esistenti e collega direttamente a queste i menu e i link della demo. ### Reversibile Tutto ciò che l'importazione ha creato viene tracciato, quindi una sola schermata rimuove i contenuti demo e ripristina le opzioni e i menu presenti in precedenza. ### Prodotti inclusi Prodotti, categorie, attributi e colori swatch di esempio arrivano insieme al design, così il catalogo si presenta correttamente mentre inserisci i tuoi. ### Oppure solo le pagine Scegli l'importazione limitata alla pagina e otterrai le pagine della demo, ma non le sue Opzioni del tema, i suoi menu o la sua pagina iniziale. Domande ## Vendere con Canvas Le domande che i proprietari di store fanno per prime. La [documentazione](https://docs.canvaswp.com/setting-up-your-shop) illustra in dettaglio ogni blocco e ogni opzione. **Ho ancora bisogno del plugin WooCommerce?** Sì, Canvas aggiunge blocchi, template e opzioni a WooCommerce, senza sostituire nulla. Ordini, prodotti, tasse, spedizioni e pagamenti restano in WooCommerce, dove se li aspettano le altre estensioni che usi. Se parti da un Demo di negozio, la Procedura guidata di configurazione installa e attiva WooCommerce per te prima che parta l'importazione. **Importare un demo di negozio sostituirà le mie pagine del negozio e del checkout?** No, l'importatore di Canvas riutilizza le pagine WooCommerce già presenti nel tuo sito, quindi non compaiono una seconda pagina di negozio, carrello, checkout o account. I prodotti e gli ordini esistenti restano invariati. **Posso combinarli con i blocchi nativi di WooCommerce?** Sì, i blocchi del negozio Canvas sono normali blocchi registrati, quindi convivono con i blocchi di WooCommerce e i blocchi core nello stesso template e nella stessa pagina, e puoi sostituirne uno alla volta senza doverti impegnare per un intero layout. **Come funzionano gli swatch di colore?** Assegna un colore a un termine di attributo del prodotto nel pannello di amministrazione di WordPress e il blocco Canvas Variation Swatches mostra quell'attributo come pallini colorati o pulsanti a pillola al posto di un menu a tendina, nella pagina del prodotto e nei template che lo usano. **I blocchi per il negozio sono inclusi nel mio piano?** Sì: tutti i 24 blocchi e-commerce di Canvas sono blocchi premium, e ogni piano include ogni blocco premium. Non esiste alcun componente aggiuntivo per lo store né un piano e-commerce separato. Altri temi spesso lo separano: la visualizzazione rapida è [una funzione di Astra Pro](https://canvaswp.com/it/compare/astra/), e OceanWP vende [il suo plugin eCommerce Pro](https://canvaswp.com/it/compare/oceanwp/) come prodotto separato.