Jak dodać chatbota AI Asyntai do 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

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

Krok 2: Dodaj do układu szablonu (zalecane)

Najłatwiejszym sposobem dodania chatbota do wszystkich stron jest edycja głównego szablonu układu w panelu sterowania ExpressionEngine:

1. W panelu sterowania EE przejdź do Developer > Templates > Template Groups
2. Otwórz główna grupe szablonów (zazwyczaj "site") i edytuj szablon ukladu (lub szablon opakowujacy wszystkie strony)
3. Znajdź zamykający znacznik </body>
4. Wklej kod osadzania Asyntai tuż przed znacznikiem </body>:
   <!-- Asyntai AI Chatbot --> <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script> </body>
5. Zapisz szablon

Metoda alternatywna 1: Użycie części szablonów EE

Części szablonów ExpressionEngine umożliwiają tworzenie fragmentow kodu wielokrotnego uzytku, które można dołączać do różnych szablonów:

1. Go to Developer > Templates > Template Partials
2. Kliknij "New", aby utworzyć nowa część szablonu o nazwie _asyntai_widget
3. Wklej kod osadzania Asyntai do treści części szablonu:
   <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
4. Zapisz część szablonu
5. Dołącz ja do szablonu ukladu tuz przed zamykającym tagiem </body>:
   {embed="_asyntai_widget"} </body>

Metoda alternatywna 2: Użycie nagłówka/stopki HTML w EE

Niektóre konfigurację ExpressionEngine oferuja globalna sekcję stopki do dodawania skryptów:

1. Przejdź do Settings > Content & Design > Global Template Preferences
2. Jeśli Twoja konfiguracja EE posiada globalna sekcję stopki, wklej tam kod osadzania Asyntai
3. Jeśli globalna sekcja stopki nie jest dostępna, edytuj bezpośrednio główny szablon ukladu i dodaj kod osadzania przed zamykającym tagiem </body>:
   <!-- Asyntai AI Chatbot --> <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script> </body>
4. Zapisz zmiany

Metoda alternatywna 3: Użycie config.php

Dla zaawansowanych użytkowników można wstrzyknąć skrypt chatbota przez konfigurację ExpressionEngine lub tworząc niestandardowy dodatek:

1. Uzyskaj dostęp do plików projektu ExpressionEngine przez FTP, SSH lub edytor kodu
2. Przejdź do katalogu system/user/config/ i otwórz plik config.php
3. W celu niestandardowego wstrzykiwania JavaScript rozważ utworzenie prostego dodatku/rozszerzenia EE, które podlacza sie do hooka template_post_parse w celu wstrzyknięcia skryptu podczas renderowania strony:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. Zamien YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu z panelu sterowania

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian odwiedź witrynę ExpressionEngine w nowej karcie przeglądarki lub w trybie incognito. Przycisk widgetu czatu powinien byc widoczny w prawym dolnym rogu. Kliknij go, aby upewnić sie, ze otwiera sie i działa poprawnie.