SwissTrustWidget
WordPress-Anleitung

Google Bewertungen in WordPress einbinden – In 3 Schritten

Widget erstellen, Code kopieren, in einen Block «Individuelles HTML» einfügen. Kein Plugin, kein API-Schlüssel, keine Programmierkenntnisse.

Kurz erklärt

Sie erstellen das Widget in Ihrem SwissTrustWidget-Konto und kopieren den Embed-Code. In WordPress fügen Sie auf der gewünschten Seite einen Block «Individuelles HTML» ein, setzen den Code hinein und speichern. Ab dann laden die Bewertungen von selbst. Voraussetzungen: ein Google-Unternehmensprofil mit Bewertungen und ein WordPress-Benutzer mit der Rolle Administrator oder Redakteur.

In der Schweiz ist WordPress das mit Abstand verbreitetste Website-System: Von allen .ch-Websites, deren CMS sich erkennen lässt, laufen 51.1 % auf WordPress — weit vor Wix (9.1 %) und Shopify (4.0 %), so die Erhebung von W3Techs, Stand September 2026. Für Google-Bewertungen auf einer WordPress-Seite empfehlen die meisten Anleitungen ein Plugin. Es geht mit weniger Aufwand: SwissTrustWidget liefert einen zweizeiligen HTML-Code, den Sie in einen gewöhnlichen Block einfügen. Kein zusätzliches Plugin, das Updates braucht, kein Google-API-Schlüssel, kein Eingriff ins Theme.

In 3 Schritten eingebunden

1

Widget in SwissTrustWidget erstellen

Eröffnen Sie ein kostenloses Konto und verbinden Sie Ihr Unternehmen über die Suche — Firmenname und Ort genügen, ein Google-Login braucht es nicht. Wählen Sie dann eine der 15+ Vorlagen: Badge, Karussell oder Bewertungskarten. Hell- oder Dunkelmodus, Grösse, Ausrichtung und die Zahl der angezeigten Bewertungen stellen Sie in der Vorschau ein.

2

Embed-Code kopieren

Ein Klick auf «Embed-Code kopieren» legt den Code in die Zwischenablage. Er besteht aus zwei Zeilen: einem Platzhalter mit Ihren Einstellungen und dem Script, das die Bewertungen lädt. Ihre Place-ID ist bereits eingetragen — anpassen müssen Sie nichts.

3

In WordPress einfügen und speichern

Öffnen Sie die Seite im Block-Editor, fügen Sie über das Plus-Symbol den Block «Individuelles HTML» ein und kopieren Sie den Code hinein. Nach dem Speichern (in älteren WordPress-Versionen: «Aktualisieren») ist das Widget live. Für Elementor, Divi und andere Page-Builder zeigt die Tabelle weiter unten das passende Element.

So sieht der Embed-Code aus

HTML
<div class="google-review-widget"
  data-template="medium-badge"
  data-theme="light"
  data-place-id="IHR_GOOGLE_PLACE_ID"
  data-max-reviews="3"
  data-show-name="true"></div>
<script src="https://app.swisstrustwidget.ch/widget.js" async></script>

Mehrsprachige Website? Pro Sprachversion ein eigener Code. Die Sprache steht als data-lang direkt hinter data-theme — fr, it oder en; Deutsch kommt ohne das Attribut aus. Sie steuert die Beschriftungen im Widget und welche Bewertungen Google bevorzugt ausliefert; die Bewertungstexte bleiben im Original.

Beispiel mit Platzhalter — Ihren eigenen Code mit Ihrer Place-ID kopieren Sie aus Ihrem Konto. Die erste Zeile markiert die Stelle, an der das Widget erscheint. Die zweite lädt das Script: unter 10 KB gross und asynchron, es hält den Seitenaufbau also nicht auf.

Wo der Code in Ihrem Editor hingehört

Je nach Editor oder Page-Builder heisst das Element für eigenen Code anders. Der Code selbst bleibt überall derselbe.

Block-Editor (Gutenberg)Block «Individuelles HTML» einfügen und den Code hineinkopieren.
Classic EditorIn den Reiter «Text» wechseln und den Code dort einfügen. In der visuellen Ansicht erscheint er sonst als Text auf der Seite.
Widget-BereicheBei klassischen Themes unter «Design → Widgets» im Footer oder in der Sidebar einen Block «Individuelles HTML» hinzufügen. Das Widget erscheint dann auf allen Seiten.
Block-ThemesBei Themes wie Twenty Twenty-Five unter «Design → Editor» den Footer bearbeiten und dort den Block «Individuelles HTML» einsetzen — ebenfalls seitenweit.
ElementorWidget «HTML» auf die Seite ziehen. Für Header oder Footer auf allen Seiten den Theme Builder von Elementor Pro verwenden.
DiviModul «Code» einfügen. Seitenweit über den Divi Theme Builder im globalen Footer.
WPBakeryElement «Raw HTML» einfügen.
Beaver BuilderModul «HTML» einfügen.
AvadaElement «Code Block» einfügen.

Wer den Code direkt in Theme-Dateien schreibt, sollte ein Child-Theme verwenden — sonst überschreibt das nächste Theme-Update die Änderung. Sie arbeiten mit Elementor? Zur ausführlichen Elementor-Anleitung

Plugin oder Embed-Code?

Beides bringt Google-Bewertungen auf die Seite. Der Unterschied liegt in der Arbeit, die nach dem Einbau bleibt.

EinrichtungWordPress-PluginPlugin suchen, installieren, aktivieren und mit Google verbindenEmbed-Code (SwissTrustWidget)Code kopieren und in einen Block einfügen
Google-AnbindungWordPress-PluginJe nach Plugin eigener Google-API-Schlüssel samt Google-Cloud-Abrechnungskonto oder ein Konto beim Plugin-AnbieterEmbed-Code (SwissTrustWidget)Kein API-Schlüssel: Unternehmen im Konto suchen und verbinden
WartungWordPress-PluginPlugin-Updates; nach WordPress- oder Theme-Updates sind Konflikte möglichEmbed-Code (SwissTrustWidget)Keine — der Code läuft ausserhalb Ihrer WordPress-Installation
DarstellungWordPress-PluginHTML und CSS im Theme: Theme-Styles können das Layout verschiebenEmbed-Code (SwissTrustWidget)Eigener Rahmen (Iframe): Theme und Widget beeinflussen sich nicht
CMS-WechselWordPress-PluginFunktioniert nur in WordPressEmbed-Code (SwissTrustWidget)Derselbe Code läuft auf Wix, Shopify, Webflow und jeder HTML-Seite
KostenWordPress-PluginGratis-Versionen mit Einschränkungen, Pro-Versionen meist als JahreslizenzEmbed-Code (SwissTrustWidget)Gratis mit Branding, ohne Branding CHF 49 einmalig

Ein Beispiel: Das verbreitete Plugin «Widgets for Google Reviews» von Trustindex zählt laut WordPress.org mehr als eine Million aktive Installationen. Die Gratis-Version trägt ein Trustindex-Branding, die bezahlten Pläne kosten ab $65 pro Jahr und sind nur jährlich zahlbar (Stand 11. September 2026). Trustindex und SwissTrustWidget im Vergleich

Widget erscheint nicht? Die sechs häufigsten Ursachen

Der Code ist nach dem Speichern verschwunden

WordPress entfernt Script-Code, wenn Ihr Benutzerkonto kein ungefiltertes HTML speichern darf (Berechtigung «unfiltered_html»). Die haben nur Administratoren und Redakteure, in Multisite-Netzwerken nur Super-Admins. Lassen Sie den Code von einem Konto mit dieser Berechtigung einfügen.

Statt der Sterne steht der Code als Text auf der Seite

Der Code steckt in einem Absatz-Block oder in der visuellen Ansicht des Classic Editors. Löschen Sie ihn dort und fügen Sie ihn in einen Block «Individuelles HTML» ein — im Classic Editor im Reiter «Text».

Das Widget erscheint erst beim Scrollen oder nach einem Klick

Ein Performance-Plugin hält JavaScript bis zur ersten Interaktion zurück. Bei WP Rocket heisst die Option «JavaScript-Ausführung verzögern», LiteSpeed Cache und Perfmatters haben vergleichbare Einstellungen. Tragen Sie «swisstrustwidget» in die Ausnahmeliste dieser Option ein.

Eine Design-Änderung erscheint nicht auf der Website

Vorlage, Modus und Grösse stehen im Code selbst. Kopieren Sie nach einer Änderung im Konto den neuen Code und ersetzen Sie den alten im Block. Zeigt die Seite danach noch den alten Stand, leeren Sie den Cache Ihres Caching-Plugins — und falls vorhanden den des Hosters oder von Cloudflare — und prüfen Sie im privaten Browserfenster.

Die Browser-Konsole meldet «Refused to load» oder «Refused to frame»

Eine Content Security Policy blockiert das Widget, gesetzt von einem Sicherheits-Plugin oder vom Hoster. Erlauben Sie https://app.swisstrustwidget.ch als Quelle für Scripts (script-src) und für Frames (frame-src).

Das Widget sitzt nicht dort, wo es soll

Stellen Sie in Ihrem SwissTrustWidget-Konto die Ausrichtung auf «Links», «Mittig» oder «Rechts» und kopieren Sie den Code neu. Dann richtet sich das Widget selbst aus, unabhängig von Theme- und Block-Einstellungen.

Häufige Fragen zu WordPress

Quellen

Bereit? Erstellen Sie Ihr WordPress-Widget in 60 Sekunden.

Gratis testen — ohne Plugin, ohne Abo. Ohne Branding CHF 49 einmalig.