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

Платформа:

Umbraco

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion 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: Редактирование главного шаблона (рекомендуется)

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

1. Войдите в Umbraco Backoffice
2. Перейдите в Settings на левой панели
3. Разверните Шаблоны
4. Нажмите на шаблон Master (или основной шаблон макета, который использует ваш сайт)
5. Найдите закрывающий тег </body>
6. Вставьте код встраивания Asyntai перед тегом </body>
7. Нажмите «Save»

Альтернатива: Через тип документа настроек

Для большей гибкости можно добавить пользовательское поле для управления скриптами футера:

1. Перейдите в Settings → Document Types
2. Редактировать тип документа Настройки сайта (или создать его, если он не существует)
3. Добавьте новое свойство с именем «Footer Scripts» и типом данных Textarea
4. Сохранить тип документа
5. Перейдите в Content и отредактируйте узел настроек сайта
6. Вставьте код встраивания Asyntai в поле «Скрипты футера»
7. В вашем Master template добавьте этот код перед </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Сохраните контент и шаблон

Альтернатива: Через папку скриптов

Вы также можете создать JavaScript-файл в Umbraco Backoffice:

1. Перейдите в Settings → Scripts
2. Нажмите правой кнопкой мыши на Scripts и выберите «Создать»
3. Создайте новый файл asyntai-chatbot.js
4. Добавьте следующий код:
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
5. Замените YOUR_WIDGET_ID на ваш реальный ID виджета
6. Сохраните файл
7. Добавьте этот скрипт в Master template перед </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Альтернатива: Через RenderSection

Если вы хотите добавить чат-бот только на определённые страницы:

1. В вашем Master template добавьте перед </body>:
   @RenderSection("footerScripts", required: false)
2. В шаблоне конкретной страницы, где нужен чат-бот, добавьте:
   @section footerScripts {
  <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>
}

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

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