Kako dodati klepetalnik Asyntai z UI v ExpressionEngine

Platforma:

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

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

Korak 2: Dodajte v postavitev predloge (priporočeno)

Najlažji način za dodajanje klepetalnika na vse strani je urejanje glavne predloge postavitve v nadzorni plošči ExpressionEngine:

1. V nadzorni plošči EE pojdite na Razvijalec > Predloge > Skupine predlog
2. Odprite svojo glavno skupino predlog (običajno "site") in uredite predlogo postavitve (ali predlogo, ki ovija vse strani)
3. Poiščite zaključno oznako </body>
4. Prilepite svojo vdelovalno kodo Asyntai tik pred oznako </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Shranite predlogo

Alternativni način 1: Uporaba delnih predlog EE

Delne predloge ExpressionEngine omogočajo ustvarjanje delčkov za večkratno uporabo, ki jih lahko vključite v vse predloge:

1. Pojdite na Razvijalec > Predloge > Delne predloge
2. Kliknite "Novo", da ustvarite novo delno predlogo z imenom _asyntai_widget
3. Prilepite svojo vdelovalno kodo Asyntai v vsebino delne predloge:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Shranite delno predlogo
5. Vključite jo v svojo predlogo postavitve tik pred zaključno oznako </body>:
   {embed="_asyntai_widget"} </body>

Alternativni način 2: Uporaba glave/noge HTML v EE

Nekatere nastavitve ExpressionEngine zagotavljajo globalni razdelek noge za dodajanje skriptov:

1. Pojdite na Nastavitve > Vsebina in oblikovanje > Globalne nastavitve predlog
2. Če ima vaša nastavitev EE globalni razdelek noge, prilepite vdelovalno kodo Asyntai tja
3. Če globalni razdelek noge ni na voljo, neposredno uredite svojo glavno predlogo postavitve in dodajte vdelovalno kodo pred zaključno oznako </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Shranite spremembe

Alternativni način 3: Uporaba config.php

Za napredne uporabnike lahko vstavite skript klepetalnika prek konfiguracije ExpressionEngine ali z ustvarjanjem dodatka po meri:

1. Dostopajte do projektnih datotek ExpressionEngine prek FTP, SSH ali svojega urejevalnika kode
2. Pojdite v imenik system/user/config/ in odprite config.php
3. Za vstavljanje JavaScripta po meri razmislite o ustvarjanju preprostega dodatka/razširitve EE, ki se priklopi na kavelj template_post_parse za vstavljanje skripta pri izrisovanju strani:
   // 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. Zamenjajte YOUR_WIDGET_ID s svojim dejanskim ID-jem klepetalnika z nadzorne plošče

Korak 3: Preverite namestitev

Po shranjevanju sprememb obiščite svojo spletno stran ExpressionEngine v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.