In WooCommerce aggiungi l'avviso sulla garanzia legale al modello della pagina prodotto con un blocco “HTML personalizzato”, direttamente sotto il pulsante Aggiungi al carrello. Con i temi classici basta un piccolo hook nel tema child.
Il codice per WooCommerce
<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>Altre opzioni, come visualizzazione e lingua, le imposti nel generatore di codice.
Passo dopo passo in WooCommerce
- Apri il template
In WordPress vai su Aspetto → Editor → Template e apri “Prodotto singolo”. Con un tema classico passa direttamente al punto 4. - Inserisci un blocco
Sotto il blocco “Aggiungi al carrello con opzioni” inserisci un blocco “HTML personalizzato”. - Incolla il codice
Incolla il codice del widget e salva il template. Da quel momento vale per tutte le pagine prodotto. - Tema classico
Senza l'editor a blocchi, mostra il codice nel tuo tema child tramite l'hookwoocommerce_single_product_summarycon priorità 35, oppure usa un plugin per snippet.
Da sapere su WooCommerce
- I plugin di cache e ottimizzazione (ad esempio quelli che uniscono i file JavaScript) non dovrebbero modificare
widget.js. Se necessario, escludi il file dall'ottimizzazione. - Uno script in un blocco “HTML personalizzato” viene mantenuto solo se il tuo utente può salvare HTML personalizzato (la capacità
unfiltered_html, su multisito solo i super amministratori). Altrimenti carica lo script con un plugin per snippet. - Se il tuo negozio è multilingue, il widget riconosce la lingua da
<html lang>. Condata-sprachela imposti in modo fisso.
Dove va l’avviso in WooCommerce
Nei temi a blocchi modifichi il template “Single Product” nell’editor del sito. Nei temi classici WooCommerce costruisce la pagina prodotto dal template content-single-product.php e dai suoi hook:
woocommerce_single_product_summaryriempie il riepilogo accanto alle immagini. Secondo il template, contiene il titolo (priorità 5), la valutazione e il prezzo (10), la descrizione breve (20), il pulsante di aggiunta al carrello (30), i metadati (40) e i link di condivisione (50). Con priorità 35 il widget si trova quindi subito sotto il pulsante di aggiunta al carrello.woocommerce_after_single_product_summarysegue sotto il riepilogo, prima delle schede (10), degli upsell (15) e dei prodotti correlati (20). Lì l’avviso è più lontano dal pulsante di acquisto.
Per l’avviso nel footer, nei temi a blocchi usa la parte di template “Footer”. La trovi in Aspetto → Editor → Pattern, tra le parti di template. Secondo WooCommerce, le parti di template sono sempre sincronizzate: una modifica vale ovunque sia usato il footer. Lì basta un blocco “HTML personalizzato” con data-darstellung="link".
Variazioni, marchio e identificativo del modello
Un prodotto variabile è composto da variazioni. Ogni variazione ha i propri campi, tra cui lo SKU e “GTIN, UPC, EAN, or ISBN”. Se restano vuoti, vale il valore del prodotto principale. Dalla versione 9.6 i marchi fanno parte del core di WooCommerce. Li gestisci in “Products → Brands” e li selezioni nel prodotto.
WooCommerce non ha un campo dedicato all’identificativo del modello. Lo SKU è il tuo codice articolo e non coincide automaticamente con l’identificativo del modello del produttore. L’etichetta GARAN indica il marchio e l’identificativo del modello, quindi c’è un’etichetta per ogni identificativo del modello. Se tutte le variazioni condividono lo stesso identificativo del modello, basta un’etichetta per il prodotto. Il widget mostra esattamente un’etichetta GARAN per segnaposto e non cambia con la variazione scelta. Se le variazioni hanno identificativi del modello diversi, crea questi modelli come prodotti separati, ciascuno con la propria etichetta.
Errori tipici in WooCommerce
- Aggiornamenti del tema: le modifiche ai file di WooCommerce o del tema genitore vanno perse con il prossimo aggiornamento. Per questo i template si sovrascrivono nel tema child, nella cartella
woocommerce/. - Template obsoleti: WooCommerce non aggiorna i template sovrascritti. Quali sono obsoleti lo vedi in fondo a WooCommerce → Stato → Stato del sistema.
- Hook invece del template: il widget non ha bisogno di template sovrascritti. Basta un hook nel
functions.phpdel tema child. WordPress lo carica in aggiunta al file del tema genitore. - Footer: una modifica alla parte di template vale su tutte le pagine con quel footer. Lì non c’è anteprima, quindi controlla il sito online.
Altre fonti
- Template di WooCommerce content-single-product.php (GitHub)
- WooCommerce: Template structure & overriding templates (in inglese)
- WooCommerce: Fixing outdated WooCommerce templates (in inglese)
- WooCommerce: Patterns and template parts (in inglese)
- WooCommerce: Variable products (in inglese)
- WooCommerce: Brands (in inglese)
- Blog per sviluppatori WooCommerce: Brands in WooCommerce 9.6 (in inglese)
- WordPress Developer: Child themes (in inglese)
L'avviso sulla garanzia legale nella conferma d'ordine
Secondo gli orientamenti della Commissione, l'avviso dovrebbe comparire anche nell'e-mail di conferma. Le e-mail di WooCommerce le personalizzi in WooCommerce → Impostazioni → Email. Per aggiungere l'avviso sulla garanzia legale all'e-mail dell'ordine, inserisci lì come immagine la grafica ufficiale presa dalla nostra pagina di download, a seconda del tema tramite i modelli e-mail o un plugin per le e-mail. Un semplice link difficilmente vale come supporto durevole (CGUE, causa C-49/11, Content Services); la strada più sicura è inserire l'avviso direttamente nell'e-mail come immagine, testo o allegato. Trovi i file ufficiali nella nostra pagina di download.
Garanzia del produttore? Allora aggiungi l'etichetta GARAN
Se il produttore offre gratuitamente una garanzia commerciale di durabilità superiore a due anni sull'intero bene, anche l'etichetta GARAN va sulla pagina prodotto. Con il generatore di etichette GARAN la crei in pochi secondi da anni, marchio e modello, le prime 3 etichette gratis e senza registrazione. Sotto ogni etichetta pronta ricevi un codice di incorporamento con indirizzi delle immagini permanenti: non carichi nulla e lo incolli in WooCommerce come mostrato sopra.
Preferisci usare i tuoi file? Allora carica la versione completa e quella annidata nella libreria multimediale di WooCommerce e inserisci gli indirizzi nel codice del widget:
<div data-garantielabel
data-garan-voll="https://…/GARAN-MX-500.svg"
data-garan-klein="https://…/GARAN-MX-500-annidata.svg"></div>Il widget mostra quindi la versione annidata sotto l'avviso sulla garanzia legale, e un clic apre l'etichetta GARAN completa.
Domande frequenti
Mi serve un plugin?
No. Basta un blocco “HTML personalizzato”. Solo con i temi classici senza editor a blocchi la strada più semplice è un plugin per snippet o un tema child.
Funziona con Elementor o Divi?
Sì. Entrambi hanno un elemento HTML o codice che trascini sotto il pulsante Aggiungi al carrello nel modello del prodotto. In Elementor i modelli di prodotto richiedono Elementor Pro (Theme Builder).
Il mio negozio diventerà più lento?
Praticamente no. Lo script è piccolo, si carica in modo asincrono e non blocca la visualizzazione della pagina.
Perché priorità 35 per l’hook?
Secondo il template di WooCommerce, il pulsante di aggiunta al carrello è agganciato con priorità 30 e i metadati con 40. Con 35 il widget sta esattamente in mezzo, subito sotto il pulsante di acquisto.
Ogni variazione ha bisogno di una propria etichetta GARAN?
Solo se le variazioni hanno identificativi del modello diversi. Il widget mostra un’etichetta per segnaposto e non cambia con la variazione. Conviene creare questi modelli come prodotti separati.
Dove imposto il marchio per l’etichetta GARAN?
Da WooCommerce 9.6 in “Products → Brands”. Il marchio lo selezioni nel prodotto. Il vecchio plugin Brands non serve più.