# Avvia un negozio WooCommerce con WordPress URL: https://canvaswp.com/it/guides/start-a-woocommerce-store-with-wordpress/ Updated: 2026-11-03 Guida WooCommerce gestisce il negozio: i prodotti, gli ordini, le tasse e i pagamenti. Quello che non fa è rendere tutto questo coerente con il tuo brand. Questa guida crea le quattro schermate che un acquirente vede davvero, usando i blocchi nell'editor che WordPress già include. Pubblicato il 5 settembre 2026 Aggiornato il 3 novembre 2026 Scritto dal team di Canvas presso SemiColonWeb ## Passo 1: Installa WooCommerce WooCommerce è un plugin gratuito della directory dei plugin di WordPress e continua a occuparsi di tutto ciò che riguarda il commercio: i dati dei prodotti, le scorte, gli ordini, le regole fiscali, le zone di spedizione e i gateway di pagamento. Canvas non sostituisce mai questo livello, ed è per questo che le altre estensioni WooCommerce che usi continuano a funzionare. ### Due modi per installarlo - **Lascia fare alla procedura guidata di configurazione.** Scegli un demo di negozio durante la configurazione: il passaggio dei plugin installa e attiva WooCommerce prima dell'importazione, perché un negozio richiede un plugin dedicato. - **Installalo tu stesso** da Plugin, Aggiungi nuovo, poi avvia la configurazione guidata di WooCommerce. Fallo se stai aggiungendo un negozio a un sito che gestisci già. In ogni caso, completa una volta la configurazione di WooCommerce e rispondi alle sue domande su paese, valuta e tipo di prodotti che vendi. Quelle risposte influenzano in seguito tasse e spedizioni, e sono laboriose da correggere. Configura un servizio di invio email prima di accettare un ordine reale. Per impostazione predefinita, le email di conferma dell'ordine partono da WordPress tramite il tuo server, e un negozio le cui ricevute finiscono nello spam genera richieste di supporto a cui non puoi rispondere. ## Passaggio 2: Parti da una demo di negozio o da un catalogo vuoto Hai una scelta da fare, e vale dieci minuti di riflessione. ### Importa un demo di negozio 21 dei 88 demo sono negozi WooCommerce funzionanti. Importarne uno ti dà prodotti, categorie, attributi, colori degli swatch, un negozio progettato, una pagina prodotto progettata, un carrello e un checkout, tutti già configurati e tutti modificabili. È il modo più rapido per capire come si incastrano i pezzi, e puoi annullare l'intera importazione se decidi di non tenerla. ### Costruisci sul tuo catalogo Se vendi già prodotti e li hai nel database, scegli l'ambito solo pagine da inserire nel tuo sito esistente. Ottieni le pagine demo e i record che usano, senza le sue impostazioni, i suoi menu o la sua home page, e il tuo catalogo resta esattamente dov'è. In ogni caso, le pagine WooCommerce del tuo sito vengono riutilizzate, quindi esiste sempre un solo negozio, un solo carrello, un solo checkout e una sola pagina dell'account. [Come funziona nel dettaglio l'importazione dei demo](https://canvaswp.com/it/guides/import-a-wordpress-demo-website/) [I nove demo di negozio WooCommerce](https://canvaswp.com/it/wordpress-themes/ecommerce/) ## Passaggio 3: Aggiungi i primi prodotti I prodotti sono record di WooCommerce, aggiunti in Prodotti nell'area di amministrazione di WordPress, e questa parte è volutamente semplice. Dedica il tempo qui piuttosto che al layout, perché una buona pagina di prodotto dipende soprattutto da dati di prodotto ben curati. - **Una foto chiara per prodotto,** scattata allo stesso modo per ogni articolo. Una griglia di catalogo sembra progettata quando le forme coincidono, e messa insieme in fretta quando non coincidono. - **Una breve descrizione che risponda alla domanda che l'acquirente ha davvero.** Dimensioni, materiale, tempi di consegna, cosa succede se non calza. - **Categorie pensate per come le persone fanno acquisti,** non per come è organizzato il tuo magazzino. - **Attributi per tutto ciò che è variabile.** Colore, dimensione, finitura. Assegna ai termini di colore un vero valore di colore nell'admin, perché è questo che più tardi trasforma un menu a tendina in campioni colore. - **Giacenza, peso e dimensioni** se spedisci prodotti fisici. Le regole di spedizione li leggono. Aggiungi tre prodotti prima di progettare qualsiasi cosa. Un layout valutato con un solo elemento segnaposto è un layout che dovrai rifare. ## Passo 4: Progetta la pagina del negozio Lo shop è un catalogo, e il suo compito è portare rapidamente chiunque a una pagina del prodotto. Canvas ti offre blocchi per questo, dove la soluzione tipica è un'unica impostazione del tema con tre scelte di layout. ### I blocchi Una griglia di prodotti attinge da una categoria, un tag, una ricerca o un elenco scelto a mano. Un carosello di prodotti fa lo stesso su una riga per la home page. Le schede delle categorie di prodotto portano le persone in una sezione. Un filtro per prezzo permette agli acquirenti di restringere un catalogo ampio. Ognuno è un blocco con un pannello delle impostazioni, quindi il numero di colonne, la fonte e l'ordinamento sono controlli, non codice. ### Il template sottostante Il negozio stesso è un template di blocco che puoi aprire nell'Editor del sito. Impostalo a larghezza piena, con una barra laterale sinistra, una destra o entrambe, a seconda che filtri e categorie valgano lo spazio che occupano nel tuo catalogo. In totale ci sono 18 template per il negozio, che coprono il negozio, la pagina del prodotto, gli archivi, il carrello e il checkout. ### Le impostazioni predefinite dell'intero store Le Opzioni del tema includono 39 impostazioni per l'e-commerce distribuite su 5 schede: il catalogo, la pagina prodotto, il carrello e il checkout, il mini carrello dell'header e la modalità catalogo. Qui trovi tutto: prodotti per pagina, paginazione, forma dell'immagine del prodotto, se le altre immagini della galleria compaiono al passaggio del mouse e cosa mostra l'overlay. Un blocco che imposta una di queste opzioni in autonomia mantiene la precedenza nella pagina in cui si trova. **Opzioni del tema, Negozio.** Valori predefiniti per l'intero negozio, sostituiti da ogni blocco che imposta i propri. ## Passaggio 5: Progetta la pagina del prodotto Questa è la pagina che vende, quindi merita più della disposizione predefinita che usano tutti i negozi online. ### Costruiscilo componente per componente Ogni parte di una pagina prodotto è un blocco: la galleria immagini, il prezzo, la valutazione a stelle, i metadati, la descrizione breve, gli swatch delle varianti, il pulsante Aggiungi al carrello, le schede, la riga di condivisione e i prodotti correlati. Spostali, cambiane lo stile oppure eliminane uno: la pagina continua a funzionare, perché ogni blocco chiede a WooCommerce i propri dati. ### Oppure parti da un layout incluso Se preferisci non partire dai singoli pezzi, scegli uno dei layout di prodotto singolo inclusi e sposta gli elementi: quello predefinito, un riepilogo sticky che segue la galleria mentre scorri, un elenco, un design con il colore in primo piano, un design da negozio, due layout di galleria con collegamento personalizzato e varianti con una barra laterale a sinistra, una a destra o due barre laterali. Assegna un layout a ogni prodotto dall'editor oppure imposta il predefinito del negozio nelle Opzioni del tema. ### Cosa mettere nella parte visibile senza scorrere La foto, il nome, il prezzo, la scelta della variante e il pulsante Aggiungi al carrello. Tutto il resto, compresa la descrizione che molti non leggono mai, può stare più in basso. Controllalo su un telefono prima di decidere di non essere d'accordo. ## Passaggio 6: Il carrello e il checkout Queste due schermate sono dove si perdono i soldi e, nella maggior parte dei temi, sono proprio le due che non puoi toccare. Qui sono blocchi come tutti gli altri. ### Il carrello Un blocco tabella del carrello per i contenuti, un blocco totali del carrello per i numeri e un blocco cross-sell per ciò che un cliente potrebbe davvero aggiungere. Mantieni il testo breve e il pulsante ben visibile. L'errore più comune nel carrello è un muro di contenuti promozionali tra i totali e il pulsante di pagamento. ### Il checkout Un blocco di fatturazione per il modulo, un blocco di revisione dell'ordine per ciò che viene acquistato e un blocco di avvisi per i messaggi che indicano all'acquirente cosa è successo. WooCommerce gestisce ancora l'ordine, il pagamento e le email; sei tu a decidere come si presenta la schermata. ### Regole che si ripagano da sole - Chiedi solo i campi che la spedizione richiede davvero. - Mostra il costo totale, spedizione inclusa, prima del passaggio di pagamento. - Indica quando arriverà l'ordine, in giorni, scritti a parole. - Metti la tua politica di reso in un punto dove la vedrà subito un acquirente alle prime armi, un po' nervoso. ## Passaggio 7: Swatch, aggiungi al carrello e stili delle card Tre funzioni dello shop che di solito richiedono un plugin ciascuna sono incluse nell'integrazione. - **Campioni di colore per gli attributi.** Assegna un colore a un termine di attributo prodotto nel pannello di amministrazione e i prodotti variabili mostrano pallini colorati o pillole a pulsante al posto del menu a tendina. L'acquirente sceglie così la variante a colpo d'occhio, cosa che conta soprattutto da smartphone. - **Aggiungi al carrello senza ricaricare la pagina.** Aggiungendo un prodotto da una griglia, un carosello o una sovrapposizione di scheda, il carrello si aggiorna sul posto: l'acquirente resta sulla pagina che stava consultando e il carrello nell'header continua a mostrare il conteggio. - **Stili delle card prodotto.** Fissa ogni immagine del catalogo su un'unica forma così la griglia resta allineata, scegli se le immagini extra della galleria si mostrano al passaggio del mouse o scorrono come presentazione, e decidi cosa offre la sovrapposizione al passaggio: acquisto, visualizzazione rapida o entrambi. Tutte e tre sono impostazioni. Nessuna richiede uno snippet, un tema figlio o un secondo plugin, e ciascuna può essere disattivata se preferisci il comportamento più semplice. Alcuni temi vendono questo livello separatamente. OceanWP include un'integrazione gratuita con WooCommerce e offre Ocean eCommerce Pro come prodotto separato, e [come si confronta Canvas con OceanWP](https://canvaswp.com/it/compare/oceanwp/) illustra cosa include ogni piano per un negozio. ## Passaggio 8: Pagamenti, velocità, poi un ordine di prova Design per ultimo, soldi per primi. Segui questi passaggi prima di dire a chiunque che il negozio è aperto. ### La configurazione commerciale, in WooCommerce - Collega i gateway di pagamento che intendi usare e completa la loro verifica, che di solito richiede più tempo di quanto ti aspetti. - Imposta le regole fiscali e le zone di spedizione per i luoghi in cui spedisci davvero. - Scrivi le pagine di rimborso, resi e spedizione, e collegale dal footer e dal checkout. ### La velocità in Canvas WooCommerce carica script e fogli di stile in ogni pagina del sito, comprese quelle che non vendono nulla. Cinque interruttori eliminano questo sovraccarico: rimuovere il JavaScript di WooCommerce dalle pagine che non mostrano output del negozio, disattivare il tracciamento dell'attribuzione degli ordini, impedire che lo script dei cart fragments interroghi il server in ogni pagina che mostra un carrello, ed eliminare le librerie per la verifica della robustezza delle password e per i select al di fuori delle pagine dell'account e del checkout. Rientrano in 35 ottimizzazioni, e ognuna è reversibile. ### Poi effettua un ordine reale Acquista qualcosa dal tuo negozio, da smartphone, con la connessione dati mobile. Paga con una carta reale se il tuo gateway supporta un rimborso di prova. Controlla che arrivi l'email di conferma, verifica che l'ordine compaia nell'admin, poi rimborsa te stesso. Tutto ciò che scopri in quei cinque minuti è qualcosa che un cliente avrebbe trovato altrimenti. **Prestazioni, scheda WooCommerce.** Cinque interruttori reversibili per gli script che una pagina non usa mai. ## Fonti Quando questa guida descrive qualcosa che va oltre Canvas, qui trovi le pagine ufficiali che lo documentano. - [Installare e disinstallare WooCommerce](https://woocommerce.com/document/installing-uninstalling-woocommerce/) woocommerce.com · WooCommerce è gratuito, si installa dalla schermata Plugin e apre la sua procedura guidata di configurazione - [Pagine di WooCommerce](https://woocommerce.com/document/woocommerce-pages/) woocommerce.com · WooCommerce assegna una pagina ciascuna a negozio, carrello, cassa e account - [Configurare le tasse in WooCommerce](https://woocommerce.com/document/setting-up-taxes-in-woocommerce/) woocommerce.com · Le aliquote fiscali si impostano nelle impostazioni di WooCommerce - [Configurazione delle zone di spedizione](https://woocommerce.com/document/setting-up-shipping-zones/) woocommerce.com · Una zona di spedizione è un'area geografica in cui spedisci - [Tracciamento dell'attribuzione degli ordini](https://woocommerce.com/document/order-attribution-tracking/) woocommerce.com · Cosa registra l'attribuzione degli ordini e l'impostazione di WooCommerce che la disattiva Cosa fare dopo ## Prossimi passi Due guide per il resto del sito oltre al negozio, e le funzionalità del negozio nel dettaglio. [Guida **Crea un sito per ristorante** Un'importazione dall'inizio alla fine su un progetto reale, con le modifiche successive.](https://canvaswp.com/it/guides/build-a-restaurant-website-with-wordpress/) [Guida **Crea siti per i clienti** Una licenza per tutti i clienti: chiavi, copie di staging e come appare il passaggio di consegne.](https://canvaswp.com/it/guides/build-client-websites-with-wordpress/) [Prodotto **Canvas e WooCommerce** 24 blocchi per negozio e 18 template per negozio.](https://canvaswp.com/it/woocommerce/) Domande ## Domande frequenti La [FAQ completa](https://canvaswp.com/it/faq/) risponde al resto, e la [documentazione](https://docs.canvaswp.com/) copre ogni impostazione nel dettaglio. **Ho ancora bisogno del plugin WooCommerce?** Sì, un negozio Canvas funziona ancora con il plugin WooCommerce. Canvas aggiunge blocchi, template e opzioni, lasciando però il plugin al comando, così ordini, prodotti, tasse, spedizioni e pagamenti restano dove le tue altre estensioni se li aspettano. Se parti da una demo di negozio, la procedura guidata di configurazione installa e attiva WooCommerce prima di eseguire l'importazione. **I blocchi per il negozio sono un acquisto a parte?** No, i blocchi per store di Canvas sono inclusi in ogni piano senza costi extra. Tutti i 24 blocchi per store sono blocchi premium, e ogni piano include tutti i blocchi premium, insieme a tutti i 18 template per store e a tutti i 21 demo di store. Non esiste un livello e-commerce separato né un componente aggiuntivo per lo store. **Posso usare questi insieme ai blocchi WooCommerce?** Sì, puoi combinarli liberamente: i blocchi per e-commerce di Canvas sono normali blocchi registrati, quindi si affiancano ai blocchi WooCommerce e ai blocchi core nello stesso template e nella stessa pagina. Sostituisci un elemento alla volta e lascia invariato il resto del layout. **Importare un demo del negozio mi darà due checkout?** No, l'importazione di una demo di negozio Canvas ti lascia un solo checkout. L'importatore trova le pagine negozio, carrello, checkout e account che il tuo sito ha e vi indirizza i menu e i link della demo, così ne resta una per tipo. I prodotti e gli ordini esistenti non vengono toccati, e l'intera importazione può essere annullata.