Un tema WooCommerce con blocchi per ogni schermata del negozio
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
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
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
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 ristorantiTre dei 21 negozi demo. Ogni elemento che un acquirente vede in queste pagine è un blocco con un pannello delle impostazioni alle sue spalle.
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.
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.
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 Modalità catalogo La lista dei desideri
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
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)
Negozio ed e-commerce · 9 pagine · Cosa installa: i blocchi e i tipi di contenuto della demo Bag Store
CanvasRoam demo, anteprima dal vivo (si apre in una nuova scheda)
Portfolio e personale · 10 pagine · Cosa installa: i blocchi e i tipi di contenuto del demo CanvasRoam
Christmas Store demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 6 pagine
Clothing Store demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 19 pagine · Cosa installa: i blocchi e i tipi di contenuto della demo Clothing Store
Conference demo, anteprima dal vivo (si apre in una nuova scheda)
Eventi e matrimoni · 25 pagine · Cosa installa: i blocchi e i tipi di contenuto della demo Conference
Drone demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 12 pagine
eBook demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 9 pagine
Fashion Shop demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 25 pagine
Fashion Store demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 16 pagine
FORM 2026 demo, anteprima dal vivo (si apre in una nuova scheda)
Eventi e matrimoni · 14 pagine · Cosa installa: i blocchi e i tipi di contenuto della demo FORM 2026
Furniture demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 12 pagine
Game of Canvas demo, anteprima dal vivo (si apre in una nuova scheda)
Intrattenimento e community · 12 pagine · Cosa installa: i blocchi e i tipi di contenuto del demo Game of Canvas
Illustrator demo, anteprima dal vivo (si apre in una nuova scheda)
Portfolio e personale · 7 pagine · Cosa installa: i blocchi e i tipi di contenuto del demo Illustrator
Jewelry Boutique demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 17 pagine
Pottery Shop demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 12 pagine
Speaker Store demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 11 pagine
Supplement Store demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 13 pagine
Wildroot Gear demo, anteprima dal vivo (si apre in una nuova scheda)
Negozio ed e-commerce · 14 pagine · Cosa installa: i blocchi e i tipi di contenuto della demo Wildroot Gear
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.
Vendere con Canvas
Le domande che i proprietari di store fanno per prime. La documentazione 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, e OceanWP vende il suo plugin eCommerce Pro come prodotto separato.
Costruisci il negozio, non l'infrastruttura
Ogni piano include tutti i 24 blocchi per negozi online, tutti i 18 template per negozi online e tutte le 21 demo di negozi. Non c'è un livello e-commerce superiore a cui passare.