Hur du lägger till Asyntai AI-chattbot 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

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

Steg 2: Lägg till i malllayouten (rekommenderas)

Det enklaste sättet att lägga till chattboten på alla sidor är att redigera din huvudlayoutmall i ExpressionEngines kontrollpanel:

1. I EE-kontrollpanelen, gå till Utvecklare > Mallar > Mallgrupper
2. Öppna din huvudmallgrupp (vanligtvis "site") och redigera layoutmallen (eller den mall som omsluter alla sidor)
3. Hitta den avslutande taggen </body>
4. Klistra in din Asyntai-inbäddningskod precis före taggen </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Spara mallen

Alternativ metod 1: Använda EE-mallpartials

ExpressionEngine malldelar låter dig skapa återanvändbara kodavsnitt som kan inkluderas i mallar:

1. Gå till Utvecklare > Mallar > Mallpartialer
2. Klicka på "New" för att skapa en ny partial med namnet _asyntai_widget
3. Klistra in din Asyntai-inbäddningskod i partial-innehållet:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Spara partialen
5. Inkludera det i din layoutmall precis före den avslutande </body>-taggen:
   {embed="_asyntai_widget"} </body>

Alternativ metod 2: Använda EE:s HTML-sidhuvud/-sidfot

Vissa ExpressionEngine-konfigurationer tillhandahåller ett globalt sidfotsavsnitt för att lägga till skript:

1. Gå till Inställningar > Innehåll & Design > Globala mallinställningar
2. Om din EE-konfiguration har ett globalt sidfotssavsnitt, klistra in Asyntai-inbäddningskoden där
3. Om det inte finns något globalt sidfotssavsnitt tillgängligt, redigera din huvudlayoutmall direkt och lägg till inbäddningskoden före den avslutande </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. Spara dina ändringar

Alternativ metod 3: Använda config.php

För avancerade användare kan du injicera chattbotskriptet via ExpressionEngines konfiguration eller genom att skapa ett anpassat tillägg:

1. Åtkomst till dina ExpressionEngine-projektfiler via FTP, SSH eller din kodredigerare
2. Navigera till katalogen system/user/config/ och öppna config.php
3. För anpassad JavaScript-injektion, överväg att skapa ett enkelt EE-tillägg/extension som kopplar in i hooken template_post_parse för att injicera skriptet vid sidrendering:
   // 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. Ersätt YOUR_WIDGET_ID med ditt faktiska widget-ID från instrumentpanelen

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar, besök din ExpressionEngine-webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.