Craft CMS में Asyntai AI चैटबॉट कैसे जोड़ें

प्लेटफ़ॉर्म:

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: अपना एम्बेड कोड प्राप्त करें

सबसे पहले, अपने Asyntai डैशबोर्ड पर जाएँ और नीचे "Embed Code" अनुभाग तक स्क्रॉल करें। अपना यूनिक एम्बेड कोड कॉपी करें, जो कुछ इस तरह दिखेगा:

चरण 2: अपना लेआउट टेम्पलेट संपादित करें (अनुशंसित)

सभी पृष्ठों पर चैटबॉट जोड़ने का सबसे आसान तरीका अपना मुख्य लेआउट टेम्पलेट संपादित करना है:

1. FTP, SSH, या अपने कोड एडिटर के माध्यम से अपनी Craft CMS प्रोजेक्ट फ़ाइलों तक पहुँचें
2. templates/ डायरेक्टरी पर नेविगेट करें
3. अपनी मुख्य लेआउट फ़ाइल खोजें (आमतौर पर _layout.twig, _layout.html नाम की, या templates/_layouts/ में स्थित)
4. क्लोज़िंग </body> टैग खोजें
5. </body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
6. फ़ाइल सहेजें

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

Craft CMS JavaScript रजिस्टर करने के लिए एक बिल्ट-इन Twig टैग प्रदान करता है:

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 को अपनी वास्तविक विजेट 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 वेबसाइट को एक नए ब्राउज़र टैब या इनकॉग्निटो विंडो में देखें। आपको नीचे दाएँ कोने में चैट विजेट बटन दिखाई देना चाहिए। यह सुनिश्चित करने के लिए इस पर क्लिक करें कि यह सही ढंग से खुलता और काम करता है।