Comment ajouter le chatbot IA Asyntai à Odoo

Guide étape par étape pour les sites Odoo

Plateforme :

Étape 1 : Obtenir votre code d'intégration

Tout d'abord, rendez-vous sur votre Tableau de bord Asyntai et faites défiler jusqu'à la section « Code d'intégration ». Copiez votre code d'intégration unique qui ressemblera à ceci :

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Note : Le code ci-dessus n'est qu'un exemple. Vous devez copier votre propre code d'intégration depuis votre Tableau de bord car il contient votre identifiant de widget personnel.

Étape 2 : Ajouter le code via l'injection de code (Odoo 16+)

Si vous utilisez Odoo version 16 ou ultérieure, vous pouvez utiliser la fonctionnalité intégrée d'injection de code pour ajouter le chatbot à toutes les pages :

Connectez-vous à votre back-office Odoo et accédez à l'application Website
Cliquez sur Edit pour accéder à l'éditeur du site
Cliquez sur l'option Theme dans la barre d'outils de l'éditeur
Accédez à Website Settings
Trouvez et cliquez sur Code Injection
Cliquez sur l'option </body> pour ajouter du code avant la balise body fermante
Collez votre code d'intégration Asyntai dans l'éditeur de code
Cliquez sur Save pour appliquer les modifications

Astuce : L'ajout du code dans la section </body> le place juste avant la balise fermante body, ce qui est l'emplacement recommandé pour les widgets de chat et ne ralentira pas le chargement de votre page.

Alternative : Utilisation de l'éditeur HTML (Odoo 14-15)

Pour les versions 14 et 15 d'Odoo, vous pouvez utiliser l'éditeur HTML pour ajouter le code :

Connectez-vous à votre back-office Odoo et accédez à l'application Website
Cliquez sur Edit pour accéder à l'éditeur du site
Cliquez sur le menu déroulant Customize
Sélectionnez HTML/CSS/JS Editor
Choisissez Main Layout dans la liste des modèles modifiables
Faites défiler jusqu'en bas du modèle, juste avant la balise fermante </t>
Collez votre code d'intégration Asyntai
Cliquez sur Save et rafraîchissez la page

Important : Lorsque vous modifiez le HTML directement, assurez-vous d'utiliser une syntaxe XHTML valide. Votre balise script doit être auto-fermante si nécessaire. Les modifications s'appliqueront à toutes les pages de votre site web.

Alternative : Méthode développeur (module personnalisé)

Si vous êtes développeur ou avez accès aux modules Odoo personnalisés, vous pouvez créer un modèle qui hérite de la mise en page du site web :

<template id="asyntai_chatbot" inherit_id="website.layout">

    <xpath expr="//div[@id='wrapwrap']" position="after">

        <script async="async" src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"/>

    </xpath>

</template>

Note : Cette méthode nécessite la création d'un module Odoo personnalisé et l'ajout du code ci-dessus aux vues XML de votre module. Après l'ajout, mettez à jour votre liste de modules et installez le module.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, ouvrez votre site web dans un nouvel onglet de navigateur ou en navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.