Gehen Sie zum Bot und öffnen Sie den Widget-Tab
Gehen Sie zu Bots
Wählen Sie den Bot aus, für den Sie das Widget einbinden möchten
Widget Tab öffnen
Klicken Sie auf den Tab "Widget"
Fügen Sie Ihre Website-Domain zur Whitelist hinzu
Domain eingeben
Geben Sie Ihre Domain ein (z.B. example.com)
Wildcard-Unterstützung
Verwenden Sie *.example.com für Subdomains
Domain speichern
Klicken Sie auf "Domain hinzufügen"
Passen Sie das Widget an Ihr Branding an
Farbe wählen
Wählen Sie die Hauptfarbe des Widgets
Position wählen
Unten rechts oder unten links
Begrüßungsnachricht
Definieren Sie die erste Nachricht des Bots
Kopieren Sie den Embed-Code für Ihre Website
Code anzeigen
Klicken Sie auf "Embed-Code anzeigen"
Code kopieren
Klicken Sie auf das Kopier-Icon
Fügen Sie den Code in Ihre Website ein
<body> Tag finden
Suchen Sie nach dem schließenden </body> Tag
Code einfügen
Fügen Sie den Code direkt vor </body> ein
Website speichern
Speichern Sie die Änderungen und laden Sie die Seite neu
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Meine Website</title>
</head>
<body>
<h1>Willkommen auf meiner Website</h1>
<p>Hier ist mein Inhalt...</p>
<!-- Widget Code -->
<script src="https://yourdomain.com/widget/bot/YOUR_BOT_ID"></script>
</body>
</html>Domain Whitelist
Widget funktioniert nur auf autorisierten Domains
HTTPS empfohlen
Verwenden Sie HTTPS für sichere Verbindungen
CORS-Schutz
Origin-Validation verhindert Cross-Site-Scripting
Einfache Integration
Nur ein Code-Snippet zum Einbinden
Responsives Design
Funktioniert auf Desktop, Tablet und Mobile
Anpassbar
Farben, Position und Begrüßungsnachricht anpassbar
Integrieren Sie jetzt den Chatbot in Ihre Website und verbessern Sie den Kundensupport.
Jetzt starten