Der Code Block von Squarespace führt HTML und JavaScript innerhalb deines Seitenlayouts aus. Setze einen dorthin, wo Bewertungen erscheinen sollen, füge das Shopreviews-Snippet ein und das Widget erscheint auf deiner Live-Website.
Schritt für Schritt
- Snippet kopieren
Wähle im Widget-Builder Layout, Farben und Bewertungsquellen und kopiere das Embed-Snippet.
- Code Block hinzufügen
Bearbeite die Seite, klicke auf einen Einfügepunkt oder Add block und wähle Code.
- Snippet einfügen
Füge das Snippet ein, lass den Modus auf HTML und Display Source ausgeschaltet.
- Speichern und prüfen
Speichere die Seite und öffne sie auf der Live-Website — Scripts laufen nicht immer in der Editor-Vorschau.
Menünamen sind auf Englisch angegeben; in einer übersetzten Verwaltung heißen sie entsprechend anders.
So sieht das Embed-Snippet aus
<div data-shopreviews="carousel"
data-lang="de"
data-sources="google,trustpilot,kiyoh"></div>
<script src="https://cdn.shopreviews.com/widget.js" async></script>Nur ein Beispiel: Kopiere dein eigenes Snippet aus dem Widget-Builder oder deinem Shopreviews-Dashboard. Es enthält Layout, Farben, Sprache und Bewertungsquellen.
Widget erstellen und Snippet kopieren →
Wo platzierst du das Widget?
- Startseite — ein Karussell oder Raster in einem Abschnitt unter dem Header.
- Produktseiten — ein Code Block im Bereich für zusätzliche Produktinformationen.
- Jede Seite — ein schwebendes Pop-up über Code Injection im Footer.
Gut zu wissen
- Du siehst das Widget im Editor nicht? Das ist normal: Squarespace deaktiviert Scripts in der Vorschau. Prüfe die Live-Seite in einem privaten Fenster.
- Code Blocks und Code Injection mit JavaScript brauchen einen Tarif, der eigenen Code erlaubt.
Andere Plattformen
Ein anderes Shopsystem? Dasselbe Snippet funktioniert überall: Shopify · WooCommerce · Magento · Lightspeed · BigCommerce · PrestaShop · Wix