Zum Hauptinhalt springen

Web-Integration

Möchten Sie eine KI-gestützte Chat-Funktion zu Ihrer Website hinzufügen? Folgen Sie dieser Anleitung, um AI SmartTalk in wenigen einfachen Schritten zu integrieren. Wir stellen Ihnen auch Warnungen und Tipps zur Verfügung, um häufige Probleme zu beheben.

Voraussetzungen​

Before you begin, ensure you have:

  • An active AI SmartTalk account.
  • Access to your website's HTML editor.
Info

Don’t have an AI SmartTalk account yet? Sign up here to get started.

Schritt-für-Schritt-Anleitung​

Schritt 1: Integrationscode Abrufen​

  1. Log in to your AI SmartTalk account.
  2. Go to the Integration section in the back office. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Generate your unique integration code. 12d45607-710d-4820-948c-4e5f2a7db811.png
Gefahr

The API token contains identifiers specific to your account. Do not share it publicly.

Schritt 2: Integrationscode zu Ihrer Website Hinzufügen​

  1. Open the main HTML file of your website.
  2. Paste the integration code just before the </body> tag.
<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>

Ensure your website uses HTTPS. AI SmartTalk scripts do not work on non-secure sites.

Schritt 3: Chatbot Konfigurieren​

After adding the script, log in to your AI SmartTalk dashboard. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

Tipp

You can customize the chatbot's appearance to match your website's design. Explore customization options in the back office.

Schritt 4: Testen und Aktivieren​

  1. Refresh your website to verify that the chatbot is displaying correctly.
  2. Test different scenarios to ensure the chatbot is functioning as expected.
Warnung

If the chatbot does not appear, verify that the script is correctly inserted and that your credentials are valid.

Häufige Probleme​

Der Chatbot wird nicht angezeigt​

  • Ensure the script is inserted just before the </body> tag.
  • Verify that your website has a valid SSL certificate.

Konfigurationsfehler​

  • Confirm that the Chat Model ID and Chat Model Token fields are correct.
  • If the issue persists, contact AI SmartTalk technical support.

Experiencing persistent errors? Check our technical documentation or contact our support team.

Zusätzliche Ressourcen​

By following these steps, you can successfully integrate AI SmartTalk into your website and provide an interactive experience for your users.

Je suis là pour corriger ou ajuster si nécessaire. 🙏