Ga naar de hoofdinhoud

Web Integratie

Wilt u een AI-gestuurde chatfunctie aan uw website toevoegen? Volg deze gids om AI SmartTalk in slechts een paar eenvoudige stappen te integreren. We geven ook waarschuwingen en tips om u te helpen veelvoorkomende problemen op te lossen.

Vereisten

Voordat u begint, zorg ervoor dat u:

  • Een actief AI SmartTalk-account heeft.
  • Toegang heeft tot de HTML-editor van uw website.
info

Heeft u nog geen AI SmartTalk-account? Meld u hier aan om aan de slag te gaan.

Stapsgewijze Instructies

Stap 1: Haal de Integratiecode Op

  1. Log in op je AI SmartTalk-account.
  2. Ga naar de sectie Integratie in het backoffice. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Genereer je unieke integratiecode. 12d45607-710d-4820-948c-4e5f2a7db811.png
gevaar

De API-token bevat identificatoren die specifiek zijn voor jouw account. Deel het niet openbaar.

Stap 2: Voeg de Integratiecode toe aan uw Website

  1. Open het hoofd HTML-bestand van uw website.
  2. Plak de integratiecode net voor de </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>

Zorg ervoor dat uw website HTTPS gebruikt. AI SmartTalk-scripts werken niet op onveilige sites.

Stap 3: Configureer de Chatbot

Na het toevoegen van het script, log in op je AI SmartTalk-dashboard. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

tip

Je kunt het uiterlijk van de chatbot aanpassen zodat het overeenkomt met het ontwerp van je website. Verken de aanpassingsopties in het backoffice.

Stap 4: Testen en Activeren

  1. Vernieuw je website om te verifiëren of de chatbot correct wordt weergegeven.
  2. Test verschillende scenario's om ervoor te zorgen dat de chatbot naar verwachting functioneert.
waarschuwing

Als de chatbot niet verschijnt, controleer dan of het script correct is ingevoegd en of je inloggegevens geldig zijn.

Veelvoorkomende Problemen

De Chatbot Wordt Niet Weergegeven

  • Zorg ervoor dat het script net voor de </body> tag is ingevoegd.
  • Controleer of uw website een geldig SSL-certificaat heeft.

Configuratiefouten

  • Bevestig dat de velden Chat Model ID en Chat Model Token correct zijn.
  • Als het probleem aanhoudt, neem dan contact op met de technische ondersteuning van AI SmartTalk.

Ervaart u aanhoudende fouten? Controleer onze technische documentatie of neem contact op met ons ondersteuningsteam.

Aanvullende Bronnen


Door deze stappen te volgen, kunt u AI SmartTalk succesvol integreren in uw website en een interactieve ervaring voor uw gebruikers bieden.


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

Klaar om je
gebruikerservaring te verbeteren?

Zet AI-assistenten in die klanten verrassen en meegroeien met je bedrijf.

GDPR-conform