KI-Chat-Agent für Ihre Webflow-Website
Hazelchat beantwortet Fragen Ihrer Besucher aus Ihren veröffentlichten Seiten und CMS-Einträgen und zeigt unter jeder Antwort die Quelle. Hazelchat fügt sich über Webflow selbst in Ihre Website ein, Sie müssen keinen Code einfügen.
Die Webflow-App kostet nichts extra. Der Free-Tarif enthält 50 Antworten im Monat für eine Website, ohne Karte.
Was Sie brauchen
- Eine Webflow-Website mit einem Tarif, der eigenen Code erlaubt, damit Code von Apps auf der veröffentlichten Website läuft. Ihren Tarif sehen Sie in Webflow unter Site settings → Plans.
- Die Berechtigung, im Webflow-Workspace der Website Apps zu installieren und die Website zu veröffentlichen.
- Ein Hazelchat-Konto. Sind Sie neu und installieren aus dem Webflow Marketplace, legen Sie es unterwegs an: Webflow bestätigt Ihre E-Mail-Adresse, und Sie wählen nur ein Passwort. Sie können sich auch zuerst mit Ihrer E-Mail-Adresse registrieren.
Hazelchat in sechs Schritten zu Webflow hinzufügen
-
In Webflow
Hazelchat freigeben
Installieren Sie Hazelchat aus dem Webflow Marketplace. Webflow bittet Sie um Freigabe: Wählen Sie Ihre Website und klicken Sie auf Authorize App. Lehnen Sie ab, wird nichts verbunden.
Nutzen Sie Hazelchat schon? Dann starten Sie dort: Melden Sie sich an, öffnen Sie Website → Auf Ihrer Website installieren, wählen Sie Einrichtung fortsetzen, dann Webflow, und klicken Sie auf Webflow verbinden.
-
In Hazelchat
Anmelden, und Ihre Website ist verbunden
Sind Sie neu, wählen Sie ein Passwort. Hat Ihre Webflow-E-Mail-Adresse schon ein Hazelchat-Konto, melden Sie sich an. Sind Sie schon angemeldet, kommt die Freigabe in Ihren Arbeitsbereich; Hazelchat fragt vorher, wenn Sie mit einer anderen E-Mail-Adresse freigegeben haben.
Mehr als eine Website freigegeben? Wählen Sie eine auf dem Bildschirm Welche Website?. Die Freigabe wartet 30 Minuten in dem Browser, in dem Sie sie erteilt haben.
-
In Hazelchat
Seiten wählen, aus denen er antworten darf
Die Einrichtung listet die veröffentlichten Seiten und CMS-Einträge Ihrer Website, über Webflow gelesen, mit den Hauptseiten angehakt. Behalten Sie die, aus denen Hazelchat antworten darf, und machen Sie weiter. Sie können auch Dokumente und eigene Antworten hinzufügen.
-
In Hazelchat
Angaben prüfen und ausprobieren
Prüfen Sie den Namen und die Datenschutzangaben, die Hazelchat vorschlägt, und probieren Sie ein paar Fragen aus.
-
In Hazelchat
Skript hinzufügen
Klicken Sie auf Hinzufügen und veröffentlichen. Hazelchat fügt sein Skript in den eigenen Code Ihrer Website ein und veröffentlicht die Website über Webflow, damit das Skript Ihre Besucher erreicht. Eine Veröffentlichung in Webflow veröffentlicht auch alle anderen unveröffentlichten Änderungen aus dem Designer.
Wollen Sie selbst veröffentlichen, wählen Sie Ohne Veröffentlichen hinzufügen und veröffentlichen die Website in Webflow. Eine Verbindung, die vor dem 4. Oktober 2026 freigegeben wurde, kann nicht veröffentlichen: Veröffentlichen Sie in Webflow oder verbinden Sie Webflow neu, um es zu erlauben.
-
Auf Ihrer Website
Einschalten und antworten sehen
Prüfen Sie in Hazelchat die gespeicherte Website und klicken Sie auf Veröffentlichen und einschalten (oder Einschalten bei einem unveränderten veröffentlichten Agenten). Ist Hazelchat schon eingeschaltet und braucht nach einem neuen Schlüssel eine neue Prüfung, wählen Sie Installation prüfen. Hazelchat prüft das Skript, bevor der Agent sichtbar wird.
Klicken Sie auf dem nächsten Bildschirm auf die Schaltfläche, die Ihre Website öffnet. Damit startet der Website-Test und Ihre Seite öffnet sich. Stellen Sie im Chat eine Frage, kehren Sie zu Hazelchat zurück und klicken Sie auf Ja, ich habe diese Antwort gesehen. Hazelchat prüft beim Zurückkehren, ob die Antwort da ist; es bestätigt sie nie für Sie.
Zeigt Ihre Website unten rechts das Abzeichen „Made in Webflow“, setzen Sie den Chat unter Website → Darstellung nach links, damit sich beide nicht überlagern.
Worauf die App zugreift
Hazelchat liest nur die veröffentlichten Seiten und CMS-Einträge, die Sie anhaken, und ändert nur sein eigenes Skript. Nichts erreicht Besucher, bevor Sie in Hazelchat eine Version veröffentlichen.
Diese Berechtigungen geben Sie beim Verbinden in Webflow frei:
Website-Daten lesen
Namen und Adressen der Websites, die Sie freigeben, damit Sie eine wählen können.
Eigenen Code lesen und bearbeiten
Um das eigene Skript von Hazelchat auf der gewählten Website hinzuzufügen, zu aktualisieren und zu entfernen.
Ihre Website veröffentlichen
Nur wenn Sie in Hazelchat auf Hinzufügen und veröffentlichen oder Website veröffentlichen klicken, damit das Skript live geht.
Seiten und CMS-Inhalte lesen
Den Text Ihrer veröffentlichten Seiten und CMS-Einträge, nur dann gelesen, wenn Sie die Seiten Ihrer Website in Hazelchat hinzufügen.
Ihren Webflow-Benutzer lesen
Webflow teilt Ihren Namen und Ihre E-Mail-Adresse. Hazelchat nutzt nur die E-Mail-Adresse, um Ihr Konto anzulegen oder die Freigabe Ihrem bestehenden Konto zuzuordnen, und behält den Namen nicht.
Hazelchat liest keine Formulare oder Formulareingaben, ändert nie Ihr Design und veröffentlicht Ihre Website nur, wenn Sie in Hazelchat auf eine Veröffentlichen-Schaltfläche klicken.
Wie Hazelchat Ihre Webflow-Inhalte liest
Bei einer mit Webflow verbundenen Website ruft Hazelchat Ihre Website nicht selbst ab. Es fragt die API von Webflow nach den veröffentlichten Seiten und CMS-Einträgen der Website und listet sie für Sie auf. Sie haken die Seiten an, die es nutzen darf; Hazelchat liest nur den Text dieser Seiten und Einträge und fügt ihn dem Entwurf Ihres Agenten hinzu.
Dieser Text bleibt in Ihrem Arbeitsbereich, um Besucher auf Ihrer eigenen Website zu beantworten. Sie sehen ihn unter Quellen, wo Sie ihn bearbeiten oder entfernen können. Er wird nicht mit anderen Kunden geteilt und für nichts anderes genutzt. Wenn Sie eine Quelle entfernen oder Ihr Hazelchat-Konto schließen, wird er gelöscht. Text in Webflow-Komponenten, den eine Seite nicht überschreibt, ist nicht enthalten; fügen Sie diesen Inhalt als eigene Antwort hinzu, wenn Besucher ihn brauchen.
Das Skript, das Hazelchat hinzufügt
Ein Skript im Footer Ihrer Website, über den eigenen Code von Webflow eingefügt, mit einem Integritäts-Hash und Ihrem öffentlichen Widget-Schlüssel:
https://app.hazelchat.co/embed/webflow-widget-v4.jsUnsichtbar, bis Ihr Agent antworten kann
Es zeigt Chat-Schaltfläche und Fenster erst, wenn Hazelchat bestätigt, dass Ihr Agent veröffentlicht, eingeschaltet und auf dieser Website erlaubt ist. Bis dahin, und sobald das nicht mehr gilt, sehen Besucher nichts. Der Chat funktioniert nur auf Websites, die Sie in Hazelchat verifiziert haben.
Läuft auf Ihrer Seite, spricht mit einer Adresse
Es lädt keinen Frame und keinen anderen Code und kontaktiert
app.hazelchat.conur, um die veröffentlichten Einstellungen Ihres Agenten zu laden, zu fragen, ob der Chat auf dieser Website erscheinen darf, und Fragen und Anfragen der Besucher zu senden.Ändert sich nie unbemerkt
Diese Datei ändert sich nie. Eine neue Version bekommt eine neue Adresse, und Hazelchat bietet Skript aktualisieren an; danach veröffentlichen Sie Ihre Website.
Entfernen Sie das Skript oder trennen Sie Webflow, wird es aus dem eigenen Code Ihrer Website entfernt; veröffentlichen Sie Ihre Website danach. Nur wenn das Unternehmen Begrüßungsnachrichten eingerichtet hat, speichert der Chat zwei Merker im Sitzungsspeicher des Besuchers, damit eine Begrüßung einmal pro Besuch erscheint.
Ändern, entfernen oder trennen
Neuer Widget-Schlüssel
Erneuern Sie Ihren Widget-Schlüssel in Hazelchat, bietet die Karte Skript aktualisieren an. Veröffentlichen Sie Ihre Website danach, in Hazelchat oder in Webflow.
Neue Skript-Version
Hazelchat bietet Skript aktualisieren an. Die alte Version läuft weiter, bis Sie aktualisieren und Ihre Website veröffentlichen. Frühere Versionen zeigen die Chat-Schaltfläche auch, wenn Ihr Agent ausgeschaltet ist; die aktuelle Version hält sie verborgen, bis der Agent dort antworten kann.
Skript entfernen
Öffnen Sie unter Website → Auf Ihrer Website installieren → Installation verwalten → Webflow-Verbindung den Punkt Entfernen oder trennen, klicken Sie auf Skript entfernen von Ihrer Website und veröffentlichen Sie dann in Webflow.
Webflow trennen
Damit wird das Skript entfernt, Webflow gebeten, den Zugriff von Hazelchat zu widerrufen, und der gespeicherte Zugriff in Hazelchat gelöscht. Veröffentlichen Sie danach in Webflow.
In Webflow deinstallieren
Entfernen Sie die App in den Einstellungen Ihres Webflow-Workspaces, endet der Zugriff von Hazelchat. Prüfen Sie Site settings → Custom code → Code added by Apps auf ein verbliebenes Hazelchat-Skript, entfernen Sie es bei Bedarf und veröffentlichen Sie Ihre Website. Hazelchat prüft regelmäßig, ob Webflow die Verbindung noch annimmt, und löscht den gespeicherten Zugriff, sobald Webflow sie ablehnt.
Hazelchat-Konto schließen
Damit werden der gespeicherte Zugriff und Ihre Inhalte mit Ihrem Arbeitsbereich gelöscht. Das Skript bleibt auf Ihrer Website, bis Sie es entfernen, und der Chat erscheint nicht mehr, weil es keinen Agenten zu laden gibt. Entfernen Sie es in Webflow unter Site settings → Custom code → Code added by Apps und veröffentlichen Sie dann.
Fragen
Was kostet die Webflow-App?
Nichts extra. Der Free-Tarif von Hazelchat enthält 50 Antworten im Monat für eine verifizierte Website, beantwortet mit dem empfohlenen KI-Modell, Anfragen in Ihrem Arbeitsbereich und „Bereitgestellt von Hazelchat“ im Chat. Bezahlte Tarife bringen mehr Antworten, eine Auswahl an KI-Modellen und eine E-Mail für jede neue Anfrage; Business und Scale bringen mehr Websites und entfernen das Hazelchat-Branding. Preise und Grenzen stehen auf der Preisseite.
Wer schreibt die Antworten?
Ein KI-Modell, aus den Inhalten, die Sie freigegeben haben, und unter jeder Antwort stehen die Quellen. Ist der KI-Dienst nicht erreichbar, zeigt der Chat stattdessen die passenden Stellen aus Ihren Inhalten.
Wie wird meine Website verifiziert?
Hazelchat zeigt den Chat nur auf Websites, deren Inhaberschaft nachgewiesen ist. Bei Webflow ist das Skript selbst der Nachweis: Nach dem Veröffentlichen lädt Veröffentlichen und einschalten Ihre veröffentlichte Website und sucht das Skript von Hazelchat mit Ihrem Widget-Schlüssel. Das Verbinden mit Webflow allein zählt nicht als Nachweis. Kann die Prüfung Ihre Website nicht lesen, funktioniert auch ein DNS-Eintrag oder eine Prüfdatei unter Website → Website-Einstellungen. Hazelchat wiederholt die Prüfung alle sieben Tage.
Meine Website sendet eine Content-Security-Policy. Was muss ich erlauben?
Erlauben Sie https://app.hazelchat.co in script-src und connect-src.
Wie wird mein Webflow-Zugriff gespeichert?
Hazelchat speichert das Zugriffstoken von Webflow verschlüsselt und nutzt es nur für die Aktionen auf dieser Seite. Einzelheiten stehen in der Datenschutzerklärung. Für den Chat auf Ihrer Website gilt der Auftragsverarbeitungsvertrag.
Welche Sprachen gibt es?
Die Hazelchat-Konsole und diese Anleitung gibt es auf Deutsch, und der Chat auf Ihrer Website spricht Deutsch. Die Bildschirme von Webflow selbst folgen Ihrer Webflow-Sprache.
Eine geprüfte Antwort auf jeder Webflow-Seite.
Fragen? Schreiben Sie an hello@hazelchat.co. Wir antworten innerhalb eines Werktags. Nicht auf Webflow? Hier finden Sie Wix, WordPress und alle Wege, Hazelchat zu installieren.