Deploy
Betten Sie Ihren Agenten mit dem JavaScript-Widget oder per Iframe auf jeder Website ein.
Deployen Sie Ihren Agenten auf Ihrer Website, damit Besucher mit ihm interagieren können. Wählen Sie zwischen einer schwebenden Chat-Blase oder einer Iframe-Einbettung über die ganze Seite.
Einbettungsoptionen
Chat-Widget (empfohlen)
Eine schwebende Chat-Blase, die sich zu einem Chatfenster öffnet. Funktioniert auf jeder Website.
Iframe-Einbettung
Betten Sie die vollständige Chat-Oberfläche in einen Seitenbereich ein. Nützlich für dedizierte Support-Seiten.
Das Chat-Widget hinzufügen
- Gehen Sie zum Tab Veröffentlichen Ihres Agenten
- Kopieren Sie das JavaScript-Snippet
- Fügen Sie es im HTML-Code Ihrer Website vor
</body>ein:
<script src="https://your-domain.com/widget.js" data-chatbot-id="your-chatbot-id" async ></script>
- Laden Sie Ihre Website neu – die Chat-Blase erscheint!
Das Widget erscheint als schwebende Schaltfläche (meist unten rechts). Besucher klicken darauf, um den Chat zu öffnen.
Plattformspezifische Anleitungen
Detaillierte Anweisungen für bestimmte Plattformen:
- JavaScript-Widget – Jede HTML-Website
- React/Next.js – React-Anwendungen
- WordPress – WordPress-Websites
- Iframe Embed – Eingebettete Chat-Oberfläche
Widget anpassen
Passen Sie das Erscheinungsbild im Tab Design an:
Farben
- Primärfarbe (Chat-Blase, Kopfzeile)
- Akzentfarben
- Helles/dunkles Theme
Position
- Unten rechts (Standard)
- Unten links
- Benutzerdefinierte Positionierung per CSS
Branding
- Willkommensnachricht
- Chat-Titel
- Vorgeschlagene Nachrichten
- „Powered by“-Branding entfernen (Standard-/Pro-Tarif)
Sichtbarkeitseinstellungen
Legen Sie fest, wer auf Ihren Agenten zugreifen kann:
| Einstellung | Beschreibung |
|---|---|
| Öffentlich | Jeder kann das eingebettete Widget nutzen |
| Privat | Nur im Playground im Dashboard zugänglich |
Konfigurieren Sie dies unter Einstellungen > Sicherheit > Sichtbarkeit.
Domain-Einschränkungen
Beschränken Sie, welche Websites Ihren Agenten einbetten dürfen:
- Gehen Sie zu Einstellungen > Sicherheit
- Suchen Sie Zulässige Domains
- Fügen Sie die Domains hinzu, die Ihr Widget einbetten dürfen
Sobald dies konfiguriert ist, lädt das Widget nur noch auf den genehmigten Domains. Das verhindert eine unbefugte Nutzung Ihres Agenten.
Ihre Einbettung überprüfen
Nach dem Hinzufügen des Codes:
- Rufen Sie Ihre Website in einem Browser auf
- Suchen Sie nach der Chat-Blase
- Klicken Sie darauf, um den Chat zu öffnen
- Senden Sie eine Testnachricht
- Prüfen Sie, ob die Antwort korrekt ist
Fehlerbehebung
Widget erscheint nicht:
- Prüfen Sie, ob der Einbettungscode vor
</body>steht - Prüfen Sie, ob die Agenten-ID korrekt ist
- Leeren Sie Ihren Browser-Cache
- Prüfen Sie die Browser-Konsole auf Fehler
Widget an falscher Position:
- Passen Sie die Position in den Design-Einstellungen an
- Prüfen Sie auf CSS-Konflikte
Chat antwortet nicht:
- Stellen Sie sicher, dass Trainingsinhalte vorhanden sind
- Prüfen Sie das Nachrichtenlimit Ihres Tarifs
- Testen Sie zuerst im Playground
Checkliste für den Live-Gang
Bevor Sie Ihren Agenten ankündigen:
- [ ] Im Playground mit häufigen Fragen testen
- [ ] Prüfen, ob die Trainingsinhalte vollständig sind
- [ ] Das Erscheinungsbild an Ihre Marke anpassen
- [ ] Domain-Einschränkungen einrichten (optional)
- [ ] Rate Limiting konfigurieren, um Missbrauch zu verhindern
- [ ] Die Sichtbarkeitseinstellungen prüfen
Nächste Schritte
- Domain-Einschränkungen einrichten
- Rate Limiting konfigurieren
- Chat-Protokolle ansehen, sobald Sie live sind