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

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

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

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

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

<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: प्लगइन का उपयोग (अनुशंसित)

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

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

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

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

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

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

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

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

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

ब्लॉक थीम (जैसे Twenty Twenty-Four और अन्य Full Site Editing थीम) की थीम फ़ाइलों में न तो footer.php फ़ाइल होती है और न ही </body> टैग। ब्लॉक थीम के लिए प्लगइन वाला तरीका (WPCode) इस्तेमाल करें, जो सभी प्रकार की थीम के साथ काम करता है।

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

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

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

Elementor Pro

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

Elementor Free

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

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

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

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

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

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

स्क्रिप्ट टैग में data-replace एट्रिब्यूट जोड़ें, और यह बार आपकी थीम के मौजूदा बार की जगह ले लेगा। इसे उसी हेडर और फुटर प्लगइन से जोड़ें जिसका इस्तेमाल आपने चैट कोड के लिए किया था, जैसे WPCode। स्क्रिप्ट को आपके सर्च बॉक्स के पास होना ज़रूरी नहीं है, इसलिए आपको कोई थीम फ़ाइल संपादित करने की ज़रूरत नहीं है।

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

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

डॉक्यूमेंटेशन