So fügen Sie Ihrer Webflow-Website einen Chat hinzu
Webflow gibt Ihnen volle Kontrolle über das Aussehen Ihrer Website, doch ein Besucher mit einer Frage muss trotzdem Ihre Seiten durchforsten. Ein KI-Chat antwortet aus Ihren eigenen Inhalten und übergibt die Unterhaltung bei Bedarf an Ihr Team. Um ihn in Webflow einzubinden, genügt eine Zeile im Custom Code Ihrer Website. Dieser Ratgeber zeigt, wohin Sie sie einfügen und wie Sie prüfen, ob der Chat live ist.
Schritt 1: Chat erstellen und die Website lesen lassen
Registrieren Sie sich, erstellen Sie Ihren Chat und geben Sie die Adresse Ihrer Webflow-Website ein. Wählen Sie aus, welche Seiten gelesen werden sollen, etwa Leistungen, Preise, Versand oder Hilfeseiten, und fügen Sie Dokumente hinzu, falls Ihre Antworten in Dateien stehen. Der Chat antwortet nur aus dem, was er liest, und zeigt für jeden Satz eine nummerierte Quelle an. Stellen Sie ihm im Test-Chat ein paar echte Fragen. Fehlt eine Antwort oder ist sie unklar, verbessern Sie die Seite in Webflow und lassen Sie den Chat sie erneut lesen. Legen Sie Name, Begrüßung und Startfragen fest und wählen Sie eine Vorlage und Ihr Logo. Seiten hinter einem Login können nicht gelesen werden, halten Sie die Antworten, die Besucher brauchen, also auf öffentlichen Seiten bereit. Der Chat nennt keinen Preis, kein Datum und keine Richtlinie, die Ihre Quellen nicht nennen.
Schritt 2: Webflow-Einbettungscode aus „Add to your website“ kopieren
Nachdem Sie live gegangen sind, zeigt OneType Ihr Script-Tag zum Kopieren an. Es steht auch im Tab „Add to your website“ Ihres Agenten, der „Custom code“, „Webflow“ und „Divhunt“ anbietet. Für Webflow fügen Sie den Chat als Einbettung im Custom Code der Website hinzu, und die folgenden Schritte zeigen, wie.
Schritt 3: Im Custom Code der Website einfügen
Custom Code setzt einen kostenpflichtigen Webflow-Site-Tarif voraus. In Webflow gehen Sie so vor:
- Öffnen Sie Ihre Website und gehen Sie zu „Site settings“.
- Klicken Sie im linken Menü auf „Custom code“.
- Scrollen Sie zu „Footer code“ und fügen Sie das Script-Tag ein.
- Klicken Sie auf „Save changes“.
Dieselbe Zeile funktioniert auf jeder Seite der Website, Sie fügen sie also nur einmal ein. Wenn Sie nicht diejenige Person sind, die die Webflow-Website bearbeitet, öffnet ein Link in OneType eine E-Mail mit dem Snippet und der Anleitung, bereit zum Versand an die zuständige Person.
Schritt 4: Webflow-Website veröffentlichen
Klicken Sie oben rechts auf „Publish“. Der Chat erscheint nur auf der veröffentlichten Website, nicht im Designer. Wenn Sie auf der Staging-Adresse von Webflow testen, die auf webflow.io endet, fügen Sie genau diese Adresse ebenfalls zu den erlaubten Domains Ihres Agenten hinzu, denn der Chat lädt nur auf den Domains, die Sie erlauben. Ihre eigene Domain wird für Sie hinzugefügt, wenn Sie den Schritt „Go live“ nutzen. Wer Ihr Script-Tag auf eine andere Website kopiert, bekommt nichts angezeigt.
Schritt 5: Prüfen, ob der Chat live ist, und testen
Öffnen Sie Ihre veröffentlichte Website in einem neuen Tab. In der Ecke erscheint eine Chat-Schaltfläche, und innerhalb von etwa einer Minute zeigt OneType „Live on“ gefolgt von der Adresse Ihrer Website an, im Schritt „Go live“ zum Beispiel „Live on shop.example.com“. Dafür müssen Sie den Chat nicht öffnen. Wenn nach zehn Minuten nichts erscheint, prüfen Sie, ob die Zeile auf der veröffentlichten Seite steht, ob die Adresse eine erlaubte Domain ist, ob kein Werbeblocker oder keine Sicherheitsrichtlinie das Widget blockiert und ob Sie die Seite neu geladen haben. Stellen Sie dann eine Frage, die Ihre Seiten beantworten, und eine, die sie nicht beantworten. Der Chat sollte sagen, dass er es nicht weiß, und Ihren nächsten Schritt anbieten.
Bringen Sie eine Antwort-Engine auf Ihre Webflow-Website
So funktioniert die Installation: Chat zu jeder Website hinzufügen, oder starten Sie kostenlos.