Google Bewertungen auf Webflow einbinden

Google Bewertungen werden auf Webflow über Embed-Elemente eingebunden. Die Integration dauert unter 3 Minuten und funktioniert in allen Webflow-Plänen.

In 60 Sekunden erklärt

Webflow unterstützt Custom Code über Embed-Elemente. Zur Einbindung ziehen Sie ein Embed-Element auf die gewünschte Position, fügen den Widget-Code ein und veröffentlichen die Seite. Das Widget ist responsive und passt sich automatisch an Webflows responsive Breakpoints an.

Detaillierte Erklärung

Schritt-für-Schritt Integration

Öffnen Sie Ihr Webflow-Projekt im Designer. Navigieren Sie zur Seite, auf der Bewertungen erscheinen sollen. Klicken Sie im Element-Panel auf das Plus-Symbol und suchen Sie nach "Embed". Ziehen Sie das Embed-Element an die gewünschte Position. Fügen Sie den Widget-Code in das Code-Feld ein. Klicken Sie auf "Save & Close". Veröffentlichen Sie die Website.

Positionierung und Styling

Webflow ermöglicht präzise Positionierung: Platzieren Sie das Embed-Element in Containern, Sections oder Grids. Verwenden Sie Webflows Flexbox oder Grid für Layout. Passen Sie Margins und Paddings über das Style-Panel an. Das Widget selbst verwendet Shadow DOM und ist vom Webflow-Styling isoliert.

Responsives Verhalten

Widgets passen sich an Webflows Breakpoints an: Desktop, Tablet und Mobile werden automatisch unterstützt. Testen Sie die Darstellung auf allen Breakpoints im Designer. Bei Bedarf können Sie Embed-Element auf kleineren Breakpoints ausblenden.

Collection Pages und CMS

Für dynamische Integration auf CMS-Seiten: Erstellen Sie ein Custom Code Field im CMS. Fügen Sie für jedes Collection Item eine Widget-ID hinzu. Verwenden Sie ein Embed-Element mit CMS-Bindung auf der Template-Seite. Für lokale Unternehmen können Bewertungs- und Öffnungszeiten-Widgets kombiniert werden.

DSGVO-Konformität

DSGVO-konforme Widgets benötigen keine zusätzliche Konfiguration in Webflow. Cookie-Banner-Integrationen wie Cookiebot müssen das Widget nicht blockieren. Erwähnen Sie die Widget-Nutzung in der Datenschutzseite.

FAQ

Funktioniert das Widget in allen Webflow-Plänen? Ja. Embed-Elemente sind in allen Plänen verfügbar, einschließlich des kostenlosen Plans.

Kann ich das Widget auf Collection Pages verwenden? Ja. Nutzen Sie CMS Fields für dynamische Widget-IDs oder verwenden Sie ein statisches Widget auf allen Collection Pages.

Beeinflusst das Widget die Webflow-Ladezeit? Minimal bei async-Loading. Webflow-Projekte mit optimiertem Code behalten gute Performance.

Webflow Integration

SterneWidget bietet DSGVO-konforme Integration für Webflow. Drag-and-Drop Platzierung, responsive, schnell. Kostenlos testen: https://sterne-widget.de