Ga naar de hoofdinhoud

Webintegratie

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 zullen ook waarschuwingen en tips geven om u te helpen bij het oplossen van veelvoorkomende problemen.

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 uw AI SmartTalk-account.
  2. Ga naar de sectie Integratie in het backoffice. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Genereer uw unieke integratiecode. 12d45607-710d-4820-948c-4e5f2a7db811.png
gevaar

De API-token bevat identificatoren die specifiek zijn voor uw account. Deel deze 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>
gevaar

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

Stap 3: Configureer de chatbot

Nadat u het script hebt toegevoegd, log in op uw AI SmartTalk-dashboard. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

tip

U kunt het uiterlijk van de chatbot aanpassen om overeen te komen met het ontwerp van uw website. Verken de aanpassingsopties in het backoffice.

Stap 4: Test en activeer

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

Als de chatbot niet verschijnt, controleer dan of het script correct is ingevoegd en of uw 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.
gevaar

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.


Klaar om je
gebruikerservaring te verbeteren?

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

GDPR-conform