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.

6. Oktober 2024

party-gif

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

Um verschiedene Chatbot-Flows basierend auf der Webseite, auf der sich der Benutzer befindet, auszulösen, folgen Sie diesen Schritten:

  1. Erstellen Sie einen neuen Flow für die Preisseite, indem Sie im Chatbot-Builder auf "Preisseiten-Flow hinzufügen" klicken.
  2. Fügen Sie in dem neuen Flow eine "Hallo"-Nachricht mit einem GIF hinzu, das "Cash Money" sagt, und eine 4-sekündige Tippanimation.
  3. Folgen Sie dieser Nachricht mit einer Textnachricht, die sagt "Bitte lassen Sie uns wissen, wenn Sie Fragen zu unseren Preisen haben."
  4. Veröffentlichen Sie den neuen Flow und kopieren Sie den veröffentlichten Link.
  5. 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.
  6. 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

Um einen Chatbot-Flow für die Preisseite zu erstellen, folgen Sie diesen Schritten:

  1. Melden Sie sich in Ihrem Konto an und klicken Sie auf "Preisseiten-Flow hinzufügen".
  2. Erstellen Sie eine einfache "Hallo"-Nachricht mit einem GIF, das "Cash Money" sagt, und eine 4-sekündige Tippanimation.
  3. Fügen Sie eine Textnachricht hinzu, die sagt "Bitte lassen Sie uns wissen, wenn Sie Fragen zu unseren Preisen haben."
  4. Veröffentlichen Sie den Flow und kopieren Sie den veröffentlichten Link.
  5. 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.
  6. 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

Um den Chatbot-Flow für die Preisseite zu integrieren, folgen Sie diesen Schritten:

  1. 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.
  2. Fügen Sie in dem Flow eine "Hallo"-Nachricht mit einem GIF hinzu, das "Cash Money" sagt, und eine 4-sekündige Tippanimation.
  3. Fügen Sie eine Textnachricht hinzu, die sagt "Bitte lassen Sie uns wissen, wenn Sie Fragen zu unseren Preisen haben."
  4. Veröffentlichen Sie den Flow und kopieren Sie den veröffentlichten Link.
  5. 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.
  6. 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

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:

  1. Erstellen eines spezifischen Flows für die Preisseite, um den Benutzern ein maßgeschneidertes Erlebnis zu bieten.
  2. Verwendung von GIFs und Animationen, um den Chatbot ansprechender und interaktiver zu gestalten.
  3. 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