Како додати Asyntai АИ четбот у CrafterCMS

Платформа:

CrafterCMS

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: Додајте у FreeMarker шаблон (препоручено)

CrafterCMS користи FreeMarker (.ftl) шаблоне за рендеровање страница. Најлакши начин за додавање четбота на све странице је уређивањем главног шаблона странице:

1. У Crafter Studio, идите на Контролна табла сајта > Типови садржаја или навигирајте до шаблона
2. Отворите свој главни шаблон странице (нпр. /templates/web/pages/home.ftl или основни распоред)
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. Сачувајте фајл и објавите кроз Crafter Studio

Алтернативни метод 1: Коришћење Crafter компоненти шаблона

За бољу организацију, креирајте наменски шаблон компоненте за виџет четбота:

1. У Crafter Studio, креирајте нови фајл шаблона на /templates/web/components/asyntai-widget.ftl
2. Додајте следећи садржај у шаблон компоненте:
   <!-- Asyntai AI Chatbot Component --> <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. Укључите га у свој главни шаблон распореда користећи FreeMarker директиву за укључивање:
   <#include "/templates/web/components/asyntai-widget.ftl" />
4. Алтернативно, ако користите Crafter-ов систем за рендеровање компоненти, користите:
   <@renderComponent component=contentModel.asyntaiWidget />
5. Сачувајте оба фајла и објавите кроз Crafter Studio

Алтернативни метод 2: Коришћење Crafter конфигурације заглавља/скрипти

CrafterCMS вам омогућава да глобално убацујете скрипте кроз конфигурацију сајта:

1. У Crafter Studio, навигирајте до Конфигурација сајта > Конфигурација
2. Отворите фајл Конфигурација Engine сајта (site-config.xml)
3. Додајте прилагођену конфигурацију убацивања скрипте:
   <site> <!-- Existing configuration... --> <!-- Custom Scripts --> <scripts> <script> <src>https://asyntai.com/static/js/chat-widget.js</src> <async>true</async> <data-asyntai-id>YOUR_WIDGET_ID</data-asyntai-id> </script> </scripts> </site>
4. Алтернативно, уредите свој основни FreeMarker распоред да чита из конфигурације сајта и динамички убацује скрипте:
   <#if siteConfig.getString("scripts.script.src", "")?has_content> <script async src="${siteConfig.getString("scripts.script.src")}" data-asyntai-id="${siteConfig.getString("scripts.script.data-asyntai-id")}"></script> </#if>
5. Сачувајте и објавите измене конфигурације

Алтернативни метод 3: Коришћење Groovy контролера

CrafterCMS подржава Groovy скрипте за серверску логику. Можете користити контролер за динамичко додавање скрипте четбота:

1. Креирајте Groovy скрипту у /scripts/pages/ (нпр. /scripts/pages/home.groovy или ваш контролер за цео сајт)
2. Додајте следећи код за убацивање URL-а скрипте у модел шаблона:
   // /scripts/pages/home.groovy import org.craftercms.engine.service.context.SiteContext def siteContext = SiteContext.current // Add Asyntai chatbot configuration to the model model.asyntaiEnabled = true model.asyntaiWidgetId = "YOUR_WIDGET_ID" model.asyntaiScriptSrc = "https://asyntai.com/static/js/chat-widget.js"
3. Затим референцирајте променљиве модела у свом FreeMarker шаблону:
   <#if model.asyntaiEnabled?? && model.asyntaiEnabled> <script async src="${model.asyntaiScriptSrc}" data-asyntai-id="${model.asyntaiWidgetId}"></script> </#if>
4. Сачувајте и Groovy скрипту и фајл шаблона
5. Објавите промене кроз Crafter Studio

Корак 3: Објавите и верификујте

Након извршавања промена, објавите их кроз Crafter Studio:

1. У Crafter Studio, идите на Контролну таблу сајта
2. Прегледајте своје промене у одељку Моја недавна активност или Чека одобрење
3. Кликните Објави да деплојујете промене на свој сајт уживо
4. Отворите свој веб-сајт у новој картици претраживача или инкогнито прозору
5. Требало би да видите дугме виџета за ћаскање у доњем десном углу
6. Кликните на њега да бисте се уверили да се отвара и исправно ради