Како додати Asyntai AI чатбот на 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 позадину
2. Идите на Подешавања у левој бочној траци
3. Проширите Templates
4. Кликните на ваш Master шаблон (или главни шаблон распореда који ваш сајт користи)
5. Пронађите затварајућу </body> ознаку
6. Налепите свој Asyntai код за уграђивање непосредно пре </body> ознаке
7. Кликните „Сачувај"

Алтернатива: Коришћење типа документа подешавања сајта

За већу флексибилност, можете додати прилагођено поље за управљање скриптама подножја:

1. Идите на Settings → Document Types
2. Уредите ваш тип документа Site Settings (или креирајте један ако не постоји)
3. Додајте ново својство под називом "Footer Scripts" са типом података Textarea
4. Сачувајте тип документа
5. Идите на Content и уредите чвор Site Settings
6. Налепите ваш Asyntai код за уградњу у поље Footer Scripts
7. У вашем главном шаблону, додајте овај код пре </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. Сачувајте и садржај и шаблон

Алтернатива: Коришћење фасцикле скрипти

Такође можете креирати JavaScript фајл у Umbraco позадини:

1. Идите на Settings → Scripts
2. Кликните десним тастером на Scripts и изаберите "Create"
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 стварним ИД-ом виџета
6. Сачувајте фајл
7. Укључите ову скрипту у ваш главни шаблон пре </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

Алтернатива: Специфично за страницу са RenderSection

Ако желите четбот само на одређеним страницама:

1. У вашем главном шаблону, додајте пре </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: Верификујте инсталацију

Након чувања промена, посетите свој веб-сајт у новој картици претраживача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да бисте се уверили да се отвара и исправно ради.