Botpress integriert sich über Webchat in Ihre Website – ein von Botpress entwickeltes, individuelles Frontend für Ihren Bot. Fügen Sie Ihren Bot mit einem Einbettungscode oder einer vollständig anpassbaren React-Bibliothek zu einer Website oder Anwendung hinzu.
Kopieren Sie den Einbettungscode Ihres Bots aus dem Dashboard und fügen Sie ihn in den Head-Bereich des HTML-Codes Ihrer Website ein.
Verwenden Sie die Webchat React-Bibliothek, um eine Webchat-Komponente direkt in Ihre Anwendung zu integrieren.
Legen Sie die Primärfarbe, Schriftart, den Theme-Modus, den Header-Stil, den Nachrichtenstil und den Eckenradius fest oder passen Sie die integrierten CSS-Klassen an.
Zeigen Sie Webchat in einem bestimmten HTML-Element an, wodurch die Chat-Blase ausgeblendet wird und Sie mehr Kontrolle über Aussehen und Position erhalten.
Sie benötigen einen veröffentlichten Bot und grundlegende HTML-Kenntnisse, um Webchat zu einer selbst gehosteten Website hinzuzufügen.
Öffnen Sie den Workspace Ihres Bots, wählen Sie den Bot aus, gehen Sie zu Webchat, dann zu Deploy-Einstellungen und kopieren Sie den Einbettungscode.
Fügen Sie den Einbettungscode in den Head-Bereich des HTML-Codes Ihrer Website ein, öffnen Sie dann Ihre Website und starten Sie den Chat mit Ihrem Bot.
Passen Sie Identität, Aussehen, Deploy-Einstellungen und Funktionen im Webchat-Bereich des Dashboards an und wählen Sie dann Konfiguration veröffentlichen.
Legen Sie das Avatar, den Anzeigenamen, die Beschreibung, den Composer-Platzhalter und ein individuelles Avatar für den Floating Action Button Ihres Bots fest.
Fügen Sie optional eine E-Mail-Adresse, Telefonnummer, Website, Nutzungsbedingungen und Datenschutzrichtlinie hinzu.
Legen Sie eine proaktive Nachricht, einen Auslöser-Typ und eine Verzögerungszeit fest und sehen Sie sich die Blase im Dashboard an.
Aktivieren Sie Nachrichten-Feedback und sehen Sie die Feedback-Daten im Analytics-Menü ein.
Erlauben Sie Nutzern das Hochladen von Dateien und aktivieren Sie Tonbenachrichtigungen für neue Nachrichten mit Webchat v3.3 oder neuer.
Lassen Sie Nutzer mit Webchat v3.6 oder neuer frühere Unterhaltungen ansehen und fortsetzen und wählen Sie zwischen Sitzungs- oder lokalem Speicher für den Chatverlauf.
Schalten Sie Webchat mit der Standard-Chat-Blase, einem eigenen Blasenbild oder einem eigenen HTML-Element ein oder aus.
Verschieben Sie den Chat-Button und das Chat-Fenster auf die linke Seite des Bildschirms, indem Sie das Standard-CSS überschreiben.
Verwenden Sie die Webchat-Client-ID Ihres Bots, um dessen Webchat-Instanz beim Entwickeln mit der React-Bibliothek zu identifizieren.
Ja. Webchat ist ein individuelles Frontend für Ihren Bot, entwickelt von Botpress, das Ihren Bot mit einem Einbettungscode oder einer React-Bibliothek zu Ihrer Website hinzufügt.
Ja. Die Webchat-Dokumentation enthält Anleitungen zum Hinzufügen Ihres Bots zu WordPress-, Wix- und Webflow-Websites.
Sie benötigen einen veröffentlichten Bot und grundlegende HTML-Kenntnisse. Kenntnisse in CSS sind hilfreich, wenn Sie eigene Stile verwenden möchten.
Ja. Die Einstellung "Erlaubte Ursprünge", verfügbar ab dem Botpress Team-Plan, ermöglicht es Ihnen, die Domains zuzulassen, die auf Webchat zugreifen dürfen.
Nein. Im Dashboard festgelegte Stile gelten nicht für die Webchat React-Bibliothek. Dort verwenden Sie stattdessen die Konfigurations-Prop.
Kopieren Sie den Einbettungscode aus den Webchat Deploy-Einstellungen und fügen Sie ihn in den Head-Bereich des HTML-Codes Ihrer Website ein.
