Zum Haaptinhalt sprangen

Web-Integratioun

Wëllt Dir eng KI-gestützte Chat-Funktioun op Är Websäit derbäi setzen? Follegt dëser Leenung, fir AI SmartTalk a puer einfachen Schrëtt ze integréieren. Mir stellen Iech och Warnungen an Tipps zur Verfügung, fir heefeg Problemer ze behiewen.

Virbedingunge​

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.

Schrëtt-fir-Schrëtt-Leenung​

Schrëtt 1: Integratiounscode Abruefen​

  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
Gefor

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

Schrëtt 2: Integratiounscode op Är Websäit Derbäi Setzen​

  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.

Schrëtt 3: Chatbot Konfiguréieren​

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

Tip

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

Schrëtt 4: Testen an Aktivéieren​

  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.

Heefeg Problemer​

De Chatbot gëtt net ugewisen​

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

Konfiguratiounsfeeler​

  • 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.

Zousätzlech 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. 🙏