[woocommerce_cart]<\/code> in una qualsiasi pagina WordPress per ottenere un carrello perfettamente funzionante. Non servono competenze tecniche avanzate, e il risultato si adatta automaticamente al tema in uso.<\/p>\nGli Shortcode Fondamentali di WooCommerce<\/h2>\n
Questi quattro shortcode costituiscono il cuore di ogni negozio WooCommerce. Vengono assegnati automaticamente alle rispettive pagine durante l’installazione guidata, ma \u00e8 utile conoscerli nel dettaglio per risolvere eventuali problemi o per personalizzare il flusso di acquisto.<\/p>\n
[woocommerce_cart] \u2014 La Pagina Carrello<\/h3>\n
Questo shortcode genera l’intera interfaccia del carrello: la tabella dei prodotti con quantit\u00e0 modificabili, il calcolo del subtotale, l’area per i codici coupon e il pulsante per procedere al checkout. L’utilizzo \u00e8 semplicissimo:<\/p>\n
[woocommerce_cart]<\/code><\/p>\nNon accetta alcun attributo aggiuntivo. Se la pagina del carrello non funziona correttamente, la prima cosa da verificare \u00e8 che questo shortcode sia presente nel contenuto della pagina assegnata in WooCommerce \u2192 Impostazioni \u2192 Avanzate \u2192 Impostazione pagine<\/strong>.<\/p>\n[woocommerce_checkout] \u2014 La Pagina di Checkout<\/h3>\n
Genera il modulo completo di checkout, inclusi i campi per la fatturazione, la spedizione, le note dell’ordine, la selezione del metodo di pagamento e il riepilogo finale. Anche in questo caso, l’utilizzo \u00e8 diretto:<\/p>\n
[woocommerce_checkout]<\/code><\/p>\n\u00c8 fondamentale che questa pagina sia protetta da HTTPS. WooCommerce mostra un avviso se il checkout non \u00e8 servito tramite connessione sicura, poich\u00e9 i dati di pagamento transitano attraverso questo modulo.<\/p>\n
[woocommerce_my_account] \u2014 L’Area Personale del Cliente<\/h3>\n
Questo shortcode crea l’intera sezione “Il mio account”, che per gli utenti non autenticati mostra il modulo di login (e, se abilitata, la registrazione), mentre per gli utenti autenticati presenta la dashboard con ordini, indirizzi, download e dettagli dell’account:<\/p>\n
[woocommerce_my_account]<\/code><\/p>\n\u00c8 possibile personalizzare gli endpoint visibili nell’area account tramite WooCommerce \u2192 Impostazioni \u2192 Avanzate \u2192 Endpoint dell’account<\/strong>. Ogni sezione (ordini, download, indirizzi, modifica account, disconnessione) ha il proprio endpoint configurabile.<\/p>\n[woocommerce_order_tracking] \u2014 Tracciamento Ordine<\/h3>\n
Genera un modulo in cui il cliente pu\u00f2 inserire il numero dell’ordine e l’indirizzo email per visualizzare lo stato della spedizione senza dover effettuare il login:<\/p>\n
[woocommerce_order_tracking]<\/code><\/p>\nQuesto shortcode \u00e8 particolarmente utile per i negozi che consentono acquisti come ospite, dato che questi clienti non hanno un account con cui accedere alla cronologia degli ordini.<\/p>\n
![\"Panoramica](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/wc-03-products-new.png\")
<\/p>\n
Shortcode per la Visualizzazione dei Prodotti<\/h2>\n
Questi shortcode permettono di mostrare griglie di prodotti filtrate e ordinate secondo criteri specifici. Sono ideali per creare pagine vetrina, landing page promozionali e sezioni personalizzate all’interno di articoli o pagine.<\/p>\n
[products] \u2014 Lo Shortcode Universale<\/h3>\n
Lo shortcode [products]<\/code> \u00e8 il pi\u00f9 versatile di WooCommerce e ha sostituito numerosi shortcode precedenti. Supporta una vasta gamma di attributi che permettono di controllare ogni aspetto della visualizzazione:<\/p>\n\n- limit<\/strong> \u2014 Numero di prodotti da mostrare (default: -1, ovvero tutti). Esempio:
[products limit=\"8\"]<\/code><\/li>\n- columns<\/strong> \u2014 Numero di colonne nella griglia (default: 4). Esempio:
[products columns=\"3\"]<\/code><\/li>\n- orderby<\/strong> \u2014 Criterio di ordinamento:
date<\/code>, title<\/code>, price<\/code>, rating<\/code>, popularity<\/code>, menu_order<\/code>, rand<\/code>. Esempio: [products orderby=\"price\"]<\/code><\/li>\n- order<\/strong> \u2014 Direzione dell’ordinamento:
ASC<\/code> (crescente) o DESC<\/code> (decrescente). Esempio: [products orderby=\"price\" order=\"ASC\"]<\/code><\/li>\n- category<\/strong> \u2014 Slug della categoria (o pi\u00f9 categorie separate da virgola). Esempio:
[products category=\"magliette,felpe\"]<\/code><\/li>\n- tag<\/strong> \u2014 Slug del tag prodotto. Esempio:
[products tag=\"novita\"]<\/code><\/li>\n- ids<\/strong> \u2014 ID specifici dei prodotti da mostrare. Esempio:
[products ids=\"101,205,307\"]<\/code><\/li>\n- skus<\/strong> \u2014 Codici SKU dei prodotti. Esempio:
[products skus=\"ABC123,DEF456\"]<\/code><\/li>\n- on_sale<\/strong> \u2014 Mostra solo i prodotti in offerta:
[products on_sale=\"true\"]<\/code><\/li>\n- best_selling<\/strong> \u2014 Mostra i pi\u00f9 venduti:
[products best_selling=\"true\"]<\/code><\/li>\n- top_rated<\/strong> \u2014 Mostra i meglio recensiti:
[products top_rated=\"true\"]<\/code><\/li>\n- paginate<\/strong> \u2014 Abilita la paginazione:
[products paginate=\"true\" limit=\"12\"]<\/code><\/li>\n- visibility<\/strong> \u2014 Filtra per visibilit\u00e0:
visible<\/code>, catalog<\/code>, search<\/code>, hidden<\/code>, featured<\/code><\/li>\n- class<\/strong> \u2014 Aggiunge una classe CSS personalizzata al contenitore<\/li>\n<\/ul>\n
Un esempio completo che combina pi\u00f9 attributi potrebbe essere:<\/p>\n
[products category=\"elettronica\" limit=\"6\" columns=\"3\" orderby=\"popularity\" order=\"DESC\" on_sale=\"true\"]<\/code><\/p>\nQuesto shortcode mostrerebbe i 6 prodotti pi\u00f9 popolari in offerta nella categoria “elettronica”, disposti su 3 colonne.<\/p>\n
[product_page id=””] \u2014 Pagina Prodotto Singola<\/h3>\n
Inserisce l’intera pagina di un prodotto specifico, incluse immagini, descrizione, prezzo e pulsante aggiungi al carrello, all’interno di qualsiasi pagina o articolo:<\/p>\n
[product_page id=\"42\"]<\/code><\/p>\nIn alternativa, si pu\u00f2 usare lo SKU: [product_page sku=\"LAPTOP-PRO-15\"]<\/code>. Questo shortcode \u00e8 utile per creare landing page dedicate o per evidenziare un prodotto specifico all’interno di un articolo del blog.<\/p>\n[product_category] e [product_categories]<\/h3>\n
Lo shortcode [product_category]<\/code> mostra i prodotti di una specifica categoria:<\/p>\n[product_category category=\"accessori\" limit=\"8\" columns=\"4\"]<\/code><\/p>\nMentre [product_categories]<\/code> (al plurale) mostra un elenco delle categorie stesse, con immagine e conteggio prodotti:<\/p>\n[product_categories number=\"6\" columns=\"3\" orderby=\"name\" order=\"ASC\"]<\/code><\/p>\nGli attributi disponibili per [product_categories]<\/code> includono number<\/code> (quante categorie mostrare), columns<\/code>, orderby<\/code>, order<\/code>, hide_empty<\/code> (nascondi categorie vuote, default 1), parent<\/code> (mostra solo le sottocategorie di un genitore specifico) e ids<\/code> (ID specifici delle categorie).<\/p>\nShortcode Specifici per Tipo di Prodotto<\/h3>\n
WooCommerce offre diversi shortcode specializzati per filtrare i prodotti in base a caratteristiche predefinite:<\/p>\n
\n- [sale_products]<\/strong> \u2014 Mostra tutti i prodotti attualmente in offerta:
[sale_products limit=\"8\" columns=\"4\"]<\/code><\/li>\n- [best_selling_products]<\/strong> \u2014 I prodotti con il maggior numero di vendite:
[best_selling_products limit=\"4\" columns=\"4\"]<\/code><\/li>\n- [recent_products]<\/strong> \u2014 Gli ultimi prodotti aggiunti al catalogo:
[recent_products limit=\"6\" columns=\"3\"]<\/code><\/li>\n- [featured_products]<\/strong> \u2014 I prodotti contrassegnati come “in evidenza”:
[featured_products limit=\"4\" columns=\"2\"]<\/code><\/li>\n- [related_products]<\/strong> \u2014 Prodotti correlati a quello attualmente visualizzato:
[related_products limit=\"4\"]<\/code><\/li>\n- [top_rated_products]<\/strong> \u2014 Prodotti con le valutazioni pi\u00f9 alte:
[top_rated_products limit=\"4\" columns=\"4\"]<\/code><\/li>\n<\/ul>\nTutti questi shortcode accettano gli attributi limit<\/code>, columns<\/code>, orderby<\/code> e order<\/code> per personalizzare la visualizzazione.<\/p>\nShortcode per il Carrello e l’Acquisto Rapido<\/h2>\n[add_to_cart id=””] \u2014 Pulsante Aggiungi al Carrello<\/h3>\n
Inserisce un pulsante “Aggiungi al carrello” per un prodotto specifico, con prezzo e nome visibili. \u00c8 perfetto per inserire chiamate all’azione all’interno di articoli del blog o in landing page:<\/p>\n
[add_to_cart id=\"99\" style=\"border:2px solid #ddd; padding:10px;\" show_price=\"true\"]<\/code><\/p>\nGli attributi disponibili sono id<\/code> (obbligatorio), sku<\/code> (alternativa all’id), style<\/code> (CSS inline), show_price<\/code> (mostra o nasconde il prezzo, default true<\/code>) e quantity<\/code> (quantit\u00e0 predefinita).<\/p>\n[add_to_cart_url id=””] \u2014 URL Diretto al Carrello<\/h3>\n
Restituisce semplicemente l’URL per aggiungere un prodotto al carrello. Non genera alcun elemento visuale, ma \u00e8 utile per creare link personalizzati:<\/p>\n
<a href=\"[add_to_cart_url id=99]\">Acquista ora questo prodotto<\/a><\/code><\/p>\nQuesto shortcode \u00e8 particolarmente comodo per i designer che vogliono creare pulsanti con stile completamente personalizzato mantenendo la funzionalit\u00e0 di WooCommerce.<\/p>\n
![\"Pannello](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/wc-06-settings.png\")
<\/p>\n
Shortcode Deprecati<\/h2>\n
Con l’evoluzione di WooCommerce, alcuni shortcode sono stati deprecati in favore dello shortcode universale [products]<\/code>. Continuano a funzionare per retrocompatibilit\u00e0, ma \u00e8 consigliabile aggiornarli:<\/p>\n\n- [product_attribute]<\/strong> \u2014 Sostituito da
[products attribute=\"colore\" terms=\"rosso,blu\"]<\/code><\/li>\n- [shop_messages]<\/strong> \u2014 I messaggi del negozio vengono ora gestiti automaticamente dal tema<\/li>\n
- [woocommerce_messages]<\/strong> \u2014 Equivalente deprecato di
[shop_messages]<\/code><\/li>\n<\/ul>\nSe stai aggiornando un sito esistente, controlla tutte le pagine alla ricerca di questi shortcode obsoleti e sostituiscili con le alternative moderne per garantire la massima compatibilit\u00e0 futura.<\/p>\n
Creare Pagine Personalizzate con gli Shortcode<\/h2>\n
Una delle applicazioni pi\u00f9 interessanti degli shortcode \u00e8 la creazione di pagine vetrina completamente personalizzate. Ecco alcuni esempi pratici che puoi replicare nel tuo negozio.<\/p>\n
Landing Page Offerte<\/h3>\n
Per creare una pagina dedicata a tutte le offerte attive, combina un titolo accattivante con lo shortcode dei prodotti in saldo:<\/p>\n
[sale_products limit=\"12\" columns=\"4\" orderby=\"date\" order=\"DESC\"]<\/code><\/p>\nQuesta configurazione mostra gli ultimi 12 prodotti messi in offerta, disposti su 4 colonne, ordinati dal pi\u00f9 recente.<\/p>\n
Pagina Bestseller per Categoria<\/h3>\n
Per mostrare i prodotti pi\u00f9 venduti di una categoria specifica, combina gli attributi category<\/code> e best_selling<\/code>:<\/p>\n[products category=\"scarpe\" best_selling=\"true\" limit=\"8\" columns=\"4\"]<\/code><\/p>\nCatalogo con Paginazione<\/h3>\n
Per un catalogo completo con navigazione tra le pagine, abilita l’attributo paginate<\/code>:<\/p>\n[products limit=\"16\" columns=\"4\" paginate=\"true\" orderby=\"menu_order\"]<\/code><\/p>\nL’ordinamento per menu_order<\/code> rispetta l’ordine personalizzato impostato tramite drag & drop nella sezione prodotti dell’amministrazione.<\/p>\nVetrina con Prodotti Specifici<\/h3>\n
Se vuoi mostrare una selezione curata di prodotti, usa l’attributo ids<\/code>:<\/p>\n[products ids=\"15,42,78,103\" columns=\"4\" orderby=\"post__in\"]<\/code><\/p>\nL’attributo orderby=\"post__in\"<\/code> \u00e8 fondamentale: garantisce che i prodotti vengano mostrati esattamente nell’ordine in cui hai specificato gli ID, non in ordine alfabetico o cronologico.<\/p>\nShortcode vs Blocchi Gutenberg: Quale Scegliere<\/h2>\n
A partire da WooCommerce 6.x e con l’introduzione dei WooCommerce Blocks, molti shortcode hanno un equivalente sotto forma di blocco Gutenberg. Ecco un confronto pratico:<\/p>\n
\n- Griglia prodotti<\/strong>: il blocco “Prodotti (Beta)” offre un’interfaccia visuale per configurare filtri e layout, ma lo shortcode
[products]<\/code> rimane pi\u00f9 flessibile per combinazioni complesse di attributi<\/li>\n- Carrello e Checkout<\/strong>: i nuovi blocchi Cart e Checkout offrono un’esperienza di modifica visuale superiore e supportano il checkout a blocchi con personalizzazioni drag & drop. WooCommerce consiglia ormai di migrare ai blocchi per queste pagine<\/li>\n
- Categorie prodotti<\/strong>: il blocco “Categorie di prodotti” \u00e8 equivalente a
[product_categories]<\/code> con un’interfaccia pi\u00f9 intuitiva<\/li>\n- Filtri<\/strong>: i blocchi filtro (per prezzo, attributo, stock) non hanno equivalenti shortcode e rappresentano una funzionalit\u00e0 esclusiva dei blocchi<\/li>\n<\/ul>\n
In generale, se utilizzi l’editor a blocchi Gutenberg, i blocchi WooCommerce offrono un’esperienza di configurazione migliore. Se invece usi un page builder come Elementor, gli shortcode rimangono lo strumento pi\u00f9 pratico e versatile per inserire contenuti WooCommerce all’interno dei layout personalizzati.<\/p>\n
Considerazioni sulle Prestazioni<\/h2>\n
L’uso intensivo di shortcode prodotto in una singola pagina pu\u00f2 avere un impatto significativo sulle prestazioni. Ogni shortcode [products]<\/code> esegue una o pi\u00f9 query al database per recuperare i prodotti corrispondenti ai filtri specificati. Ecco alcuni consigli per ottimizzare:<\/p>\n\n- Limita il numero di prodotti<\/strong>: usa sempre l’attributo
limit<\/code> per evitare di caricare centinaia di prodotti in una sola pagina. Un valore tra 8 e 16 \u00e8 ottimale per la maggior parte dei casi<\/li>\n- Evita shortcode multipli ridondanti<\/strong>: se devi mostrare prodotti di categorie diverse, valuta se una singola pagina con paginazione non sia preferibile a pi\u00f9 shortcode nella stessa pagina<\/li>\n
- Abilita la cache<\/strong>: un plugin di caching come WP Rocket pu\u00f2 memorizzare l’output degli shortcode, riducendo drasticamente il numero di query al database per i visitatori successivi<\/li>\n
- Non usare
orderby=\"rand\"<\/code> su cataloghi grandi<\/strong>: l’ordinamento casuale richiede un ordinamento completo della tabella ad ogni caricamento e non pu\u00f2 essere messo in cache efficacemente<\/li>\n- Attenzione ai prodotti variabili<\/strong>: i prodotti con molte varianti generano query aggiuntive. In pagine con molti prodotti variabili, le prestazioni possono degradarsi notevolmente<\/li>\n<\/ul>\n
Per verificare l’impatto degli shortcode sulle prestazioni, puoi utilizzare il plugin Query Monitor, che mostra il numero di query SQL eseguite e il tempo impiegato per ciascuna di esse.<\/p>\n
Shortcode Personalizzati con Codice<\/h2>\n
Se gli shortcode predefiniti non soddisfano le tue esigenze, puoi crearne di personalizzati aggiungendo codice al file functions.php<\/code> del tema child o, meglio ancora, in un plugin personalizzato. Ecco un esempio che crea uno shortcode per mostrare i prodotti acquistati di recente dall’utente corrente:<\/p>\nadd_shortcode(my_recent_purchases, gtg_recent_purchases_shortcode);<\/code><\/p>\nLa funzione callback interrogher\u00e0 la tabella degli ordini di WooCommerce per recuperare gli ID dei prodotti acquistati e li passer\u00e0 allo shortcode nativo [products]<\/code> tramite la funzione do_shortcode()<\/code>. Questo approccio sfrutta l’infrastruttura esistente di WooCommerce senza reinventare la ruota.<\/p>\nRisoluzione dei Problemi Comuni<\/h2>\n
Gli shortcode possono talvolta non funzionare come previsto. Ecco le cause pi\u00f9 frequenti e le relative soluzioni:<\/p>\n
\n- Lo shortcode appare come testo semplice<\/strong>: WooCommerce potrebbe non essere attivo, oppure lo shortcode contiene un errore di digitazione. Verifica che il plugin sia attivato e controlla attentamente la sintassi<\/li>\n
- Pagina carrello o checkout vuota<\/strong>: vai in WooCommerce \u2192 Impostazioni \u2192 Avanzate<\/strong> e verifica che le pagine siano correttamente assegnate<\/li>\n
- Prodotti non visualizzati<\/strong>: controlla che i prodotti siano pubblicati (non in bozza) e che la categoria o il tag specificati nello shortcode esistano realmente con quello slug esatto<\/li>\n
- Layout scompaginato<\/strong>: il numero di colonne potrebbe non essere compatibile con la larghezza del contenitore nel tema in uso. Prova a ridurre il valore di
columns<\/code><\/li>\n- Conflitto con page builder<\/strong>: alcuni page builder elaborano gli shortcode in modo diverso. Assicurati di inserire lo shortcode in un widget di testo o in un modulo specifico per shortcode<\/li>\n<\/ol>\n
Gli shortcode di WooCommerce rappresentano una risorsa fondamentale per qualsiasi gestore di e-commerce su WordPress. Che tu stia costruendo pagine personalizzate, landing page promozionali o integrando prodotti nel tuo blog, padroneggiare questi strumenti ti dar\u00e0 un controllo completo sulla presentazione del tuo catalogo. Se hai bisogno di assistenza per configurare il tuo negozio online, contattaci<\/a> oppure scopri il nostro servizio di realizzazione e-commerce<\/a> professionale.<\/p>\nMigliora 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":"
Gli shortcode di WooCommerce sono uno degli strumenti pi\u00f9 potenti a disposizione di chi gestisce un negozio online con WordPress. Grazie a semplici stringhe di…<\/p>\n","protected":false},"author":2,"featured_media":166806,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Shortcode WooCommerce: Guida Completa con Esempi | 2026","_seopress_titles_desc":"Tutti gli shortcode di WooCommerce spiegati con esempi pratici. Products, cart, checkout, my account, categorie, bestseller e custom pages.","_seopress_robots_index":"","footnotes":""},"categories":[61],"tags":[3245,836,3012,3244,475,492],"class_list":["post-166884","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-categorie","tag-e-commerce","tag-prodotti","tag-shortcode","tag-woocommerce","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166884","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=166884"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166884\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/166806"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=166884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=166884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=166884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}