Chatbot-Aktionen basierend auf Webseiten auslösen | KI-Tutorial
Erfahren Sie, wie Sie verschiedene Chatbot-Aktionen basierend auf der spezifischen Webseite, auf der sich ein Nutzer befindet, auslösen können. Dieses KI-Tutorial behandelt das Einrichten eines benutzerdefinierten Chatbot-Ablaufs und dessen nahtlose Integration in Ihre Website.
21. Februar 2025

Erfahren Sie, wie Sie dynamische Chatbot-Abläufe erstellen, die sich an den Standort des Benutzers auf Ihrer Website anpassen, um ein personalisiertes und ansprechendes Erlebnis zu bieten. Dieses Tutorial bietet eine Schritt-für-Schritt-Anleitung zum Einrichten verschiedener Chatbot-Aktionen basierend auf der Webseite des Besuchers, um die Leistung Ihres Chatbots zu optimieren und bessere Kundeninteraktionen zu erzielen.
Verschiedene Chatbot-Flows basierend auf der Webseite
Erstellen eines Preisseiten-Chatbot-Flows
Integrieren des Preisseiten-Chatbot-Flows
Schlussfolgerung
Verschiedene Chatbot-Flows basierend auf der Webseite
Verschiedene Chatbot-Flows basierend auf der Webseite
Um verschiedene Chatbot-Flows basierend auf der Webseite, auf der sich der Benutzer befindet, auszulösen, folgen Sie diesen Schritten:
- Erstellen Sie einen neuen Flow für die Preisseite, indem Sie im Chatbot-Builder auf "Preisseiten-Flow hinzufügen" klicken.
- Fügen Sie in dem neuen Flow eine "Hallo"-Nachricht mit einem GIF hinzu, das "Cash Money" sagt, und eine 4-sekündige Tippanimation.
- Folgen Sie dieser Nachricht mit einer Textnachricht, die sagt "Bitte lassen Sie uns wissen, wenn Sie Fragen zu unseren Preisen haben."
- Veröffentlichen Sie den neuen Flow und kopieren Sie den veröffentlichten Link.
- Suchen Sie in Ihrem Website-Code (z.B. Webflow) den vorhandenen Web-Chat-Code und ersetzen Sie den
ref
-Parameter durch den aus dem veröffentlichten Link. - Speichern und veröffentlichen Sie die Änderungen auf Ihrer Website.
Nun, wenn ein Benutzer die Preisseite besucht, wird er den neuen Chatbot-Flow mit dem "Cash Money"-GIF und der preisbezogenen Nachricht sehen.
Erstellen eines Preisseiten-Chatbot-Flows
Erstellen eines Preisseiten-Chatbot-Flows
Um einen Chatbot-Flow für die Preisseite zu erstellen, folgen Sie diesen Schritten:
- Melden Sie sich in Ihrem Konto an und klicken Sie auf "Preisseiten-Flow hinzufügen".
- Erstellen Sie eine einfache "Hallo"-Nachricht mit einem GIF, das "Cash Money" sagt, und eine 4-sekündige Tippanimation.
- Fügen Sie eine Textnachricht hinzu, die sagt "Bitte lassen Sie uns wissen, wenn Sie Fragen zu unseren Preisen haben."
- Veröffentlichen Sie den Flow und kopieren Sie den veröffentlichten Link.
- Suchen Sie in Ihrem Website-Code (z.B. Webflow) den Web-Chat-Abschnitt und ersetzen Sie die Referenznummer durch die aus dem veröffentlichten Flow.
- Speichern und veröffentlichen Sie die Änderungen.
Nun, wenn Benutzer die Preisseite besuchen, werden sie die Chatbot-Blase mit der angepassten Nachricht und dem GIF sehen und so leicht Fragen zu den Preisen stellen können.
Integrieren des Preisseiten-Chatbot-Flows
Integrieren des Preisseiten-Chatbot-Flows
Um den Chatbot-Flow für die Preisseite zu integrieren, folgen Sie diesen Schritten:
- Melden Sie sich in Ihrem Konto an und klicken Sie auf "Preisseiten-Flow hinzufügen", um einen neuen Flow für die Preisseite zu erstellen.
- Fügen Sie in dem Flow eine "Hallo"-Nachricht mit einem GIF hinzu, das "Cash Money" sagt, und eine 4-sekündige Tippanimation.
- Fügen Sie eine Textnachricht hinzu, die sagt "Bitte lassen Sie uns wissen, wenn Sie Fragen zu unseren Preisen haben."
- Veröffentlichen Sie den Flow und kopieren Sie den veröffentlichten Link.
- Gehen Sie in Ihrem Webflow-Projekt zu den Web-Chat-Einstellungen und fügen Sie den veröffentlichten Link als Einstiegspunkt für die Preisseite ein.
- Aktualisieren Sie die Textanimation und Nachricht nach Bedarf und speichern und veröffentlichen Sie die Änderungen.
Nun, wenn Benutzer die Preisseite besuchen, werden sie den von Ihnen erstellten Chatbot-Flow sehen und so leicht Fragen zu Ihren Preisen stellen können.
Schlussfolgerung
Schlussfolgerung
In diesem Tutorial haben wir gelernt, wie man verschiedene Chatbot-Flows basierend auf der Webseite, auf der sich der Benutzer befindet, auslösen kann. Wir haben damit begonnen, einen einfachen Flow für die Preisseite zu erstellen, der eine GIF-Animation und eine Nachricht enthält, in der der Benutzer gebeten wird, Fragen zu den Preisen zu stellen.
Anschließend haben wir den Chatbot-Flow in die Preisseite integriert, indem wir den veröffentlichten Link kopiert und den Web-Chat-Code in Webflow aktualisiert haben. Dadurch konnten wir die Chatbot-Funktionalität nahtlos in die Preisseite integrieren und den Benutzern ein personalisiertes und interaktives Erlebnis bieten.
Die Schlüsselergebnisse aus diesem Tutorial sind:
- Erstellen eines spezifischen Flows für die Preisseite, um den Benutzern ein maßgeschneidertes Erlebnis zu bieten.
- Verwendung von GIFs und Animationen, um den Chatbot ansprechender und interaktiver zu gestalten.
- Integration des Chatbot-Flows in die Preisseite durch Aktualisierung des Web-Chat-Codes in Webflow.
Indem Sie diese Schritte befolgen, können Sie ähnliche Funktionalität auf Ihrer eigenen Website implementieren und Ihren Benutzern ein personalisiertes und reaktionsfreudiges Erlebnis bieten.
FAQ
FAQ