In Squarespace aggiungi l'avviso sulla garanzia legale alle tue pagine prodotto con un blocco di codice, ad esempio nelle informazioni aggiuntive sotto il prodotto.
Il codice per Squarespace
<div data-garantielabel data-darstellung="voll"></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 Squarespace
- Apri il prodotto
Modifica il prodotto in Commerce o nella pagina del negozio. - Aggiungi un blocco di codice
Aggiungi un blocco di codice nella sezione delle informazioni aggiuntive. - Incolla il codice
Incolla il codice del widget, lascia disattivato “Display Source” e salva. - Carica lo script in modo centralizzato
Puoi anche caricare una sola volta la riga conwidget.jstramite la Code Injection della pagina del negozio. Il segnaposto deve comunque essere in ogni prodotto.
I nomi dei menu sono riportati come nell'interfaccia inglese; nella versione italiana possono essere diversi.
Da sapere su Squarespace
- JavaScript nei blocchi di codice funziona con i piani Core, Plus e Advanced e con i vecchi piani Business, Commerce Basic e Commerce Advanced, non con Basic o Personal.
- I blocchi di codice non sempre vengono eseguiti nell'anteprima dell'editor; controlla la pagina pubblicata.
Dove va l’avviso in Squarespace
Squarespace separa le pagine del negozio (store pages), che mostrano tutti i prodotti in una griglia, dalle pagine di dettaglio dei singoli prodotti (product details pages). L’avviso va nella pagina di dettaglio del prodotto. Dove compare lì il tuo blocco di codice dipende dalla versione del tuo sito:
- Versione 7.1: aggiungi le informazioni aggiuntive come sezione di pagina nella pagina di dettaglio del prodotto. Secondo Squarespace, vengono mostrate in fondo alla pagina, con la stessa larghezza del resto dei contenuti.
- Versione 7.0: nell’editor del prodotto, in “Additional Info”, puoi aggiungere qualsiasi blocco, anche blocchi di codice. Nella maggior parte dei template compaiono subito sotto le immagini principali del prodotto. Galapagos mostra invece un link “More Info”, e Supply apre le informazioni aggiuntive in una finestra sovrapposta.
Per un avviso su ogni pagina, usa il footer. Secondo Squarespace, il suo contenuto compare su tutte le pagine del tuo sito. Nella versione 7.1, fai clic su “Edit” in una pagina qualsiasi, passa il mouse sul footer e fai clic su “Edit footer”. Aggiungi lì un blocco di codice.
La riga dello script può stare in un unico punto, nel pannello Code Injection, nel campo “Footer”. Viene allora inserita prima del tag di chiusura </body> di ogni pagina. Il segnaposto deve comunque trovarsi in un blocco di codice nella pagina.
Varianti e identificativo del modello in Squarespace
Le varianti si aggiungono nell’editor del prodotto, nella sezione “Inventory”. Un prodotto può avere fino a sei opzioni e 250 combinazioni di varianti. Ogni variante ha un proprio SKU, oltre a prezzo, giacenza, peso e immagini propri. Le immagini della variante compaiono non appena il cliente sceglie la variante nella pagina di dettaglio del prodotto.
Le informazioni aggiuntive invece appartengono al prodotto. Un blocco di codice lì mostra la stessa cosa per tutte le varianti. Per l’etichetta GARAN questo significa: se le tue varianti hanno identificativi del modello diversi, crea un prodotto separato per ogni modello. Ogni blocco di codice contiene allora gli indirizzi dell’etichetta giusta.
Errori tipici in Squarespace
- Le pagine di checkout non supportano codice personalizzato. Il widget quindi non mostra nulla durante il checkout.
- Il codice per una singola pagina (impostazioni della pagina → “Advanced”) finisce nell’
<head>della pagina. Squarespace sconsiglia di inserire lì codice HTML: scompare se disattivi la trasparenza dell’header. Inserisci lì al massimo la riga dello script, mai il segnaposto. - Il codice in una pagina all’interno di un indice potrebbe non essere visualizzato, e la Code Injection non compare nelle pagine di destinazione di un indice.
- Per motivi di sicurezza, Squarespace a volte non mostra il codice incorporato mentre hai effettuato l’accesso. Controlla la pagina in una finestra privata o fai clic su “Preview in Safe Mode”.
- Il caricamento Ajax può entrare in conflitto con il codice personalizzato. Squarespace suggerisce di disattivare Ajax per verificarlo.
- Se il codice personalizzato blocca l’editor, fai clic su “Disable Scripts in Preview” in fondo al sito. I visitatori continuano a vedere il sito con il codice.
Altre fonti
- Assistenza Squarespace: personalizzare parti del sito con la code injection (in inglese)
- Assistenza Squarespace: blocchi di codice (in inglese)
- Assistenza Squarespace: aggiungere varianti di prodotto (in inglese)
- Assistenza Squarespace: aggiungere informazioni aggiuntive ai prodotti del negozio (in inglese)
- Assistenza Squarespace: modificare il footer del sito (in inglese)
- Assistenza Squarespace: personalizzare il design delle pagine del negozio e di dettaglio del prodotto (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. In Squarespace personalizzi la conferma d'ordine nelle impostazioni Commerce, tra le e-mail ai clienti. Lì la grafica ufficiale si può aggiungere come immagine. 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 Squarespace come mostrato sopra.
Preferisci usare i tuoi file? Allora carica la versione completa e quella annidata nella libreria multimediale di Squarespace e inserisci gli indirizzi nel codice del widget:
<div data-garantielabel data-darstellung="voll"
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
Devo aggiungerlo a ogni prodotto?
Il segnaposto sì, per ogni prodotto. Lo script invece si può caricare in modo centralizzato tramite Code Injection.
Perché la visualizzazione completa?
È l'opzione più robusta in Squarespace. Badge e link funzionano comunque.
Quale piano mi serve?
Un piano in cui i blocchi di codice eseguono JavaScript: Core, Plus o Advanced, oppure Business o Commerce tra i vecchi piani.
Le informazioni aggiuntive compaiono subito sotto il pulsante di aggiunta al carrello?
Dipende dalla versione. Nella versione 7.1 vengono mostrate in fondo alla pagina di dettaglio del prodotto, nella versione 7.0, nella maggior parte dei template, subito sotto le immagini principali del prodotto.
Perché non vedo il mio blocco di codice mentre i visitatori lo vedono?
Per motivi di sicurezza, Squarespace a volte non mostra il codice incorporato mentre hai effettuato l’accesso. Apri la pagina in una finestra privata o usa “Preview in Safe Mode”.
Posso mostrare l’avviso anche nel checkout?
Non con il widget. In Squarespace le pagine di checkout non supportano codice personalizzato.