Come aggiungere il chatbot IA Asyntai a Moodle

Piattaforma:

Moodle

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion 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

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:

Passaggio 2: Utilizzo di HTML aggiuntivo (consigliato)

Moodle dispone di una funzionalità integrata per aggiungere HTML/JavaScript personalizzato a tutte le pagine:

1. Accedi al tuo sito Moodle come amministratore
2. Vai su Site administration
3. Naviga su Appearance → Additional HTML
4. Scroll down to the "Before BODY is closed" section
5. Incolla il codice di incorporamento Asyntai nell'area di testo
6. Clicca su "Save changes"

Alternativa: Utilizzo delle impostazioni del tema

Molti temi Moodle (incluso Boost e le sue varianti) hanno le proprie impostazioni per aggiungere JavaScript personalizzato:

1. Vai su Site administration → Appearance → Themes
2. Clicca su Theme settings per il tuo tema attivo (ad es., Boost)
3. Cerca la sezione "Raw SCSS", "Additional HTML" o "Custom JavaScript"
4. If there's a JavaScript field, paste your Asyntai embed code there
5. Clicca su "Save changes"
6. Svuota le cache: Site administration → Development → Purge caches

Alternativa: Creazione di un plugin locale

Per un maggiore controllo, puoi creare un semplice plugin locale:

1. Crea la struttura delle cartelle: local/asyntaichatbot/ nella tua installazione Moodle
2. Crea version.php:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Crea lib.php:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Crea la cartella amd/src/ e il file 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. Sostituisci YOUR_WIDGET_ID con il tuo ID widget effettivo
6. Vai su Site administration → Notifications per installare il plugin
7. Svuota le cache dopo l'installazione

Alternativa: Modifica il template del footer del tema

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

1. Naviga nella cartella del tuo tema: theme/YOUR_THEME/
2. Trova i file layout (ad es., layout/columns2.php o templates/columns2.mustache)
3. Find the closing </body> tag or the footer section
4. Add your Asyntai embed code just before </body>
5. Salva il file
6. Svuota le cache di Moodle

Passaggio 3: verifica l'installazione

Dopo aver salvato le modifiche e svuotato le cache, visita il tuo sito Moodle in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.