Adobe Commerce (Magento) में Asyntai AI चैटबॉट कैसे जोड़ें

Magento वेबसाइटों के लिए चरण-दर-चरण मार्गदर्शिका

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

चरण 1: अपना एम्बेड कोड प्राप्त करें

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

नोट: ऊपर दिया गया कोड केवल एक उदाहरण है। आपको अपने डैशबोर्ड से अपना अद्वितीय एम्बेड कोड कॉपी करना होगा क्योंकि इसमें आपकी व्यक्तिगत विजेट ID होती है।

चरण 2: पेज बिल्डर का उपयोग करना (अनुशंसित)

चैटबॉट जोड़ने का सबसे आसान तरीका पेज बिल्डर के HTML कोड ब्लॉक का उपयोग करना है:

अपने Magento एडमिन पैनल में लॉग इन करें
सामग्री → पृष्ठ पर जाएँ
अपना होम पेज (या कोई भी पृष्ठ जहाँ आप चैटबॉट चाहते हैं) संपादित करें
पेज बिल्डर में, एक "HTML कोड" एलिमेंट को पृष्ठ पर ड्रैग करें
अपना Asyntai एम्बेड कोड पेस्ट करें
"सहेजें" पर क्लिक करें
कैश फ्लश करें: सिस्टम → कैश प्रबंधन → Magento कैश फ्लश करें

महत्वपूर्ण: पेज बिल्डर का उपयोग केवल अलग-अलग पृष्ठों पर कोड जोड़ता है। साइट-व्यापी इंस्टॉलेशन के लिए, नीचे Layout XML विधि का उपयोग करें।

वैकल्पिक: Layout XML का उपयोग करना (सभी पृष्ठ)

सभी पृष्ठों पर चैटबॉट जोड़ने के लिए, अपनी थीम में एक लेआउट फ़ाइल बनाएँ:

अपने थीम फ़ोल्डर पर नेविगेट करें: app/design/frontend/[Vendor]/[theme]/
यदि मौजूद नहीं है तो फ़ोल्डर संरचना बनाएँ: Magento_Theme/layout/
default_head_blocks.xml फ़ाइल बनाएँ या संपादित करें
निम्नलिखित कोड जोड़ें:
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <script src="https://asyntai.com/static/js/chat-widget.js" src_type="url" async="true" data-asyntai-id="YOUR_WIDGET_ID"/> </head> </page>
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
चलाएँ: bin/magento cache:flush
चलाएँ: bin/magento setup:static-content:deploy -f (यदि प्रोडक्शन मोड में हैं)

वैकल्पिक: CMS ब्लॉक का उपयोग करना

आप एक CMS ब्लॉक भी बना सकते हैं और इसे अपने फुटर में शामिल कर सकते हैं:

सामग्री → ब्लॉक पर जाएँ
"नया ब्लॉक जोड़ें" पर क्लिक करें
"Asyntai Chatbot" जैसा शीर्षक सेट करें
पहचानकर्ता को asyntai_chatbot पर सेट करें
कंटेंट एडिटर में, HTML मोड पर स्विच करें और अपना एम्बेड कोड पेस्ट करें
"ब्लॉक सहेजें" पर क्लिक करें
इसका उपयोग करके अपने फुटर टेम्पलेट में ब्लॉक जोड़ें: {{block id="asyntai_chatbot"}}
कैश साफ़ करें

चरण 3: इंस्टॉलेशन सत्यापित करें

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