Az Asyntai AI Chatbot hozzáadása a Craft CMS-hez

Platform:

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. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

2. lépés: Az elrendezési sablon szerkesztése (ajánlott)

A legegyszerűbb módja, hogy az összes oldalhoz hozzáadja a chatbotot, a fő elrendezési sablon szerkesztése:

1. Access your Craft CMS project files via FTP, SSH, or your code editor
2. Navigáljon a templates/ könyvtárba
3. Keresse meg a fő elrendezési fájlt (általában _layout.twig, _layout.html nevű, vagy a templates/_layouts/ könyvtárban található)
4. Keresse meg a záró </body> taget
5. Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
6. Mentse el a fájlt

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

Craft CMS provides a built-in Twig tag for registering JavaScript:

1. Nyissa meg a fő elrendezési sablont
2. Adja hozzá a következő kódot a záró </body> tag elé:
   {% 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. Replace YOUR_WIDGET_ID with your actual widget ID
4. Mentse el a fájlt

Alternatíva: Hozzon létre egy külön include fájlt

A jobb rendszerezés érdekében hozzon létre egy dedikált include fájlt:

1. Hozzon létre egy új fájlt: templates/_includes/chatbot.twig (vagy .html)
2. Adja hozzá az Asyntai beágyazási kódot ehhez a fájlhoz:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
3. A fő elrendezési sablonban foglalja bele ezt a fájlt a </body> tag elé:
   {% include '_includes/chatbot' %}
4. Mentse el mindkét fájlt

Alternatíva: Feltételes betöltés

A chatbot betöltéséhez csak meghatározott oldalakon vagy szakaszokon:

1. Az elrendezési vagy oldalsablonban használjon Twig feltételeket:
   {% if entry.showChatbot ?? true %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endif %}
2. Vagy ellenőrizze az egyes szakaszokat:
   {% if craft.app.request.segments[0] != 'admin' %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endif %}

3. lépés: Telepítés ellenőrzése

A módosítások mentése után látogasson el Craft CMS webhelyére egy új böngészőlapon vagy inkognitóablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megfelelően nyílik meg és működik.