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

Платформа:

Craft CMS

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: Набавите свој код за уграђивање

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

Корак 2: Уредите свој шаблон распореда (препоручено)

Најлакши начин за додавање четбота на све странице је уређивањем главног шаблона распореда:

1. Приступите фајловима Craft CMS пројекта путем FTP, SSH или уређивача кода
2. Навигирајте до templates/ директоријума
3. Пронађите свој главни фајл распореда (обично назван _layout.twig, _layout.html или налази се у templates/_layouts/)
4. Пронађите затварајућу </body> ознаку
5. Налепите свој Asyntai код за уграђивање непосредно пре </body> ознаке
6. Сачувајте фајл

Alternative: Using Twig {% js %} Tag (Craft CMS 3.x+)

Craft CMS обезбеђује уграђену Twig ознаку за регистровање JavaScript-а:

1. Отворите свој главни шаблон распореда
2. Додајте следећи код пре затварајуће </body> ознаке:
   {% js %} (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); })(); {% endjs %}
3. Замените YOUR_WIDGET_ID стварним ИД-ом виџета
4. Сачувајте фајл

Алтернатива: Креирајте засебан фајл за укључивање

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

1. Креирајте нови фајл: templates/_includes/chatbot.twig (или .html)
2. Додајте свој 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>
3. У свом главном шаблону распореда, укључите овај фајл пре </body>:
   {% include '_includes/chatbot' %}
4. Сачувајте оба фајла

Алтернатива: Условно учитавање

За учитавање четбота само на одређеним страницама или одељцима:

1. У свом шаблону распореда или странице, користите Twig условне изразе:
   {% if entry.showChatbot ?? true %} <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> {% endif %}
2. Или проверите за одређене одељке:
   {% if craft.app.request.segments[0] != 'admin' %} <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> {% endif %}

Корак 3: Верификујте инсталацију

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