Comment ajouter le chatbot IA Asyntai à ExpressionEngine

Plateforme :

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

É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 :

Étape 2 : Ajouter à la mise en page du modèle (recommandé)

La façon la plus simple d'ajouter le chatbot à toutes les pages est de modifier votre template de mise en page principal dans le panneau de contrôle ExpressionEngine :

1. Dans le panneau de contrôle EE, allez dans Developer > Templates > Template Groups
2. Ouvrez votre groupe de modèles principal (généralement « site ») et modifiez le modèle de mise en page (ou le modèle qui englobe toutes les pages)
3. Trouvez la balise fermante </body>
4. Collez votre code d'intégration Asyntai juste avant la balise </body> :
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Enregistrez le modèle

Méthode alternative 1 : Utilisation des partiels de template EE

Les Template Partials d'ExpressionEngine vous permettent de créer des extraits réutilisables pouvant être inclus dans tous les modèles :

1. Allez dans Developer > Templates > Template Partials
2. Cliquez sur « New » pour créer un nouveau partial appelé _asyntai_widget
3. Collez votre code d'intégration Asyntai dans le contenu du partial :
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Enregistrez le partial
5. Incluez-le dans votre template de mise en page juste avant la balise fermante </body> :
   {embed="_asyntai_widget"} </body>

Méthode alternative 2 : Utilisation du Header/Footer HTML d'EE

Certaines configurations ExpressionEngine fournissent une section de pied de page globale pour ajouter des scripts :

1. Accédez à Paramètres > Contenu & Design > Préférences globales de modèle
2. Si votre configuration EE dispose d'une section de pied de page globale, collez-y le code d'intégration Asyntai
3. Si aucune section de pied de page globale n'est disponible, modifiez directement votre template de mise en page principal et ajoutez le code d'intégration avant la balise fermante </body> :
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Enregistrez vos modifications

Méthode alternative 3 : Utilisation de config.php

Pour les utilisateurs avancés, vous pouvez injecter le script du chatbot via la configuration d'ExpressionEngine ou en créant un module complémentaire personnalisé :

1. Accédez aux fichiers de votre projet ExpressionEngine via FTP, SSH ou votre éditeur de code
2. Accédez au répertoire system/user/config/ et ouvrez config.php
3. Pour une injection JavaScript personnalisée, envisagez de créer une extension EE simple qui se connecte au hook template_post_parse pour injecter le script au rendu de la page :
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. Remplacez YOUR_WIDGET_ID par votre identifiant de widget réel depuis le tableau de bord

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre site ExpressionEngine 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.