Slik legger du til Asyntai AI-chatbot i ExpressionEngine

Plattform:

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

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

Trinn 2: Legg til i mallayout (anbefalt)

Den enkleste måten å legge til chatboten på alle sider er ved å redigere hovedlayoutmalen i ExpressionEngine-kontrollpanelet:

1. I EE-kontrollpanelet, gå til Developer > Templates > Template Groups
2. Åpne din hovedmalgruppe (vanligvis «site») og rediger layoutmalen (eller malen som omslutter alle sider)
3. Finn den avsluttende </body>-taggen
4. Lim inn Asyntai-innbyggingskoden rett før </body>-taggen:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Lagre malen

Alternativ metode 1: Bruk av EE-maldeler

ExpressionEngine-maldeler lar deg opprette gjenbrukbare kodebiter som kan inkluderes på tvers av maler:

1. Gå til Developer > Templates > Template Partials
2. Klikk på «New» for å opprette en ny del kalt _asyntai_widget
3. Lim inn Asyntai-innbyggingskoden i maldelens innhold:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Lagre maldelen
5. Inkluder den i layoutmalen din rett før den avsluttende </body>-taggen:
   {embed="_asyntai_widget"} </body>

Alternativ metode 2: Bruk av EEs HTML-topptekst/bunntekst

Noen ExpressionEngine-oppsett har en global bunntekstseksjon for å legge til skript:

1. Gå til Settings > Content & Design > Global Template Preferences
2. Hvis EE-oppsettet ditt har en global bunntekstseksjon, lim inn Asyntai-innbyggingskoden der
3. Hvis ingen global bunntekstseksjon er tilgjengelig, rediger hovedlayoutmalen direkte og legg til innbyggingskoden før den avsluttende </body>-taggen:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Lagre endringene dine

Alternativ metode 3: Bruk av config.php

For avanserte brukere kan du injisere chatbot-skriptet gjennom ExpressionEngines konfigurasjon eller ved å opprette et egendefinert tillegg:

1. Få tilgang til ExpressionEngine-prosjektfilene dine via FTP, SSH eller koderedigeringsprogrammet ditt
2. Naviger til mappen system/user/config/ og åpne config.php
3. For egendefinert JavaScript-injeksjon, vurder å opprette et enkelt EE-tillegg/utvidelse som kobler seg inn i template_post_parse-hooken for å injisere skriptet ved sidevisning:
   // 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. Erstatt YOUR_WIDGET_ID med din faktiske widget-ID fra dashbordet

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene, besøk ExpressionEngine-nettstedet ditt i en ny nettleserfane eller et inkognitovindu. Du bør se chatwidget-knappen i nedre høyre hjørne. Klikk på den for å sjekke at den åpnes og fungerer riktig.