Gewährleistungslabel in Squarespace einbinden: Gratis-Widget

In Squarespace setzen Sie das Gewährleistungslabel mit einem Code-Block auf Ihre Produktseiten, zum Beispiel in den zusätzlichen Informationen unter dem Produkt.

Der Code für Squarespace

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

Weitere Optionen wie Darstellung und Sprache stellen Sie im Code-Baukasten ein.

Schritt für Schritt in Squarespace

Produkt öffnen
Im Bereich Commerce bzw. auf der Shop-Seite das Produkt bearbeiten.
Code-Block einfügen
Im Bereich für zusätzliche Informationen einen Code-Block hinzufügen.
Code einsetzen
Den Widget-Code einfügen, „Display Source“ ausgeschaltet lassen und speichern.
Skript zentral laden
Die Zeile mit widget.js können Sie auch einmal über die Code Injection der Shop-Seite laden. Der Platzhalter muss trotzdem in jedem Produkt stehen.

Besonderheiten in Squarespace

JavaScript in Code-Blöcken läuft bei den Tarifen Core, Plus und Advanced sowie bei den älteren Tarifen Business, Commerce Basic und Commerce Advanced, nicht bei Basic oder Personal.
Code-Blöcke laufen in der Vorschau des Editors nicht immer; prüfen Sie die Live-Seite.

Gewährleistungslabel in der Bestellbestätigung

Laut Leitlinien der Kommission soll der Hinweis auch in der Bestätigungs-E-Mail stehen. Die Bestellbestätigung passen Sie in Squarespace unter den Commerce-Einstellungen bei den Kunden-E-Mails an. Dort lässt sich die amtliche Grafik als Bild ergänzen. Ein bloßer Link reicht als dauerhafter Datenträger voraussichtlich nicht (EuGH, Rs. C-49/11); am sichersten steht der Hinweis als Bild, Text oder Anhang direkt in der Mail. Die amtlichen Dateien finden Sie im Download.

Herstellergarantie? Dann gehört das GARAN-Label dazu

Gibt der Hersteller eine kostenlose Haltbarkeitsgarantie von mehr als zwei Jahren auf die ganze Ware, gehört zusätzlich das GARAN-Label auf die Produktseite. Mit dem GARAN-Label-Generator erstellen Sie es in Sekunden aus Jahren, Marke und Modell. Das erste Label ist kostenlos.

Laden Sie die vollständige und die geschachtelte Fassung in die Medienverwaltung von Squarespace und tragen Sie die Adressen im Widget-Code ein:

<div data-garantielabel data-darstellung="voll"
  data-garan-voll="https://…/GARAN-MX-500.svg"
  data-garan-klein="https://…/GARAN-MX-500-geschachtelt.svg"></div>

Das Widget zeigt dann die geschachtelte Fassung unter dem Gewährleistungslabel, ein Klick öffnet das vollständige GARAN-Label.

Häufige Fragen

Muss ich das bei jedem Produkt einfügen?

Den Platzhalter ja, je Produkt. Das Skript selbst lässt sich zentral über die Code Injection laden.

Warum die vollständige Darstellung?

Sie ist in Squarespace am robustesten. Badge und Link funktionieren aber ebenfalls.

Welcher Tarif ist nötig?

Ein Tarif, in dem Code-Blöcke JavaScript ausführen: Core, Plus oder Advanced, bei älteren Tarifen Business oder Commerce.