Plattformen
Google Bewertungen Widget für Squarespace einbinden
Squarespace hat kein Plugin-Verzeichnis, also kommt jedes Bewertungs-Widget auf demselben Weg an: als Code, den Sie selbst einfügen. Die reine Mechanik dauert etwa drei Minuten. Was daraus einen ganzen Nachmittag macht, ist der Teil, vor dem niemand warnt: Ein korrekt installiertes Widget zeigt im Squarespace-Editor rein gar nichts und wirkt kaputt, bis Sie die Live-Seite prüfen.
Hier ist der ganze Ablauf, in der Reihenfolge, in der Sie ihn tatsächlich durchgehen.
Zwei Orte für Code, und sie sind nicht austauschbar
| Code Injection (Einstellungen) | Code-Block (auf einer Seite) | |
|---|---|---|
| Gilt für | die ganze Website | eine Seite |
| Benötigter Squarespace-Plan | Business oder höher | verfügbar auch auf niedrigeren Plänen |
| Geeignet für | die Bibliothek und die Widget-Konfiguration | den Container, in dem Bewertungen erscheinen |
| Übersteht Seiten-Duplizierung | ja | nein, wird mit der Seite kopiert |
Die saubere Lösung nutzt beides: den schweren Teil einmal, seitenweit, den leichten Teil dort, wo Bewertungen erscheinen sollen. Ohne Code Injection im gebuchten Plan muss alles in den Code-Block wandern, wiederholt auf jeder Seite mit Bewertungen.
Die drei Teile des Codes
Wenn Sie den Einbettungscode im Dashboard erzeugen, erhalten Sie drei Teile, und auch die sind nicht gegeneinander austauschbar.
Teil 1, die Bibliothek. Ein Script-Tag, das die Widget-Engine lädt. Er gehört in das Feld für die Fußzeile bei Code Injection, und zwar nur einmal, auch wenn Sie später vier verschiedene Widgets zeigen wollen.
Teil 2, die Konfiguration. Ein kleiner Block, der ein einzelnes Widget beschreibt: welche Quellen, wie viele Bewertungen, welche Farben, Slider oder Liste. Ein Teil 2 pro Widget, alle im selben Feld für die Fußzeile.
Teil 3, der Container. Ein einzelner leerer div, der die Stelle auf der Seite markiert, an der
die Bewertungen gezeichnet werden. Das ist der Teil, der in einen Code-Block gehört, auf der Seite,
auf der das Widget stehen soll.
<!-- Teil 3: das einzige Stück, das auf der Seite selbst landet -->
<div id="justreview-testimonials"></div>
Konkret heißt das: Einstellungen, Erweitert, Code Injection, Teil 1 und Teil 2 in die Fußzeile
einfügen, speichern. Dann die Seite öffnen, mit dem </>-Symbol einen Code-Block hinzufügen, Teil 3
einfügen, speichern. Die
Schritt-für-Schritt-Version mit Screenshots finden Sie in unserer Dokumentation.
Warum der Editor nichts zeigt
Das ist die häufigste Support-Anfrage, die uns zu Squarespace erreicht, und die Antwort ist kein Bug.
Unser Widget rendert nur auf Domains, die auf der Freigabeliste in Ihren Kontoeinstellungen stehen. Der Squarespace-Editor zeigt Ihre Website auf einer Squarespace-Vorschauadresse, nicht auf Ihrer Domain, deshalb weigert sich das Widget, dort zu zeichnen. Es ist derselbe Schutz, der verhindert, dass jemand Ihren Code auf die eigene Seite kopiert und Ihre Bewertungen als seine eigenen zeigt.
Der richtige Ablauf ist also: einfügen, speichern, die Live-URL in einem normalen Tab öffnen. Erscheinen dort Bewertungen, ist alles fertig, egal was der Editor eine Minute zuvor gezeigt hat.
Zwei verwandte Fallen lohnt es sich, gleich mitzuprüfen:
- Der Eintrag auf der Freigabeliste muss zu der Adresse passen, die Besucher tatsächlich aufrufen.
Antwortet Ihre Seite auf
www.beispiel.de, die Freigabeliste nennt aber nurbeispiel.de, tragen Sie beide Varianten ein. - Eine ganz neue Squarespace-Seite auf einer
.squarespace.com-Testadresse ist ebenfalls nicht Ihre eigene Domain. Testen Sie erst nach dem Verbinden der echten Domain, oder schalten Sie die Testadresse vorübergehend frei.
Die anderen drei Gründe, warum nichts erscheint
Der Code-Block ist noch im Entwurf. Squarespace speichert Seitenänderungen getrennt von der Veröffentlichung. Ein unveröffentlichter Code-Block existiert für Sie, für niemand sonst.
Teil 3 fehlt auf genau dieser Seite. Code Injection gilt seitenweit, der Container nicht. Bewertungen zeichnen sich nur dort, wo der Container existiert. Wird eine Seite mit Container dupliziert und der Container auf der neuen Seite vergessen, entsteht genau dieses Symptom.
Die Quelle ist noch nicht fertig importiert. Bei einer ersten Verbindung braucht ein Profil mit langer Historie eine Weile, bis es vollständig eingelesen ist. Das Widget zeichnet dann gar nichts statt eines leeren Rahmens, was genauso aussieht wie eine kaputte Installation. Prüfen Sie das Dashboard: Zeigt die Quelle null Bewertungen, liegt das Problem vor Squarespace, nicht dahinter.
Was das Ihre Seite kostet
Zwei statische Dateien, beide am CDN-Rand zwischengespeichert. Gemessen in Produktion am 26. Juli 2026 mit aktiviertem Brotli: 128 KB JavaScript und 15 KB CSS über die Leitung, dazu eine Anfrage für die Bewertungsdaten selbst. Auf Squarespace läuft nichts, die Seitendarstellung bleibt unberührt, und das Widget zeichnet sich, nachdem die Seite interaktiv ist.
Diese Zahl zählt auf Squarespace mehr als auf den meisten anderen Plattformen, weil Squarespace-Vorlagen ohnehin schon schwer sind und sich kaum etwas herausstreichen lässt. Fügen Sie mehrere Widgets von Drittanbietern hinzu, tun Sie das eines nach dem anderen und prüfen Sie danach jeweils Ihre Core Web Vitals.
Wo Bewertungen auf einer Squarespace-Seite stehen sollten
Drei Platzierungen verdienen ihren Platz, in dieser Reihenfolge.
- Auf der Seite, auf der die Entscheidung fällt, neben dem Preis, dem Buchungsbutton oder dem Kontaktformular. Bewertungen wirken als Einwandbehandlung und gehören deshalb neben den Einwand.
- Direkt über dem Kontaktformular. Bei Dienstleistungsseiten ist das meist die wertvollste Stelle der ganzen Website.
- Auf einer eigenen Bewertungsseite in der Hauptnavigation, mit einer URL, die Sie aus Angeboten, E-Mails und Ihrem Google Unternehmensprofil heraus verlinken können.
Was wir vermeiden würden: die seitenweite Fußzeile. Sie wirkt effizient, ein Container, überall sichtbar, aber Bewertungen hören auf, gelesen zu werden, sobald sie auf jeder Seite zur Deko werden.
Welcher Widget-Typ zu einem Squarespace-Layout passt
Squarespace-Sektionen sind volle Breite mit großzügigem Innenabstand, was manche Widget-Formen begünstigt und andere ausschließt. Aus der Praxis funktionieren drei gut.
Ein Testimonial-Slider ist die sichere Standardwahl. Er passt in eine volle Sektion, stört den vertikalen Rhythmus der Vorlage nicht und zeigt mehrere Bewertungen, ohne eine Textwand zu sein. Stellen Sie zwei oder drei sichtbare Folien ein, nicht fünf: Squarespace-Inhaltsspalten sind breit, und fünf Karten in einer Reihe machen jede Bewertung auf einem Laptop unleserlich.
Eine kompakte Bewertungszusammenfassung passt dort, wo ein Slider zu viel wäre: in einer seitenleistenartigen Spalte neben einem Buchungsformular, oder direkt unter einem Seitentitel. Eine Zahl, die Sternereihe und die Anzahl der Bewertungen tragen den größten Teil des Vertrauenssignals und brauchen 80 Pixel Höhe statt 500.
Eine vollständige Bewertungsseite gehört auf eine eigene Seite in der Hauptnavigation. Das ist die einzige Platzierung, bei der Besucher gekommen sind, um Bewertungen zu lesen. Geben Sie ihnen also alle, sortiert nach Datum, statt eines Karussells, das den Großteil hinter Pfeilen versteckt. Alle sechs Widget-Formen sehen Sie nebeneinander auf der Seite Google Bewertungen Widget einbetten, bevor Sie sich entscheiden.
Ein Squarespace-spezifisches Detail: Ganz gleich, wofür Sie sich entscheiden, der Container-div
aus Teil 3 übernimmt die Breite der Sektion, in der er steht. Wirkt das Widget beengt, liegt der
Fix meist an der Squarespace-Sektionsbreite, nicht an der Widget-Konfiguration.
Eine Sache, die Sie vor der Installation klären sollten
Egal für welches Tool Sie sich entscheiden, prüfen Sie das Abrechnungsmodell. Mehrere Widget-Anbieter zählen monatliche Aufrufe, also wie oft das Widget lädt, und schalten es beim Überschreiten des Limits ab. Auf einer Squarespace-Seite mit einem Widget in einem Vorlagenbereich läuft dieser Zähler bei jedem Seitenaufruf der gesamten Website mit. Wir haben die sieben wichtigsten Tools genau in diesem Punkt verglichen, die Zahlen dazu stehen auch auf unserer Preisseite: JustReview zählt auf keinem Plan Aufrufe, auch nicht im kostenlosen. Einen Überblick über alle Vergleiche finden Sie unter /vs.
Häufige Fragen
Kann ich ein Google Bewertungen Widget im Squarespace-Personal-Plan einbinden?
Nicht über die Methode mit Code Injection, denn Squarespace sperrt die seitenweite Code Injection ab dem Business-Plan aufwärts. Ein Code-Block auf einer einzelnen Seite ist der Umweg auf niedrigeren Plänen: Dort müssen alle drei Teile des Codes im selben Block stehen, auf jeder Seite, auf der das Widget erscheinen soll.
Warum ist das Widget im Squarespace-Editor unsichtbar?
Weil unser Widget nur auf Domains rendert, die Sie in Ihren Kontoeinstellungen freigeschaltet haben, und die Editor-Vorschau von Squarespace läuft auf einer Squarespace-Vorschauadresse, nicht auf Ihrer eigenen Domain. Das ist Absicht: Es verhindert, dass jemand Ihren Code auf die eigene Seite kopiert und Ihre Bewertungen als seine eigenen zeigt. Speichern Sie, und prüfen Sie dann die echte URL.
Wo genau kommen die drei Teile des Codes hin?
Teil 1 (die Bibliothek) und Teil 2 (die Widget-Konfiguration) gehören unter Einstellungen, Erweitert, Code Injection, in das Feld für die Fußzeile. Teil 3 ist der Container-div und gehört in einen Code-Block auf der Seite, auf der das Widget erscheinen soll. Teil 1 steht dort nur einmal, auch wenn Sie mehrere Widgets haben; Teil 2 wiederholt sich pro Widget.
Muss ich den Code aktualisieren, wenn ich das Widget neu gestalte?
Ja. Die Widget-Einstellungen stecken in Teil 2 des Codes, nicht auf unserem Server. Nach einer Änderung von Farben oder Layout im Dashboard erzeugen Sie den Code neu und ersetzen damit Teil 2 in der Code Injection. Teil 1 und Teil 3 bleiben unverändert.