Webbintegration
Vill du lägga till en AI-driven chattfunktion på din webbplats? Följ denna guide för att integrera AI SmartTalk i 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.
Har du inte ett AI SmartTalk-konto än? Registrera dig här för att komma igång.
Steg-för-steg-instruktioner
Steg 1: Hämta integrationskoden
- Logga in på ditt AI SmartTalk-konto.
- Gå till avsnittet Integration i back office.
- Generera din unika integrationskod.
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
- Öppna huvud-HTML-filen för din webbplats.
- Klistra in integrationskoden precis 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>
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.
Du kan anpassa chatbotens utseende för att matcha din webbplats design. Utforska anpassningsalternativ i back office.
Steg 4: Testa och aktivera
- Uppdatera din webbplats för att verifiera att chatboten visas korrekt.
- Testa olika scenarier för att säkerställa att chatboten fungerar som förväntat.
Om chatboten inte visas, kontrollera att skriptet är korrekt insatt och att dina autentiseringsuppgifter är giltiga.
Vanliga problem
Chatboten visas inte
- Se till att skriptet är insatt precis 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.
Upplever du ihållande fel? Kontrollera 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.
Jag är här för att korrigera eller justera om det behövs. 🙏