Az Asyntai AI Chatbot hozzáadása az ExpressionEngine-hez

Platform:

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

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

2. lépés: Hozzáadás a sablon elrendezéséhez (ajánlott)

A legegyszerűbb módja, hogy az összes oldalhoz hozzáadja a chatbotot, a fő elrendezési sablon szerkesztése az ExpressionEngine vezérlőpultján:

1. Az EE vezérlőpultján lépjen a Fejlesztő > Sablonok > Sabloncsoportok menübe
2. Nyissa meg a fő sabloncsoportot (általában "site"), és szerkessze az elrendezési sablont (vagy azt a sablont, amely az összes oldalt burkolja)
3. Keresse meg a záró </body> taget
4. Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Mentse el a sablont

Alternatív 1. módszer: EE sablonrészletek használata

Az ExpressionEngine sablonrészletek lehetővé teszik újrafelhasználható részletek létrehozását, amelyek belefoglalhatók a sablonokba:

1. Lépjen a Fejlesztő > Sablonok > Sablonrészletek menübe
2. Kattintson az "Új" gombra egy új, _asyntai_widget nevű részlet létrehozásához
3. Illessze be az Asyntai beágyazási kódot a rész tartalmába:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Mentse el a részt
5. Foglalja bele az elrendezési sablonba közvetlenül a záró </body> tag elé:
   {embed="_asyntai_widget"} </body>

Alternatív 2. módszer: Az EE HTML fejléc/lábléc használata

Egyes ExpressionEngine beállítások globális lábléc szakaszt biztosítanak szkriptek hozzáadásához:

1. Lépjen a Beállítások > Tartalom & Tervezés > Globális sablonbeállítások menübe
2. Ha az EE beállításának van globális lábléc szakasza, illessze be oda az Asyntai beágyazási kódot
3. Ha nincs globális lábléc szakasz, szerkessze közvetlenül a fő elrendezési sablont, és adja hozzá a beágyazási kódot a záró </body> tag elé:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Mentse el a módosításokat

Alternatív 3. módszer: A config.php használata

Haladó felhasználók számára befecskendezhetik a chatbot szkriptet az ExpressionEngine konfigurációján keresztül, vagy egyéni bővítmény létrehozásával:

1. Érje el az ExpressionEngine projekt fájljait FTP-n, SSH-n vagy kódszerkesztőjén keresztül
2. Navigáljon a system/user/config/ könyvtárba, és nyissa meg a config.php fájlt
3. Egyéni JavaScript befecskendezéshez fontolja meg egy egyszerű EE bővítmény/kiterjesztés létrehozását, amely bekapcsolódik a template_post_parse hookba, hogy az oldalrenderelés során befecskendezze a szkriptet:
   // 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. Cserélje ki a YOUR_WIDGET_ID értékét a tényleges widget azonosítójára az irányítópultról

3. lépés: Telepítés ellenőrzése

A módosítások mentése után látogasson el ExpressionEngine webhelyére egy új böngészőlapon vagy inkognitóablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megfelelően nyílik meg és működik.