SwissTrustWidget
Integration

Google Bewertungen in Webflow einbinden — In 3 Schritten

Zeigen Sie Ihre Google-Bewertungen direkt auf Ihrer Webflow-Website. Embed-Code einfügen, Seite publizieren — fertig. Keine App aus dem Marketplace nötig.

Webflow ist das CMS der Wahl für Agenturen, Freelancer und designbewusste Unternehmen — auch in der Schweiz. Wer seine Website in Webflow baut, will volle Kontrolle über Design und Code. Genau das bekommen Sie auch beim Einbinden Ihrer Google-Bewertungen. SwissTrustWidget braucht keine Webflow-App und keinen Drittanbieter-Service. Ein einziger Embed-Code reicht. Sie fügen ihn an der gewünschten Stelle ein, und Ihre Bewertungen erscheinen im Design, das Sie selbst bestimmen.

1

Widget bei SwissTrustWidget erstellen

Gehen Sie auf swisstrustwidget.ch und klicken Sie auf «Widget erstellen». Google-Standort verbinden, Template wählen (Badge für den Header, Karussell für die Startseite, Bewertungskarten für die Kontaktseite), Design an Ihr Webflow-Design anpassen — Farben, Schriften, Layout, heller oder dunkler Hintergrund.

2

Embed-Code kopieren

Klicken Sie auf «Code kopieren». SwissTrustWidget generiert einen kurzen Script-Tag — das ist der Code, den Sie in Webflow einfügen.

3

In Webflow einfügen

Auf einer Seite: Im Webflow Designer ein Embed-Element platzieren (Elemente-Leiste → Embed), doppelklicken, Code einfügen, «Save & Close», publizieren. Auf allen Seiten: Projekteinstellungen → Custom Code → Footer Code → Code einfügen, speichern, publizieren. Embed-Elemente ab dem Basic-Plan verfügbar.

So sieht der Embed-Code aus

HTML
<div id="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>

Wo auf einer Webflow-Website platzieren?

Startseite (Hero-Section oder direkt darunter): Ein Badge oder eine Trust-Pill direkt unter Ihrer Headline. Besucher sehen in den ersten Sekunden: Dieses Unternehmen hat echte Bewertungen. Kontaktseite: Bewertungskarten oder ein Karussell neben dem Kontaktformular. Kurz bevor jemand eine Anfrage abschickt, sieht er, was andere Kunden erlebt haben. Footer (als Webflow-Komponente): Ein kompaktes Badge im Footer erscheint auf jeder Unterseite. Erstellen Sie dafür eine Webflow-Komponente mit dem Embed-Element — so pflegen Sie den Code nur an einer Stelle. Über-uns-Seite: Ein ausführliches Widget mit mehreren Bewertungen passt hier thematisch. Landingpages: Auf Angebotsseiten oder Kampagnen-Landingpages kann ein Widget die Conversion steigern. Platzieren Sie es in der Nähe Ihres Call-to-Action.

Troubleshooting: Widget wird nicht angezeigt?

Webflow-Seite publiziert? Änderungen im Designer sind erst nach dem Klick auf «Publish» live. Der Embed-Code wird in der Designer-Vorschau nicht ausgeführt. Embed-Code korrekt eingefügt? Webflow schneidet manchmal Code ab, wenn Sie ihn per Doppelklick markieren. Am sichersten: Mit Ctrl+A / Cmd+A alles markieren und erneut einfügen. Custom Code Plan nötig? Webflow erlaubt Embed-Elemente ab dem Basic-Plan. Falls Sie den Free-Plan nutzen, ist das Embed-Element eingeschränkt. Browser-Cache leeren: Seite mit Ctrl+Shift+R / Cmd+Shift+R neu laden, oder im Inkognito-Modus öffnen. Content Security Policy (CSP): Falls Sie eine eigene CSP konfiguriert haben, cdn.swisstrustwidget.ch als erlaubte Script-Quelle eintragen.

FAQ

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

Kostenlos starten. Kein Plugin nötig, kein Webflow-App-Abo.

Widget erstellen