KI-Chatbot in Ihre Webflow-Website einbinden

Was Webflow voraussetzt

Webflow erlaubt Custom Code für die ganze Website bei Websites mit einem kostenpflichtigen Site plan oder in kostenpflichtigen Workspace-Tarifen. Die kostenlose Starter-Website kann das nicht. Außerdem läuft Custom Code nur auf der veröffentlichten Website, nicht auf der Designer-Arbeitsfläche.

Ihre Code-Zeile holen

Registrieren Sie sich mit Ihrer E-Mail-Adresse und geben Sie die veröffentlichte Adresse Ihrer Website ein (Ihre eigene Domain oder die webflow.io-Adresse, wenn Besucher diese nutzen). Kopieren Sie nach dem ersten Durchlauf Ihre Zeile aus dem Dashboard:

In Webflow einfügen

1. Öffnen Sie die Site settings Ihres Projekts.
2. Gehen Sie zum Tab Custom code.
3. Fügen Sie Ihre Zeile in Footer code ein. Sie wird auf jeder Seite vor dem schließenden </body>-Tag platziert.
4. Klicken Sie auf Save changes.
5. Veröffentlichen Sie die Website auf den Domains, die Sie nutzen.
6. Öffnen Sie die veröffentlichte Website. Der Chat-Button erscheint unten rechts, und Ihr Dashboard zeigt Verbunden.

Soll er nur auf einer einzelnen Seite erscheinen, nutzen Sie die Custom-Code-Einstellungen dieser Seite (vor </body>) statt des Footers für die ganze Website.

Zwei Domains? Fügen Sie beide hinzu

Viele Webflow-Websites sind unter einer eigenen Domain und unter webflow.io erreichbar. Der Chat antwortet nur auf Domains, die in Ihrem Dashboard registriert sind; mit und ohne www zählt als eine. Soll er auch auf der Staging-Adresse laufen, fügen Sie diese Domain im Dashboard hinzu. Für lokale Tests funktioniert auch localhost.

Was er auf einer Webflow-Website tut

Er liest die öffentlichen Seiten Ihrer Website, einschließlich CMS-Collection-Seiten, die er über Ihre Links erreicht, und liest sie jeden Tag neu, sodass neue CMS-Einträge und Änderungen den Assistenten erreichen, ohne dass Sie etwas tun müssen. Er antwortet in der Sprache des Besuchers nur aus diesen Seiten, sagt es, wenn eine Frage nicht abgedeckt ist, und listet diese Fragen für Sie auf.

Webflow wird oft für SaaS-, Agentur- und Dienstleister-Websites genutzt. Typische Fragen sind dort „Gibt es eine Integration mit X?“, „Was ist im Pro-Tarif enthalten?“, „Wie kündige ich?“ und „Arbeiten Sie mit Kunden in meinem Land?“. Beantworten Ihre Seiten das, tut es auch der Assistent. Wenn nicht, sehen Sie die Fragen in Ihrer Liste.

Bei Webflow Ecommerce beantwortet er Fragen zu Produkten und Richtlinien aus Ihren Seiten. Mit den Bestellungen von Webflow verbindet er sich nicht, er kann Bestellungen also weder abrufen noch stornieren oder ändern: Diese Gespräche werden an Sie weitergegeben.

Übergaben an Ihr Team

Möchte ein Besucher einen Menschen sprechen oder muss etwas erledigt werden, geht das Gespräch an Ihre E-Mail-Adresse oder an Slack, Discord oder Telegram, wenn Sie diese verbinden. Aus den Chat-Apps heraus können Sie antworten, und der Besucher sieht Ihre Antwort in seinem Chatfenster.

Prüfen Sie ihn, bevor Sie ihn ankündigen

1. Stellen Sie dem Test-Chat auf Ihrer Einrichtungsseite die Fragen aus Ihrem Vertriebs- oder Support-Postfach des letzten Monats.
2. Wo eine Antwort fehlt, ergänzen Sie die Information auf der Seite, auf der Besucher danach suchen würden, und veröffentlichen Sie.
3. Fragen Sie nach dem nächsten täglichen Durchlauf erneut und prüfen Sie in Ihrem Dashboard die Liste der Fragen, die er nicht beantworten konnte.

Ihre Antworten bleiben Ihre: Der Assistent nutzt kein externes Wissen über Ihr Produkt, Ihre Wettbewerber oder Preise, sondern nur das, was Ihre veröffentlichte Website sagt.