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

WordPress वेबसाइटों के लिए चरण-दर-चरण गाइड

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

चरण 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:

<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>

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

चरण 2: इंस्टॉलेशन विधि चुनें

WordPress में चैट विजेट जोड़ने के कई तरीके हैं। वह विधि चुनें जो आपके लिए सबसे अच्छी हो:

विधि 1: प्लगइन का उपयोग (अनुशंसित)

चैट विजेट जोड़ने का सबसे आसान तरीका "Insert Headers and Footers" या "WPCode" जैसे प्लगइन का उपयोग करना है।

WPCode का उपयोग (निःशुल्क)

अपने WordPress एडमिन में Plugins → Add New पर जाएँ
"WPCode" खोजें और इंस्टॉल करें
प्लगइन सक्रिय करें
कोड स्निपेट्स → हेडर और फुटर पर जाएँ
अपना Asyntai एम्बेड कोड \"Footer\" सेक्शन में पेस्ट करें
"परिवर्तन सहेजें" पर क्लिक करें

Insert Headers and Footers का उपयोग

अपने WordPress एडमिन में Plugins → Add New पर जाएँ
WPBeginner द्वारा "Insert Headers and Footers" खोजें
प्लगइन इंस्टॉल और सक्रिय करें
Settings → Insert Headers and Footers पर जाएँ
अपना Asyntai एम्बेड कोड "Scripts in Footer" बॉक्स में पेस्ट करें
"सहेजें" पर क्लिक करें

प्लगइन का उपयोग क्यों करें? प्लगइन का उपयोग यह सुनिश्चित करता है कि आपके WordPress थीम को अपडेट करने या बदलने पर भी आपका कोड अपनी जगह पर बना रहे।

विधि 2: थीम फ़ाइलें संपादित करें

आप कोड को सीधे अपनी थीम फ़ाइलों में जोड़ सकते हैं। थीम फ़ाइल एडिटर का स्थान आपके WordPress संस्करण और थीम के प्रकार पर निर्भर करता है।

क्लासिक थीम के लिए

अपने WordPress एडमिन में Appearance → Theme File Editor पर जाएँ
ड्रॉपडाउन से अपनी सक्रिय थीम चुनें
दाईं ओर फ़ाइल सूची में footer.php खोजें और उस पर क्लिक करें
नीचे तक स्क्रॉल करें और क्लोजिंग </body> टैग खोजें
</body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें
"फ़ाइल अपडेट करें" पर क्लिक करें

ब्लॉक थीम (FSE थीम) के लिए

यदि आप ब्लॉक-आधारित थीम (जैसे Twenty Twenty-Four या अन्य Full Site Editing थीम) का उपयोग कर रहे हैं, तो थीम फ़ाइल एडिटर का स्थान बदल गया है:

अपने WordPress एडमिन में Tools → Theme File Editor पर जाएँ
ड्रॉपडाउन से अपनी सक्रिय थीम चुनें
फ़ाइल सूची में footer.php या footer.html देखें
क्लोजिंग </body> टैग से पहले अपना Asyntai एम्बेड कोड जोड़ें
"फ़ाइल अपडेट करें" पर क्लिक करें

नोट: कुछ ब्लॉक थीम में footer.php फ़ाइल नहीं होती है। उस स्थिति में, प्लगइन विधि (WPCode) का उपयोग करें जो सभी थीम प्रकारों के साथ काम करती है।

महत्वपूर्ण: थीम अपडेट आपके परिवर्तनों को ओवरराइट कर देंगे। स्थायी समाधान के लिए, इसके बजाय चाइल्ड थीम या प्लगइन विधि का उपयोग करें।

विधि 3: Elementor का उपयोग

यदि आप Elementor का उपयोग कर रहे हैं, तो आप Elementor की कस्टम कोड सुविधा के माध्यम से कोड जोड़ सकते हैं।

Elementor Pro

Elementor → कस्टम कोड पर जाएँ
"नया जोड़ें" पर क्लिक करें
इसे "Asyntai Chatbot" जैसा कोई नाम दें
स्थान को "</body> समाप्ति से पहले" पर सेट करें
अपना Asyntai एम्बेड कोड पेस्ट करें
प्रदर्शन शर्तों को "पूरी साइट" पर सेट करें
"प्रकाशित करें" पर क्लिक करें

Elementor Free

यदि आप Elementor के मुफ़्त संस्करण का उपयोग कर रहे हैं, तो ऊपर वर्णित प्लगइन विधि का उपयोग करें, क्योंकि कस्टम कोड इंजेक्शन के लिए Elementor Pro की आवश्यकता होती है।

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

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

विजेट दिखाई नहीं दे रहा? अपने ब्राउज़र कैश और किसी भी WordPress कैशिंग प्लगइन को साफ़ करें। यदि आप WP Rocket या W3 Total Cache जैसे कैशिंग प्लगइन का उपयोग कर रहे हैं, तो कोड जोड़ने के बाद कैश को साफ़ (purge) करें।

AI सर्च बार जोड़ना

AI सर्च बार अपना अलग कोड रखने वाला अलग विजेट है। इसे चैट के साथ जोड़ें, या अकेले। इसके लिए Standard या उससे ऊपर का प्लान चाहिए: कम प्लान पर बार दिखता है पर परिणाम नहीं देता।

स्क्रिप्ट टैग में data-replace विशेषता जोड़ें और यह बार आपकी थीम वाले बार की जगह ले लेगा। इसे उसी हेडर-फुटर प्लगइन से जोड़ें जिससे चैट कोड जोड़ा था, जैसे Code Snippets या Insert Headers and Footers। स्क्रिप्ट को सर्च बॉक्स के पास होना जरूरी नहीं, इसलिए कोई थीम फाइल संपादित नहीं करनी पड़ती।

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

AI सर्च बार की पूरी गाइड पढ़ें

दस्तावेज़ीकरण