Hoppa till huvudinnehåll

Web Integration

Vill du lägga till en AI-driven chattfunktion på din webbplats? Följ denna guide för att integrera AI SmartTalk på bara några enkla steg. Vi kommer också att ge varningar och tips för att hjälpa dig att felsöka vanliga problem.

Förutsättningar

Innan du börjar, se till att du har:

  • Ett aktivt AI SmartTalk-konto.
  • Tillgång till din webbplats HTML-redigerare.
info

Har du ännu inget AI SmartTalk-konto? Registrera dig här för att komma igång.

Steg-för-steg-instruktioner

Steg 1: Hämta integrationskoden

  1. Logga in på ditt AI SmartTalk-konto.
  2. Gå till avsnittet Integration i back office. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Generera din unika integrationskod. 12d45607-710d-4820-948c-4e5f2a7db811.png
risk

API-tokenet innehåller identifierare som är specifika för ditt konto. Dela det inte offentligt.

Steg 2: Lägg till integrationskoden på din webbplats

  1. Öppna huvud-HTML-filen på din webbplats.
  2. Klistra in integrationskoden strax före </body>-taggen.
<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>
risk

Se till att din webbplats använder HTTPS. AI SmartTalk-skript fungerar inte på osäkra webbplatser.

Steg 3: Konfigurera chatboten

Efter att ha lagt till skriptet, logga in på din AI SmartTalk-instrumentpanel. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

tips

Du kan anpassa chatbotens utseende för att matcha din webbplats design. Utforska anpassningsalternativ i back office.

Steg 4: Testa och aktivera

  1. Uppdatera din webbplats för att verifiera att chatboten visas korrekt.
  2. Testa olika scenarier för att säkerställa att chatboten fungerar som förväntat.
warning

Om chatboten inte visas, verifiera att skriptet är korrekt inlagt och att dina autentiseringsuppgifter är giltiga.

Vanliga problem

Chatboten visas inte

  • Se till att skriptet är inlagt strax före </body>-taggen.
  • Verifiera att din webbplats har ett giltigt SSL-certifikat.

Konfigurationsfel

  • Bekräfta att fälten Chat Model ID och Chat Model Token är korrekta.
  • Om problemet kvarstår, kontakta AI SmartTalk teknisk support.
risk

Upplever du ihållande fel? Kolla vår tekniska dokumentation eller kontakta vårt supportteam.

Ytterligare resurser


Genom att följa dessa steg kan du framgångsrikt integrera AI SmartTalk på din webbplats och erbjuda en interaktiv upplevelse för dina användare.


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

Redo att höja din
användarupplevelse?

Distribuera AI-assistenter som gläder kunder och växer med ditt företag.

GDPR-kompatibel