Как добавить ИИ-чат-бот Asyntai в ExpressionEngine

Платформа:

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: Получите код встраивания

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

Шаг 2: Добавьте в макет шаблона (рекомендуется)

Самый простой способ добавить чат-бот на все страницы — отредактировать главный шаблон макета в панели управления ExpressionEngine:

1. В панели управления EE перейдите в Разработчик > Шаблоны > Группы шаблонов
2. Откройте основную группу шаблонов (обычно «site») и отредактируйте шаблон макета (или шаблон, который оборачивает все страницы)
3. Найдите закрывающий тег </body>
4. Вставьте код встраивания Asyntai перед тегом </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. Сохранить шаблон

Альтернативный способ 1: Через EE Template Partials

Частичные шаблоны ExpressionEngine позволяют создавать повторно используемые фрагменты, которые можно включать в разные шаблоны:

1. В панели управления EE перейдите в Разработчик > Шаблоны > Частичные шаблоны
2. Нажмите «New», чтобы создать новый фрагмент с именем _asyntai_widget
3. Вставьте код встраивания Asyntai в содержимое фрагмента:
   <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. Сохранить фрагмент
5. Подключите его в шаблоне макета непосредственно перед закрывающим тегом </body>:
   {embed="_asyntai_widget"} </body>

Альтернативный метод 2: использование HTML-шапки/футера EE

Некоторые конфигурации ExpressionEngine предоставляют глобальный раздел футера для добавления скриптов:

1. Перейдите в Settings > Content & Design > Global Template Preferences
2. Если в вашей установке EE есть глобальный раздел подвала, вставьте туда код встраивания Asyntai
3. Если глобальный раздел подвала недоступен, отредактируйте основной шаблон макета напрямую и добавьте код встраивания перед закрывающим тегом </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. Сохраните изменения

Альтернативный способ 3: Через config.php

Для продвинутых пользователей можно добавить скрипт чат-бота через конфигурацию ExpressionEngine или создав пользовательский аддон:

1. Откройте файлы проекта ExpressionEngine через FTP, SSH или редактор кода
2. Перейдите в каталог system/user/config/ и откройте config.php
3. Для вставки пользовательского JavaScript рекомендуется создать простой аддон/расширение EE, использующее хук template_post_parse для вставки скрипта при рендеринге страницы:
   // 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. Замените YOUR_WIDGET_ID на ваш реальный ID виджета из панели управления

Шаг 3: Проверка установки

После сохранения изменений откройте сайт ExpressionEngine в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.