Messenger-Button
Ein schwebender Button: WhatsApp, Telegram, Anruf, Chat — bis zu 12 Kanäle
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenWebflow · Kontakt von Ihrem Portfolio
Fügen Sie Kontakt oder Termin zu Ihrem bestehenden Webflow-Design hinzu. Wählen Sie die Aufgabe und konfigurieren Sie das Widget in Cenaly.com, dann fügen Sie den Code auf Website- oder Seitenebene hinzu. Unten finden Sie die Bedingungen für den Zugriff auf custom code und eine separate Anleitung für Consent.
Ohne Karte · Registrierung in einer Minute, Tag in einer weiteren · Änderungen an den Einstellungen erreichen die Website in 5 Minuten
Wählen Sie das gewünschte Widget und konfigurieren Sie es in Ihrem Konto. Normale Widgets verwenden ein gemeinsames Tag; für Consent und Analyse ist eine separate Installationsreihenfolge wichtig.
Ein schwebender Button: WhatsApp, Telegram, Anruf, Chat — bis zu 12 Kanäle
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenTermine nach Ihrem Zeitplan: Der Kunde wählt selbst Leistung, Mitarbeiter und ein freies Zeitfenster
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenLive-Chat mit Besuchern – Ihre Mitarbeiter antworten aus dem Arbeitschat
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenFormular für Rückrufanfragen; mit angebundener TK-Anlage – automatischer Anruf
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenSchaltfläche „Anrufen“ – Gespräch von der Website über Ihre Telefonanlage, ohne Nummer und ohne App für den Gast
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenPop-ups, eingebettete Formulare, Gutscheine und Quizze mit Anzeigebedingungen und A/B
Beispiel und Funktionen ansehen →$9/Monat
Dieses Widget einrichtenBadges mit Zahlen zu Bestellungen, Reservierungen, Terminen und Bewertungen aus Ihrem Konto
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenEin Kreis mit einem Clip aus Ihrer Speisekarte in der Ecke der Website: per Klick – Video mit Ton und die Schaltfläche „Bestellen“
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenSchaltfläche „Reservieren“ → ein Formular → Anfrage in Ihrem Bereich „Tische“
Beispiel und Funktionen ansehen →$9/Monat
Dieses Widget einrichtenDie Bestellschaltfläche öffnet Ihr Schaufenster über der bestehenden Website
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenSchaltfläche „?“ → Seitenleiste mit Ihren Artikeln, Suche und Bewertung „hat geholfen“
Beispiel und Funktionen ansehen →$19/Monat
Dieses Widget einrichtenDatenschutzerklärung, Vereinbarung, Rückgabe, Cookies, Lieferung – aus Ihren Daten zusammengestellt und in die Website eingebunden
Beispiel und Funktionen ansehen →$9/Monat
Dieses Widget einrichtenZustimmung zu Cookies mit automatischer Blockierung von Trackern und Google Consent Mode v2
Beispiel und Funktionen ansehen →Kostenlos
Dieses Widget einrichtenDas ausgewählte Widget und die Plattform werden bei der Registrierung gespeichert. Richten Sie das Widget anschließend im Konto ein. Lassen Sie diese Anleitung für Webflow geöffnet: Kehren Sie nach der Einrichtung zu den Installationsschritten unten zurück.
Kostenpflichtiger Plan der Plattform erforderlich
Sie brauchen einen aktiven Site plan oder Workspace Core, Growth, Agency oder Freelancer.
Die offizielle Webflow-Hilfe erlaubt custom code für Site managers und Designers bei aktivem Site plan oder einem der aufgeführten Workspace. Ein kostenpflichtiger Site plan ist nicht der einzige Weg.
Die Adresse webflow.io allein sagt nicht, ob das Einfügen von Code verfügbar ist: Prüfen Sie Workspace, Rechte und Projekteinstellungen. Die Verbindung einer eigenen Domain und die Möglichkeiten des CMS haben eigene Bedingungen des Plans.
Menüpunkte und Tarifbedingungen auf dieser Seite stammen aus der offiziellen Hilfe:
Abgeglichen mit der Plattform-Hilfe 2026-09-22
Standard-Widgets: Chat, Kontakt-Schaltfläche, Termin
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>Beispiel-Tag für gewöhnliche Widgets. Entnehmen Sie Ihren Code Ihrem Konto; er muss nicht durch eine Demo-Domain ersetzt werden. Zur Blockierung der Analyse verwenden Sie die separate Anleitung unten. Cookie-Banner und Analyse: eine separate Regelung →
Im Konto von Cenaly.com: Admin-Panel → Marketing → „Meine Website“. Tragen Sie die Adresse der Website in das erste Feld ein und kopieren Sie die Tag-Zeile.
In Webflow: Site settings (Website-Einstellungen) des gewünschten Projekts.
Der Tab Custom code — darin zwei Felder: Head code (innerhalb von head) und Footer code (vor dem schließenden body).
Fügen Sie die Zeile in Head code ein und speichern Sie. Die Tags html, head und body müssen in dieses Feld nicht eingefügt werden — nur das Skript selbst.
Klicken Sie auf Publish: Die Webflow-Hilfe weist gesondert darauf hin, dass die Wirkung Ihres Codes auf der Live-Website erst nach der Veröffentlichung sichtbar ist.
Öffnen Sie die veröffentlichte Website und kehren Sie zu „Meine Website“ → „Installation prüfen“ zurück.
Sie brauchen das Widget nur auf einer Seite – Seiten in Webflow haben eigene Felder für Code in den Seiteneinstellungen.
Für ein striktes Opt-in nehmen Sie ein separates Consent-Tag aus den Einstellungen des Cookie-Banners und setzen Sie es als erstes Skript im head, ohne async und defer, vor Analyse und Werbung. Ein allgemeines async-Tag garantiert keine Blockierung vor der Einwilligung.
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>Berücksichtigen Sie den Theme-Code, Plugins, GTM und die integrierten Integrationen der Plattform. Wenn die Plattform keine Consent-Einholung vor diesen ermöglicht, reicht ein einzelnes externes Tag nicht aus: Richten Sie die Einwilligung in der Integration selbst ein.
Bei Opt-in werden bekannte Tracker blockiert, während unbekannte eine manuelle Kennzeichnung nach der CMP-Anleitung erfordern. Bereits ausgeführter Code, serverseitige Set-Cookie und Service Worker stoppt das Tag nicht.
Öffnen Sie auf der veröffentlichten Website eine saubere Sitzung und Network: Prüfen Sie vor der Auswahl und nach der Ablehnung, dass keine Anfragen der Tracker erfolgen, die blockiert werden sollen. Akzeptieren Sie dann die gewünschte Kategorie, prüfen Sie den Start und die Änderung der Entscheidung. Ein sichtbares Banner und eine HTML-Prüfung der Installation beweisen keine Blockierung.
In Website-Baukästen lebt die Änderung im Entwurf: Solange die Seiten nicht erneut veröffentlicht wurden, ist das Tag auf der Live-Website nicht vorhanden.
Admin-Bereich → Marketing → „Meine Website“. Im ersten Feld steht die Adresse Ihrer Website, daneben „Installation prüfen“.
Die Prüfung liest den HTML-Quelltext der Seite und zeigt die gefundenen Widgets an. Ein Tag, das über Google Tag Manager eingebunden wurde, erkennt sie nicht – das ist eine Einschränkung der Prüfung, nicht der Installation.
Fehlerbehebung bei der Installation – in der Hilfe Installationsanleitung →
Webflow unterstützt custom code in preview/comment, aber nicht im expand canvas. Besucher sehen die Änderungen nach der Veröffentlichung; die abschließende Prüfung nehmen Sie an der veröffentlichten Adresse vor.
Der allgemeine Head code fügt das Tag auf Website-Ebene hinzu. Wenn nur ein URL benötigt wird, verwenden Sie die Seiteneinstellungen und duplizieren Sie dort nicht das bereits gesetzte allgemeine Tag.
Das Widget verbindet Webflow-Formulare nicht automatisch mit Cenaly.com. Das Shadow DOM isoliert Stile, aber Animationen, Klickbarkeit von Buttons und Überlagerungen müssen Sie auf Ihrer Website prüfen.
Platzieren Sie consent nicht nach dem Container, der bereits Tracker gestartet hat. Für ein gewöhnliches Tag über GTM bestätigt die serverseitige HTML-Prüfung die Installation nicht – prüfen Sie das Widget auf der veröffentlichten Seite.
Nein, custom code ist auch über Core, Growth, Agency oder Freelancer Workspace zu den Bedingungen von Webflow verfügbar. Prüfen Sie die Rechte als Site manager/Designer und den Zugriff auf das Feld im konkreten Projekt.
Ein gewöhnliches Tag können Sie in den Head code einfügen; umgeben Sie es nicht mit html/head/body-Tags. Consent mit Blockierung bis zur Einwilligung erfordert ein separates erstes Skript im head vor den Trackern.
Custom code funktioniert nicht im expand canvas. Preview/comment unterstützt es, aber die Änderungen müssen noch veröffentlicht werden. Prüfen Sie, ob das Widget aktiviert ist, und die endgültige Adresse der Website.
Die Isolierung von Stilen garantiert keine Kompatibilität mit jedem Skript. Prüfen Sie Interaktionen, Formulare und den mobilen Bildschirm, bevor Sie das Widget auf alle Seiten ausrollen.
Der allgemeine Code der Website gilt auch für Kollektionsseiten. Prüfen Sie ein veröffentlichtes Beispiel einer solchen Seite und duplizieren Sie das Tag nicht in ihrer Vorlage.
Zum Blockieren von Trackern vor der Einwilligung ist eine separate consent/v1.js als erstes im head ohne async/defer erforderlich. Prüfen Sie das Laden vor der Auswahl, nach der Ablehnung und nach der Annahme. Die integrierte Analyse der Plattform kann eine separate Einrichtung erfordern; das Erscheinen des Banners bestätigt nicht die Gesetzeskonformität.
Mehr dazu – Installation nach Plattformen, Einrichtung und Fehlerbehebung – finden Sie in der Hilfe. Installationsanleitung →
Dieselben Widgets – andere Menüpunkte.
Ihre Plattform ist nicht in der Liste? Allgemeine Installationsanleitung →
Prüfen Sie den Zugriff auf custom code, wählen Sie ein Widget und konfigurieren Sie es. Testen Sie nach der Veröffentlichung eine normale Seite und eine Kollektionsseite.
Widget auswählenOhne Karte · Registrierung in einer Minute, Tag in einer weiteren · Änderungen an den Einstellungen erreichen die Website in 5 Minuten