Web Integration
Would you like to add an AI-powered chat feature to your website? Follow this guide to integrate AI SmartTalk in just a few simple steps. We'll also provide warnings and tips to help you troubleshoot common issues.
Prerequisites
Before you begin, ensure you have:
- An active AI SmartTalk account.
- Access to your website's HTML editor.
Don’t have an AI SmartTalk account yet? Sign up here to get started.
Step-by-Step Instructions
Step 1: Retrieve the Integration Code
- Log in to your AI SmartTalk account.
- Go to the Integration section in the back office.
- Generate your unique integration code.
The API token contains identifiers specific to your account. Do not share it publicly.
Step 2: Add the Integration Code to Your Website
- Open the main HTML file of your website.
- 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.
Step 3: Configure the Chatbot
After adding the script, log in to your AI SmartTalk dashboard.
You can customize the chatbot's appearance to match your website's design. Explore customization options in the back office.
Step 4: Test and Activate
- Refresh your website to verify that the chatbot is displaying correctly.
- Test different scenarios to ensure the chatbot is functioning as expected.
If the chatbot does not appear, verify that the script is correctly inserted and that your credentials are valid.
Common Issues
The Chatbot Does Not Display
- Ensure the script is inserted just before the
</body>tag. - Verify that your website has a valid SSL certificate.
Configuration Errors
- 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.
Additional Resources
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. 🙏