Einleitung
Dieser Leitfaden hilft Ihnen, den Bravin AI-Agenten in nur 5 Minuten mit Ihrer Website zu verbinden. Sie erfahren, wie Sie ein Konto erstellen, die notwendigen Schlüssel generieren und das Chat-Widget aktivieren.
Voraussetzungen:
- Zugriff auf den HTML-Code Ihrer Website
- 5 Minuten Zeit
- Ein moderner Browser (Chrome, Firefox, Safari, Edge)
Schritt 1: Konto erstellen
Erstellen Sie zunächst ein kostenloses Konto auf der Bravin AI-Plattform:
Das kostenlose Konto beinhaltet 100 Konversationen pro Monat und E-Mail-Support.
https://app.bravin.ai/signupSchritt 2: API-Schlüssel generieren
Nach dem Login navigieren Sie zu Einstellungen → API-Schlüssel und erstellen einen neuen Schlüssel:
- Klicken Sie auf Neuen Schlüssel generieren
- Geben Sie ihm einen aussagekräftigen Namen (z.B. "Website Widget")
- Wählen Sie die erforderlichen Berechtigungen aus
- Speichern Sie den Schlüssel sicher
Der API-Schlüssel wird nur einmal angezeigt. Speichern Sie ihn sofort an einem sicheren Ort!
Schritt 3: Widget installieren
Kopieren Sie den untenstehenden Code und fügen Sie ihn vor dem </body>-Tag im HTML-Code Ihrer Website ein:
Ersetzen Sie YOUR_API_KEY_HERE durch Ihren tatsächlichen API-Schlüssel!
<script>
(function(w,d,s,o,f,js,fjs){
w['BravinWidget']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
}(window,document,'script','bw','https://widget.bravin.ai/v1/widget.js'));
bw('init', { apiKey: 'YOUR_API_KEY_HERE' });
</script>Schritt 4: Chatbot testen
Nach der Installation des Codes öffnen Sie Ihre Website in einem Browser und überprüfen, ob das Widget in der unteren rechten Ecke erscheint.
Funktionalität testen:
- Klicken Sie auf das Chat-Symbol
- Senden Sie eine Testnachricht
- Überprüfen Sie, ob Sie eine Antwort erhalten
- Testen Sie auf Mobil- und Desktop-Geräten
Herzlichen Glückwunsch! Ihr KI-Chatbot ist jetzt aktiv und funktionsfähig.
Fehlerbehebung
Widget wird nicht angezeigt?
- Überprüfen Sie, ob Sie YOUR_API_KEY_HERE durch Ihren tatsächlichen Schlüssel ersetzt haben
- Öffnen Sie die Konsole in den DevTools und suchen Sie nach Fehlern
- Stellen Sie sicher, dass das Skript vor
</body>platziert ist
Chatbot antwortet nicht?
- Prüfen Sie, ob Sie ausreichend Guthaben in Ihrem Konto haben
- Überprüfen Sie den Dienststatus unter status.bravin.ai
- Kontaktieren Sie den Support unter support@bravin.ai
Wenden Sie sich bei anhaltenden Problemen an unser Support-Team, das im Durchschnitt in < 30 Minuten antwortet.