Questo tipo di prodotto risulta ideale in numerosi scenari:<\/p>\n
- \n
- Abbigliamento e moda<\/strong>: magliette disponibili in taglie S, M, L, XL e in colori diversi come nero, bianco, blu<\/li>\n
- Calzature<\/strong>: scarpe con numerazione dal 36 al 46, disponibili in diverse colorazioni<\/li>\n
- Elettronica<\/strong>: smartphone con 128 GB, 256 GB o 512 GB di memoria interna<\/li>\n
- Arredamento<\/strong>: divani in tessuto, pelle o ecopelle, con dimensioni a 2 o 3 posti<\/li>\n
- Alimentari e bevande<\/strong>: confezioni da 250 g, 500 g o 1 kg<\/li>\n
- Gioielli<\/strong>: anelli disponibili in diverse misure e metalli (oro, argento, platino)<\/li>\n<\/ul>\n
La regola generale risulta semplice: se un articolo esiste in diverse configurazioni che influenzano prezzo, disponibilit\u00e0 o aspetto, il prodotto variabile rappresenta la scelta corretta. Al contrario, se le opzioni sono puramente estetiche e non modificano nulla (ad esempio, un messaggio personalizzato da incidere), un prodotto semplice con un campo aggiuntivo potrebbe bastare.<\/p>\n
Attributi Globali e Attributi Specifici del Prodotto<\/h2>\n
Prima di creare le variazioni, occorre definire gli attributi<\/strong>, ovvero le caratteristiche che differenziano una variante da un altra. WooCommerce offre due approcci distinti per gestire gli attributi.<\/p>\n
Attributi Globali<\/h3>\n
Gli attributi globali vengono creati una sola volta e risultano riutilizzabili su tutti i prodotti del negozio. Si configurano dalla sezione Prodotti \u2192 Attributi<\/strong> nel menu di WordPress. Ad esempio, puoi creare un attributo globale chiamato “Colore” con i termini “Nero”, “Bianco”, “Rosso”, “Blu” e poi assegnarlo a qualsiasi prodotto del catalogo senza doverlo ridefinire ogni volta.<\/p>\n
Questo approccio offre diversi vantaggi: mantiene la coerenza tra i prodotti (evitando duplicati come “Nero” e “nero”), abilita i filtri di ricerca nella sidebar del negozio e semplifica la gestione quando il catalogo cresce. Per un negozio di abbigliamento con centinaia di articoli, gli attributi globali “Taglia” e “Colore” rappresentano una scelta obbligata.<\/p>\n
Attributi Specifici del Prodotto<\/h3>\n
Gli attributi personalizzati (o specifici) vengono definiti direttamente nella scheda del singolo prodotto. Risultano utili quando un attributo si applica solo a un articolo particolare \u2014 ad esempio, “Lunghezza cavo” per un singolo modello di cuffie. Non compaiono nei filtri globali del negozio, ma funzionano perfettamente per generare le variazioni di quel prodotto specifico.<\/p>\n
![\"Schermata](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/wc-04-new-product.png\")
<\/p>\nCreare un Prodotto Variabile: Procedura Completa<\/h2>\n
Vediamo ora la procedura passo passo per creare un prodotto variabile in WooCommerce, utilizzando come esempio una maglietta disponibile in tre taglie e due colori.<\/p>\n
Passaggio 1: Impostare il Tipo di Prodotto<\/h3>\n
Accedi alla bacheca di WordPress e vai su Prodotti \u2192 Aggiungi nuovo<\/strong>. Inserisci il titolo del prodotto (ad esempio “Maglietta Premium Cotone Organico”) e compila la descrizione. Nel pannello Dati prodotto<\/strong>, seleziona Prodotto variabile<\/strong> dal menu a tendina. Noterai che la scheda “Prezzo” scompare dal pannello generale, dato che ogni variazione avr\u00e0 il proprio prezzo.<\/p>\n
Passaggio 2: Definire gli Attributi<\/h3>\n
Clicca sulla scheda Attributi<\/strong> nel pannello Dati prodotto. Dal menu a tendina “Attributo prodotto personalizzato”, seleziona un attributo globale esistente (come “Taglia”) oppure scegli “Attributo prodotto personalizzato” per crearne uno nuovo. Dopo aver aggiunto un attributo, inserisci i valori separandoli con il carattere pipe (|): ad esempio
S | M | L | XL<\/code>.<\/p>\nIl passaggio cruciale consiste nel selezionare la casella “Usato per le variazioni”<\/strong>. Senza questa opzione attiva, WooCommerce mostrer\u00e0 gli attributi nella scheda prodotto come informazioni descrittive, ma non permetter\u00e0 di generare le variazioni corrispondenti. Ripeti il processo per ogni attributo necessario (ad esempio, aggiungi anche “Colore” con i valori “Nero | Bianco”) e salva gli attributi.<\/p>\n
Passaggio 3: Generare le Variazioni<\/h3>\n
Passa alla scheda Variazioni<\/strong>. Qui troverai il pulsante “Genera variazioni” (oppure “Crea variazioni da tutti gli attributi” nelle versioni precedenti). WooCommerce creer\u00e0 automaticamente tutte le combinazioni possibili: nel nostro esempio, con 4 taglie e 2 colori, otterremo 8 variazioni (S-Nero, S-Bianco, M-Nero, M-Bianco, L-Nero, L-Bianco, XL-Nero, XL-Bianco).<\/p>\n
Se non ti servono tutte le combinazioni \u2014 ad esempio la taglia XL non risulta disponibile in bianco \u2014 puoi semplicemente eliminare la variazione indesiderata o aggiungere manualmente solo le combinazioni necessarie selezionando i valori dai menu a tendina.<\/p>\n
Passaggio 4: Configurare Ogni Variazione<\/h3>\n
Espandi ciascuna variazione cliccando sulla freccia accanto al nome. Per ogni variazione puoi configurare:<\/p>\n
- \n
- Immagine<\/strong>: carica una foto specifica per quella combinazione (la maglietta nera in taglia M avr\u00e0 la foto della versione nera)<\/li>\n
- SKU<\/strong>: un codice univoco come
MAG-PREM-M-NERO<\/code> per identificare esattamente quella variante nel magazzino<\/li>\n- Prezzo<\/strong>: il prezzo di listino e, opzionalmente, un prezzo scontato con date di inizio e fine promozione<\/li>\n
- Stato magazzino<\/strong>: attiva la gestione scorte per tracciare la quantit\u00e0 disponibile di ogni singola variazione<\/li>\n
- Peso e dimensioni<\/strong>: utili per il calcolo automatico delle spedizioni, specialmente quando le varianti hanno pesi diversi<\/li>\n
- Classe di spedizione<\/strong>: permette di assegnare costi di spedizione diversi a variazioni con dimensioni particolari<\/li>\n
- Descrizione<\/strong>: un breve testo che appare sotto il selettore quando il cliente sceglie quella specifica variazione<\/li>\n<\/ul>\n
Impostare i Valori Predefiniti del Modulo<\/h2>\n
Nella parte superiore della scheda Variazioni, troverai i menu a tendina per i valori predefiniti del modulo<\/strong>. Questa impostazione determina quale variazione viene selezionata automaticamente quando il cliente apre la pagina prodotto.<\/p>\n
Impostare valori predefiniti risulta strategicamente importante per diversi motivi. Senza una selezione predefinita, il cliente vede un messaggio generico del tipo “Scegli un opzione” e il pulsante “Aggiungi al carrello” rimane disattivato. Impostando la combinazione pi\u00f9 popolare come predefinita (ad esempio taglia M, colore Nero), il prezzo viene mostrato immediatamente e il pulsante di acquisto risulta subito attivo, riducendo la frizione nel processo di acquisto.<\/p>\n
Come Appaiono le Variazioni nel Frontend<\/h2>\n
Nel frontend del negozio, il prodotto variabile si presenta con menu a tendina (select) per ciascun attributo. Quando il cliente seleziona una combinazione valida, la pagina aggiorna dinamicamente il prezzo, la disponibilit\u00e0, la descrizione della variazione e, se configurata, anche la foto del prodotto. Nella pagina archivio (shop), WooCommerce mostra il range di prezzo: ad esempio “Da \u20ac19,90 a \u20ac29,90”.<\/p>\n
![\"Lista](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/wc-03-products-new.png\")
<\/p>\nIl comportamento predefinito dei menu a tendina funziona bene per la maggior parte dei negozi, ma risulta migliorabile con i plugin di tipo “swatches” che vedremo nel paragrafo dedicato.<\/p>\n
Gestire Prodotti con Molte Variazioni (50+)<\/h2>\n
Quando un prodotto ha molti attributi con molti valori, il numero di variazioni cresce in modo esponenziale. Un prodotto con 5 taglie, 8 colori e 3 materiali genera 120 variazioni. WooCommerce gestisce questa situazione, ma occorre prestare attenzione ad alcuni aspetti fondamentali.<\/p>\n
Limite di Variazioni per Prodotto<\/h3>\n
WooCommerce imposta un limite predefinito di 50 variazioni caricate via AJAX nella pagina prodotto. Con oltre 50 variazioni, il plugin carica i dati in modo incrementale. Questo limite risulta modificabile tramite il filtro
woocommerce_ajax_variation_threshold<\/code>, ma aumentarlo troppo rallenta il caricamento della pagina. Per prodotti con centinaia di variazioni, valuta se suddividere in prodotti separati risulti una soluzione migliore.<\/p>\nCreazione Massiva delle Variazioni<\/h3>\n
Creare manualmente 100+ variazioni dalla bacheca di WordPress risulta tedioso. WooCommerce supporta il pulsante “Genera variazioni” per creare tutte le combinazioni con un clic, ma per la configurazione di prezzo e stock su ciascuna, le azioni di massa<\/strong> nella scheda Variazioni permettono di impostare lo stesso prezzo, lo stesso stato di magazzino o la stessa classe di spedizione su tutte le variazioni contemporaneamente.<\/p>\n
Per cataloghi molto ampi, i plugin di importazione CSV come WP All Import<\/strong> o lo strumento nativo di WooCommerce (Prodotti \u2192 Importa) permettono di caricare centinaia di variazioni da un foglio di calcolo, risparmiando ore di lavoro manuale.<\/p>\n
Modifica Massiva delle Variazioni<\/h3>\n
Per aggiornare i prezzi di tutte le variazioni di un prodotto, utilizza le azioni di massa nella scheda Variazioni: “Imposta prezzi di listino” e “Imposta prezzi scontati” permettono di applicare un valore fisso o un aumento\/diminuzione percentuale a tutte le variazioni in un colpo solo. Questa funzionalit\u00e0 risulta particolarmente utile durante i saldi stagionali o gli aggiornamenti di listino.<\/p>\n
Ottimizzare le Prestazioni dei Prodotti Variabili<\/h2>\n
I prodotti variabili richiedono query al database per caricare i dati di ciascuna variante. Con cataloghi ampi, le prestazioni possono degradarsi se non si adottano alcune precauzioni.<\/p>\n
- \n
- Cache delle pagine<\/strong>: utilizza un plugin di caching come WP Rocket per servire pagine statiche ai visitatori, riducendo le query al database<\/li>\n
- Limita le variazioni per prodotto<\/strong>: se un prodotto ha oltre 200 variazioni, valuta di suddividerlo in prodotti separati raggruppati per categoria<\/li>\n
- Ottimizza le immagini<\/strong>: ogni variazione con immagine propria moltiplica le risorse da caricare. Comprimi le foto con strumenti come ShortPixel o Imagify<\/li>\n
- Hosting performante<\/strong>: un hosting ottimizzato per e-commerce<\/a> con PHP 8.2+, OPcache attivo e MySQL\/MariaDB configurato correttamente fa la differenza<\/li>\n
- Disattiva le variazioni esaurite<\/strong>: nascondere le variazioni non disponibili riduce il peso della pagina e migliora la user experience<\/li>\n<\/ul>\n
Plugin Swatches: Migliorare la Selezione delle Varianti<\/h2>\n
I menu a tendina standard di WooCommerce risultano funzionali ma poco accattivanti, specialmente per attributi visivi come i colori. I plugin di tipo variation swatches<\/strong> sostituiscono i select con pulsanti grafici, campioni di colore, immagini in miniatura o etichette stilizzate.<\/p>\n
I Migliori Plugin Swatches per WooCommerce<\/h3>\n
- \n
- Variation Swatches for WooCommerce<\/strong> (di Suspended): gratuito, supporta colore, immagine e label. La versione Pro aggiunge tooltip, swatches nella pagina archivio e layout personalizzati<\/li>\n
- WooCommerce Variation Swatches Pro<\/strong> (di ThemeHigh): interfaccia intuitiva, supporto per radio button oltre a color\/image\/label<\/li>\n
- Product Variation Swatches<\/strong> (di CartFlows): leggero, compatibile con la maggior parte dei temi, inclusa la modalit\u00e0 “round” per i colori<\/li>\n<\/ul>\n
Dopo aver installato un plugin swatches, configura il tipo di visualizzazione per ciascun attributo globale: “Color” per i colori (assegnando il codice esadecimale a ciascun termine), “Image” per mostrare miniature, “Label” per pulsanti con testo. Il risultato migliora significativamente la user experience, specialmente su dispositivi mobili dove i menu a tendina risultano meno pratici.<\/p>\n
Best Practice per i Prodotti Variabili<\/h2>\n
Dopo aver lavorato con centinaia di negozi WooCommerce, ecco le pratiche che consigliamo per gestire al meglio i prodotti variabili:<\/p>\n
- \n
- Usa attributi globali<\/strong> quando lo stesso attributo si applica a diversi prodotti. Risparmierai tempo e manterrai coerenza nel catalogo<\/li>\n
- Assegna sempre un codice SKU<\/strong> a ogni variazione, non solo al prodotto padre. Questo semplifica la gestione del magazzino e la ricerca degli ordini<\/li>\n
- Carica immagini specifiche<\/strong> almeno per gli attributi visivi come il colore. Un cliente che seleziona “Rosso” vuole vedere il prodotto rosso, non quello generico<\/li>\n
- Imposta sempre un valore predefinito<\/strong> per evitare la pagina con il pulsante disattivato al primo caricamento<\/li>\n
- Attiva la gestione scorte per variazione<\/strong> e non solo a livello di prodotto padre, in modo da tracciare la disponibilit\u00e0 di ogni singola combinazione<\/li>\n
- Scrivi descrizioni brevi per le variazioni<\/strong> che contengono informazioni specifiche (ad esempio “Il cotone nero risulta pre-trattato e non stinge”)<\/li>\n
- Verifica il frontend dopo ogni modifica<\/strong>: testa la selezione delle variazioni da desktop e da mobile per assicurarti che tutto funzioni correttamente<\/li>\n<\/ol>\n
Errori Comuni da Evitare<\/h2>\n
Nella nostra esperienza di sviluppo e-commerce<\/a>, i problemi con i prodotti variabili derivano spesso da configurazioni errate:<\/p>\n
- \n
- Dimenticare “Usato per le variazioni”<\/strong>: senza questa casella selezionata nella scheda Attributi, la scheda Variazioni risulta vuota<\/li>\n
- Non salvare gli attributi prima di generare le variazioni<\/strong>: clicca sempre “Salva attributi” prima di passare alla scheda Variazioni<\/li>\n
- Lasciare il prezzo vuoto in una variazione<\/strong>: le variazioni senza prezzo non vengono mostrate nel frontend<\/li>\n
- Troppi attributi con pochi valori<\/strong>: tre attributi con 2 valori ciascuno generano 8 variazioni, ma la selezione a tre menu a tendina risulta macchinosa per il cliente<\/li>\n
- Confondere prodotti variabili con prodotti raggruppati<\/strong>: i prodotti raggruppati mostrano articoli separati in una pagina unica, senza selettore di attributi<\/li>\n<\/ul>\n
Conclusione<\/h2>\n
I prodotti variabili rappresentano una caratteristica essenziale di WooCommerce per qualsiasi negozio che venda articoli in diverse configurazioni. Con una corretta impostazione degli attributi, una gestione ordinata delle variazioni e qualche accorgimento sulle prestazioni, il tuo catalogo offrir\u00e0 ai clienti una esperienza di acquisto fluida e professionale.<\/p>\n
Se la configurazione dei prodotti variabili ti sembra complessa o hai bisogno di personalizzazioni avanzate \u2014 come logiche di prezzo condizionali, variazioni dipendenti o integrazioni con gestionali esterni \u2014 contattaci per una consulenza gratuita<\/a>. Il nostro team di sviluppatori WooCommerce sapr\u00e0 aiutarti a costruire il catalogo ideale per il tuo business.<\/p>\n
Migliora il Tuo Sito WordPress<\/h3>\n
Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:<\/p>\n
- \n
- Come Installare Elementor su WordPress<\/a><\/li>\n
- Come Installare e Configurare WP Rocket<\/a><\/li>\n
- Come Installare e Configurare SEOPress<\/a><\/li>\n
- Come Installare e Configurare UpdraftPlus<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
I prodotti variabili rappresentano una delle funzionalit\u00e0 fondamentali di WooCommerce, quella che trasforma un semplice catalogo online in un vero e-commerce professionale. Se vendi abbigliamento…<\/p>\n","protected":false},"author":2,"featured_media":166787,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Prodotti Variabili WooCommerce: Taglie e Colori | Guida","_seopress_titles_desc":"Come creare prodotti variabili in WooCommerce con taglie, colori e varianti. Attributi, variazioni, prezzi per variante e gestione stock.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"Prodotti Variabili WooCommerce: Taglie,","footnotes":""},"categories":[61],"tags":[3017,3019,3015,3018,3016,475],"class_list":["post-166798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-attributi","tag-colori","tag-prodotti-variabili","tag-taglie","tag-varianti","tag-woocommerce"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=166798"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/166787"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=166798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=166798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=166798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Come Installare e Configurare WP Rocket<\/a><\/li>\n
- Non salvare gli attributi prima di generare le variazioni<\/strong>: clicca sempre “Salva attributi” prima di passare alla scheda Variazioni<\/li>\n
- Assegna sempre un codice SKU<\/strong> a ogni variazione, non solo al prodotto padre. Questo semplifica la gestione del magazzino e la ricerca degli ordini<\/li>\n
- WooCommerce Variation Swatches Pro<\/strong> (di ThemeHigh): interfaccia intuitiva, supporto per radio button oltre a color\/image\/label<\/li>\n
- Limita le variazioni per prodotto<\/strong>: se un prodotto ha oltre 200 variazioni, valuta di suddividerlo in prodotti separati raggruppati per categoria<\/li>\n
- SKU<\/strong>: un codice univoco come
- Calzature<\/strong>: scarpe con numerazione dal 36 al 46, disponibili in diverse colorazioni<\/li>\n