Come aggiungere il chatbot IA Asyntai a ExpressionEngine

Piattaforma:

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

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: Aggiungi al layout del template (consigliato)

Il modo più semplice per aggiungere il chatbot a tutte le pagine è modificare il template di layout principale nel pannello di controllo di ExpressionEngine:

1. Nel pannello di controllo EE, vai su Developer > Templates > Template Groups
2. Apri il tuo gruppo di template principale (solitamente "site") e modifica il template di layout (o il template che avvolge tutte le pagine)
3. Trova il tag di chiusura </body>
4. Incolla il codice di incorporamento Asyntai appena prima del tag </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Salva il template

Metodo alternativo 1: Utilizzo dei Template Partials di EE

I Template Partials di ExpressionEngine ti permettono di creare frammenti riutilizzabili che possono essere inclusi in tutti i template:

1. Vai su Developer > Templates > Template Partials
2. Clicca su "New" per creare un nuovo partial chiamato _asyntai_widget
3. Incolla il codice di incorporamento Asyntai nel contenuto del partial:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Salva il partial
5. Includilo nel tuo template di layout appena prima del tag di chiusura </body>:
   {embed="_asyntai_widget"} </body>

Metodo alternativo 2: Utilizzo dell'header/footer HTML di EE

Alcune configurazioni di ExpressionEngine offrono una sezione footer globale per aggiungere script:

1. Vai su Settings > Content & Design > Global Template Preferences
2. Se la tua configurazione EE ha una sezione footer globale, incolla lì il codice di incorporamento Asyntai
3. Se non è disponibile una sezione footer globale, modifica direttamente il template di layout principale e aggiungi il codice di incorporamento prima del tag di chiusura </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Salva le modifiche

Metodo alternativo 3: Utilizzo di config.php

Per gli utenti avanzati, puoi iniettare lo script del chatbot tramite la configurazione di ExpressionEngine o creando un add-on personalizzato:

1. Accedi ai file del tuo progetto ExpressionEngine tramite FTP, SSH o il tuo editor di codice
2. Naviga nella directory system/user/config/ e apri config.php
3. Per l'iniezione di JavaScript personalizzato, considera la creazione di un semplice add-on/estensione EE che si agganci all'hook template_post_parse per iniettare lo script durante il rendering della pagina:
   // 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. Sostituisci YOUR_WIDGET_ID con l'ID widget effettivo dalla dashboard

Passaggio 3: verifica l'installazione

Dopo aver salvato le modifiche, visita il tuo sito ExpressionEngine 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.