Retour au tableau de bord

Documentation

Apprenez à utiliser Asyntai

Premiers pas
Installation Base de connaissances Tester votre IA Gérer les sites web
Personnalisation
Couleurs du widget Nom de l'assistant IA Message initial Position du widget Déclenchement automatique Bulle de notification Badge de messages non lus Mode instruction Poser des questions Utiliser les émojis Collecter les e-mails Collecter les numéros de téléphone Capture intelligente de prospects Localisation Masquer la marque Lien de confidentialité Avis personnalisé Téléchargement de la transcription Nouvelle conversation Historique des conversations Slogan et point de statut Reconnaissance vocale Icône de chat Logo de l'entreprise Limite de caractères Température
Conseils pour les instructions IA Comparer les forfaits
Fonctionnalités
Exploration du site web Lacunes de connaissances Fiches produits Contexte utilisateur Surveillance en direct Prise en charge humaine Escalade Notifications IA Rapport quotidien Flux de données en temps réel Flux de données en temps réel Max Membres de l’équipe Authentification unique Inclure des images Vision par image Widget de traduction Localisation Prospects Capture intelligente de prospects Tickets de support Réservations Exclure des pages IPs bloquées Modèle plus intelligent Activer la réflexion Suggestions de réponse Messages de suivi Reconnaissance vocale Téléchargement de la transcription Chat intégré
Analytique
Analytique de chat Journaux de chat
Intégrations
API REST Instagram Messenger WhatsApp Zapier Email Applications mobiles
Autres
Ajouter à l’écran d’accueil Bouton d’ouverture personnalisé

Comment ajouter le chatbot IA Asyntai à Moodle

Guide étape par étape pour les sites Moodle LMS

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

<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 : Utiliser le HTML additionnel (recommandé)

Moodle dispose d'une fonctionnalité intégrée pour ajouter du HTML/JavaScript personnalisé à toutes les pages :

  1. Log in to your Moodle site as an administrator
  2. Accédez à Administration du site
  3. Accédez à Appearance → Additional HTML
  4. Scroll down to the "Before BODY is closed" section
  5. Collez votre code d'intégration Asyntai dans la zone de texte
  6. Cliquez sur "Save changes"

Astuce : L'ajout du code dans « Before BODY is closed » le place juste avant la balise fermante </body>, ce qui est l'emplacement recommandé pour les widgets de chat et garantit qu'il se charge après le contenu principal de la page.

Alternative : Utilisation des paramètres du thème

De nombreux thèmes Moodle (y compris Boost et ses variantes) disposent de leurs propres paramètres pour ajouter du JavaScript personnalisé :

  1. Accédez à Administration du site → Apparence → Thèmes
  2. Cliquez sur Theme settings pour votre thème actif (par exemple, Boost)
  3. Recherchez une section « Custom Code », « Footer Scripts » ou « Custom JavaScript »
  4. If there's a JavaScript field, paste your Asyntai embed code there
  5. Cliquez sur "Save changes"
  6. Purgez les caches : Site administration → Development → Purge caches

Note : Les paramètres spécifiques au thème varient d'un thème à l'autre. Si votre thème ne dispose pas d'un champ JavaScript, utilisez la méthode HTML additionnel ci-dessus.

Alternative : Création d'un plugin local

Pour plus de contrôle, vous pouvez créer un plugin local simple :

  1. Créez l'arborescence de dossiers : local/asyntaichatbot/ dans votre installation Moodle
  2. Créez version.php :
    <?php
    defined('MOODLE_INTERNAL') || die();
    $plugin->component = 'local_asyntaichatbot';
    $plugin->version = 2024010100;
    $plugin->requires = 2022041900;
  3. Créez lib.php :
    <?php
    defined('MOODLE_INTERNAL') || die();

    function local_asyntaichatbot_before_footer() {
      global $PAGE;
      $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
    }
  4. Créez le dossier amd/src/ et le fichier loader.js :
    define([], function() {
      return {
        init: function() {
          var script = document.createElement('script');
          script.async = true;
          script.src = 'https://asyntai.com/static/js/chat-widget.js';
          script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
          document.body.appendChild(script);
        }
      };
    });
  5. Replace YOUR_WIDGET_ID with your actual widget ID
  6. Accédez à Administration du site → Notifications pour installer le plugin
  7. Purgez les caches après l'installation

Important : La méthode par plugin local nécessite un accès en ligne de commande pour créer des fichiers. Pour la plupart des utilisateurs, la méthode HTML additionnel est plus simple et suffisante.

Alternative : Modifier le template de pied de page du thème

You can also edit your theme's footer template directly:

  1. Accédez au dossier de votre thème : theme/YOUR_THEME/
  2. Trouvez les fichiers de mise en page (par exemple, layout/columns2.php ou templates/columns2.mustache)
  3. Find the closing </body> tag or the footer section
  4. Add your Asyntai embed code just before </body>
  5. Enregistrez le fichier
  6. Purgez les caches Moodle

Important : La modification directe des fichiers du thème signifie que les modifications peuvent être perdues lors de la mise à jour de votre thème. Utilisez un thème enfant ou la méthode Additional HTML pour une solution plus pérenne.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications et purgé les caches, visitez votre site Moodle 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.

Vous ne voyez pas le widget ? Assurez-vous de purger tous les caches Moodle : allez dans Site administration → Development → Purge all caches. Essayez également de vider le cache de votre navigateur ou de consulter le site dans une fenêtre de navigation privée. Si vous utilisez un plugin de cache ou un proxy inverse, videz également ces caches.