Web-Integration
Möchten Sie eine KI-gestützte Chat-Funktion zu Ihrer Website hinzufügen? Befolgen Sie diese Anleitung, um AI SmartTalk in nur wenigen einfachen Schritten zu integrieren. Wir geben Ihnen auch Warnungen und Tipps, um häufige Probleme zu beheben.
Voraussetzungen
Bevor Sie beginnen, stellen Sie sicher, dass Sie:
- Ein aktives AI SmartTalk-Konto haben.
- Zugriff auf den HTML-Editor Ihrer Website haben.
Haben Sie noch kein AI SmartTalk-Konto? Hier anmelden, um loszulegen.
Schritt-für-Schritt-Anleitung
Schritt 1: Den Integrationscode abrufen
- Melden Sie sich bei Ihrem AI SmartTalk-Konto an.
- Gehen Sie zum Abschnitt Integration im Backend.
- Generieren Sie Ihren einzigartigen Integrationscode.
Das API-Token enthält spezifische Identifikatoren für Ihr Konto. Teilen Sie es nicht öffentlich.
Schritt 2: Den Integrationscode zu Ihrer Website hinzufügen
- Öffnen Sie die Haupt-HTML-Datei Ihrer Website.
- Fügen Sie den Integrationscode direkt vor dem
</body>-Tag ein.
<iframe id="chatbot-iframe" src="https://cdn.aismarttalk.tech/chatbot/{chatModelId}?lang=en&initialColorMode=light&syncHtmlColorScheme=true" width='100px' height='70px' position='fixed' bottom='0' right='0' allow='microphone; camera' scrolling='no' frameborder='0' style='border: none; overflow: hidden; position: fixed; bottom: 0; right: 0; z-index: 999999; display: block;'></iframe>
<script type="text/javascript" src="https://cdn.aismarttalk.tech/latest.js"></script>
Stellen Sie sicher, dass Ihre Website HTTPS verwendet. AI SmartTalk-Skripte funktionieren nicht auf unsicheren Seiten.
Schritt 3: Den Chatbot konfigurieren
Nachdem Sie das Skript hinzugefügt haben, melden Sie sich bei Ihrem AI SmartTalk-Dashboard an.
Sie können das Erscheinungsbild des Chatbots an das Design Ihrer Website anpassen. Erkunden Sie die Anpassungsoptionen im Backend.
Schritt 4: Testen und Aktivieren
- Aktualisieren Sie Ihre Website, um zu überprüfen, ob der Chatbot korrekt angezeigt wird.
- Testen Sie verschiedene Szenarien, um sicherzustellen, dass der Chatbot wie erwartet funktioniert.
Wenn der Chatbot nicht angezeigt wird, überprüfen Sie, ob das Skript korrekt eingefügt wurde und ob Ihre Anmeldeinformationen gültig sind.
Häufige Probleme
Der Chatbot wird nicht angezeigt
- Stellen Sie sicher, dass das Skript direkt vor dem
</body>-Tag eingefügt ist. - Überprüfen Sie, ob Ihre Website ein gültiges SSL-Zertifikat hat.
Konfigurationsfehler
- Bestätigen Sie, dass die Felder Chat Model ID und Chat Model Token korrekt sind.
- Wenn das Problem weiterhin besteht, wenden Sie sich an den technischen Support von AI SmartTalk.
Erleben Sie anhaltende Fehler? Überprüfen Sie unsere technische Dokumentation oder kontaktieren Sie unser Support-Team.
Zusätzliche Ressourcen
Indem Sie diese Schritte befolgen, können Sie AI SmartTalk erfolgreich in Ihre Website integrieren und Ihren Nutzern ein interaktives Erlebnis bieten.