Intégration Web
Souhaitez-vous ajouter une fonctionnalité de chat alimentée par l'IA à votre site web ? Suivez ce guide pour intégrer AI SmartTalk en quelques étapes simples. Nous fournirons également des avertissements et des conseils pour vous aider à résoudre les problèmes courants.
Prérequis
Avant de commencer, assurez-vous d'avoir :
- Un compte AI SmartTalk actif.
- Accès à l'éditeur HTML de votre site web.
Vous n'avez pas encore de compte AI SmartTalk ? Inscrivez-vous ici pour commencer.
Instructions étape par étape
Étape 1 : Récupérer le code d'intégration
- Connectez-vous à votre compte AI SmartTalk.
- Allez dans la section Intégration dans le back office.
- Générez votre code d'intégration unique.
Le token API contient des identifiants spécifiques à votre compte. Ne le partagez pas publiquement.
Étape 2 : Ajouter le code d'intégration à votre site web
- Ouvrez le fichier HTML principal de votre site web.
- Collez le code d'intégration juste avant la balise
</body>.
<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>
Assurez-vous que votre site web utilise HTTPS. Les scripts AI SmartTalk ne fonctionnent pas sur des sites non sécurisés.
Étape 3 : Configurer le chatbot
Après avoir ajouté le script, connectez-vous à votre tableau de bord AI SmartTalk.
Vous pouvez personnaliser l'apparence du chatbot pour qu'elle corresponde au design de votre site web. Explorez les options de personnalisation dans le back office.
Étape 4 : Tester et activer
- Actualisez votre site web pour vérifier que le chatbot s'affiche correctement.
- Testez différents scénarios pour vous assurer que le chatbot fonctionne comme prévu.
Si le chatbot n'apparaît pas, vérifiez que le script est correctement inséré et que vos identifiants sont valides.
Problèmes courants
Le chatbot ne s'affiche pas
- Assurez-vous que le script est inséré juste avant la balise
</body>. - Vérifiez que votre site web dispose d'un certificat SSL valide.
Erreurs de configuration
- Confirmez que les champs Chat Model ID et Chat Model Token sont corrects.
- Si le problème persiste, contactez le support technique d'AI SmartTalk.
Vous rencontrez des erreurs persistantes ? Consultez notre documentation technique ou contactez notre équipe de support.
Ressources supplémentaires
En suivant ces étapes, vous pouvez intégrer avec succès AI SmartTalk dans votre site web et offrir une expérience interactive à vos utilisateurs.