Panoramica

Poi puoi verificare qui sotto se le etichette compaiono nella tua pagina prodotto.

1. Apri il templateIn WordPress vai su Aspetto → Editor → Template e apri “Prodotto singolo”. Con un tema classico passa direttamente al punto 4.
2. Inserisci un bloccoSotto il blocco “Aggiungi al carrello con opzioni” inserisci un blocco “HTML personalizzato”.
3. Incolla il codiceIncolla il codice del widget e salva il template. Da quel momento vale per tutte le pagine prodotto.
4. Tema classicoSenza l'editor a blocchi, mostra il codice nel tuo tema child tramite l'hook woocommerce_single_product_summary con priorità 35, oppure usa un plugin per snippet.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Apri la Shopping ExperienceNell'amministrazione vai su Content → Shopping Experiences e apri il layout delle tue pagine prodotto, oppure creane uno nuovo di tipo “Product page”.
2. Inserisci il segnapostoSotto il riquadro di acquisto aggiungi un blocco con un elemento di testo, passa alla vista del codice sorgente e inserisci <div data-garantielabel></div>.
3. Carica lo scriptAggiungi la riga con widget.js tramite il tema (ad esempio in base.html.twig) o tramite un plugin per script personalizzati, poi salva il layout e assegnalo ai prodotti.
4. Alternativa nel temaGli sviluppatori estendono nel proprio tema il template del riquadro di acquisto (buy-widget.html.twig) con il segnaposto e caricano lo script nell'intestazione del template.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Apri la pagina prodottoNell'editor di Wix apri la pagina prodotto di Wix Stores. Le modifiche lì valgono per tutti i prodotti.
2. Aggiungi l'elementoVai su “Add Elements” → “Embed Code” e scegli l'elemento “Embed HTML”.
3. Incolla il codiceIncolla il codice del widget, trascina l'elemento sotto il pulsante Aggiungi al carrello e rendilo abbastanza grande da mostrare l'intera grafica.
4. PubblicaPubblica il sito e controlla una pagina prodotto.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel data-darstellung="voll" data-sprache="it"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Apri il template del prodottoNel Designer apri il “Products Template” in Pages.
2. Aggiungi un Code EmbedTrascina l'elemento “Code Embed” dal pannello Add sotto il pulsante Add to Cart.
3. Incolla il codiceIncolla il codice del widget e salva.
4. PubblicaPubblica il sito. Gli script incorporati non vengono eseguiti nel Designer stesso.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Usa un child templateLe modifiche vanno in un child template (per NOVA: NOVAChild), così gli aggiornamenti non le sovrascrivono.
2. Estendi il templateNel child template estendi il template della pagina di dettaglio dell'articolo e inserisci il codice del widget sotto il pulsante di aggiunta al carrello. Da quel momento vale per tutti gli articoli.
3. Singolo articoloPer un solo articolo: nell'OnPage Composer trascina un portlet di testo sotto il pulsante di aggiunta al carrello e incolla il codice nella vista del codice sorgente. L'OnPage Composer modifica ogni pagina separatamente.
4. ControllaSvuota la cache o pubblica la bozza e controlla un articolo.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Apri il prodottoModifica il prodotto in Commerce o nella pagina del negozio.
2. Aggiungi un blocco di codiceAggiungi un blocco di codice nella sezione delle informazioni aggiuntive.
3. Incolla il codiceIncolla il codice del widget, lascia disattivato “Display Source” e salva.
4. Carica lo script in modo centralizzatoPuoi anche caricare una sola volta la riga con widget.js tramite la Code Injection della pagina del negozio. Il segnaposto deve comunque essere in ogni prodotto.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel data-darstellung="voll"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Crea un blocco CMSIn Content → Blocks crea un nuovo blocco e incolla il codice del widget. Dalla versione 2.4.3 si apre Page Builder; lì usa l'elemento “HTML Code”.
2. Crea un widgetIn Content → Elements → Widgets crea un widget di tipo “CMS Static Block” per il tuo tema.
3. PosizionaloCome layout update scegli “All Product Types” e seleziona il contenitore “Product View Extra Hint”. Si trova sotto il pulsante Aggiungi al carrello.
4. Svuota la cacheSalva, svuota la cache e controlla una pagina prodotto.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Controlla la versioneDa Gambio 26.09.0 attivi entrambe le etichette nelle impostazioni del negozio, se vuoi per gruppo di clienti. Per le versioni più vecchie, dalla 4.6, Gambio indica che esiste un modulo. In quel caso il widget non ti serve.
2. Aggiungi lo scriptPer il widget vai su “Einstellungen” → “Suchmaschinenoptimierung” → “Tracking-Codes” (Impostazioni → Ottimizzazione per i motori di ricerca → Codici di tracciamento) e inserisci la riga con widget.js nella sezione “Body”. Verrà caricata su tutte le pagine del negozio.
3. Inserisci il segnapostoNella descrizione dell'articolo apri la vista del codice sorgente nell'editor e inserisci il segnaposto <div data-garantielabel></div> dove preferisci.
4. ControllaDopo aver salvato, riapri la vista del codice sorgente. Se il segnaposto c'è ancora, l'etichetta compare nella pagina prodotto.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Usa un tema childLe modifiche al tema vanno in un tema child, così gli aggiornamenti non le sovrascrivono.
2. Scegli il puntoIn templates/catalog/product.tpl trova l'area sotto il pulsante Aggiungi al carrello.
3. Incolla il codiceIncolla lì il codice del widget. In alternativa usa un modulo per blocchi HTML dal marketplace Addons nell'hook displayProductAdditionalInfo.
4. Svuota la cacheSvuota la cache in Advanced Parameters → Performance e controlla.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Modulo o tema childL'estensione va in un piccolo modulo o in un tema child (in theme.php con 'parentTheme' => 'apex'), così gli aggiornamenti del tema APEX non la sovrascrivono. La attivi in Extensions → Modules o Extensions → Themes. Ti serve l'accesso ai file; di solito se ne occupa la tua agenzia.
2. Estendi il bloccoEstendi il template page/details/inc/productmain.html.twig e incolla il codice del widget nel blocco details_productmain_tobasket dopo {{ parent() }}. Con parent() il pulsante di aggiunta al carrello resta invariato.
3. Etichetta GARAN per prodottoPer le tue etichette GARAN crea due attributi in Administer Products → Attributes, ad esempio “GARAN completa” e “GARAN piccola”, e inserisci nel prodotto, in Selection → Assign Attributes, gli indirizzi dei due file. Nel template mostra i valori in data-garan-voll e data-garan-klein.
4. Svuota la cacheSvuota la cache dei template con vendor/bin/oe-console oe:cache:clear e controlla la pagina prodotto, varianti comprese.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Controlla la versioneDa plentyShop LTS 5.0.83 ShopBuilder offre i widget “Guarantee of conformity” e “Guarantee of durability”. Il widget “Guarantee of durability” mostra l'etichetta GARAN se per l'articolo sono inseriti il produttore, il modello e la garanzia commerciale di durabilità.
2. Apri ShopBuilderIn Shop » ShopBuilder apri il contenuto per la pagina del singolo articolo (tipo di contenuto Item).
3. Inserisci il widget CodePer l'avviso direttamente nella pagina dell'articolo, trascina il widget “Code” sotto il widget “Add to basket” e incolla il codice qui sopra, con <script2> al posto di <script>.
4. Salva e controllaSalva e controlla la pagina dell'articolo nel negozio online, anche cambiando variante. Dopo gli aggiornamenti di plentyShop, rigenera i contenuti in Shop » ShopBuilder.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script2 src="https://www.garantielabel.app/widget.js" async></script2>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Controlla la versioneQuesti passaggi valgono per ePages Base, la versione più vecchia. Se hai ePages Now, usa le funzioni integrate descritte sopra.
2. Aggiungi lo scriptIn “Einstellungen” → “Allgemeine Einstellungen” → “Erweiterte Einstellungen” (Impostazioni → Impostazioni generali → Impostazioni avanzate) inserisci la riga con widget.js nel campo “HTML-Head-Bereich” (area head HTML) e salva. Da quel momento vale per tutte le pagine.
3. Segnaposto nel prodottoIn “Produkte” → “Produkte” (Prodotti → Prodotti) apri l'articolo, inserisci il segnaposto <div data-garantielabel></div> nella “Erweiterte Beschreibung” (descrizione estesa) tramite “Quellcode” (codice sorgente), applica e salva.
4. ControllaAggiorna la cache delle pagine tramite “Ihre Seite anzeigen” (visualizza il tuo sito) e controlla la pagina prodotto. Poi riapri la vista del codice sorgente: se il segnaposto c'è ancora, l'editor non l'ha rimosso.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. Creator o Website Builder?Se l'indirizzo dell'editor inizia con cms.e.jimdo.com, stai usando Jimdo Creator. Nel Website Builder (builder.e.jimdo.com) non puoi aggiungere codice personalizzato.
2. Aggiungi l'elementoNella pagina del prodotto, sotto l'articolo del negozio, scegli “Add Element” → “More elements and Add-ons” → “Widget/HTML”.
3. Incolla il codiceIncolla il codice del widget, per un'etichetta GARAN con gli indirizzi in data-garan-voll e data-garan-klein, e salva.
4. Carica lo script in modo centralizzatoSe vuoi, aggiungi una sola volta la riga con widget.js in Menu → Settings → “Edit Head”. A quel punto l'elemento di ogni prodotto ha bisogno solo del segnaposto.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

1. PosizioneInserisci il codice nella pagina prodotto, subito sotto l’area di acquisto. L’etichetta compare esattamente lì.
2. Salva e pubblicaPoi ricarica la pagina prodotto e verifica qui sotto.

Codice del widget per l’avviso sulla garanzia legale

<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>

<div data-garantielabel
  data-garan-voll="https://…/GARAN-Marchio-Modello.svg"
  data-garan-klein="https://…/GARAN-Marchio-Modello-annidata.svg"></div>
<script src="https://www.garantielabel.app/widget.js" async></script>