Zum Inhalt
Platform

Bot-Designer – Chat-Interface gestalten und einbetten

Mit dem Bot-Designer konfigurieren Sie KI-Agenten, die als Chat auf Websites eingebettet werden. Der Bot-Designer ist ein visueller Editor zur Anpassung von Design, Verhalten und Einbettung des Chats.

Kurz erklärt

  1. KI-Agent erstellen
  2. Zugriff auf Öffentlich setzen
  3. Bot-Designer über die Agentenliste öffnen
  4. Chat-Typ konfigurieren
  5. Embed-Code generieren und einfügen

Voraussetzungen

Voraussetzungen für die Einbettung

Damit ein KI-Agent eingebettet werden kann, müssen folgende Voraussetzungen erfüllt sein:

  • Der KI-Agent ist auf Öffentlich gesetzt
  • Das entsprechende Bot-Abonnement ist aktiv

Ist die Option Öffentlich nicht verfügbar, steht das notwendige Abonnement nicht zur Verfügung und der Agent kann nicht eingebettet werden.

Bot-Designer öffnen

Der Bot-Designer wird direkt über die Agentenliste aufgerufen:

  1. Öffnen Sie die Agentenliste
  2. Klicken Sie beim gewünschten Agenten auf das Drei-Punkte-Menü
  3. Wählen Sie Einbetten

Der Bot-Designer öffnet sich in einer separaten Ansicht.

Chat-Typen im Überblick

Im Bot-Designer stehen drei Chat-Typen zur Verfügung. Jeder Typ ist für unterschiedliche Einsatzszenarien gedacht und bietet angepasste Konfigurationsmöglichkeiten. Wählen Sie den Typ, der am besten zu Ihrem Anwendungsfall passt.

Chat-Typ Beschreibung Einsatzbereich
Chat Bubble Schwebender Chat am Rand der Website, öffnet sich bei Interaktion Schnelle, niederschwellige Interaktion
Container Chat Fix eingebetteter Chat direkt im Seitenlayout Landingpages, Service-Seiten
iFrame Chat Minimale Einbettung, nur Breite und Höhe konfigurierbar Einfache Integrationen

Jede Seite beschreibt die verfügbaren Konfigurationsmöglichkeiten, Payload-Variablen und die Generierung des Embed-Codes für den jeweiligen Chat-Typ.

Verwandte Themen