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

WooCommerce स्टोर के लिए चरण-दर-चरण गाइड

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

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

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

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

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

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

अपने WooCommerce स्टोर में चैटबॉट जोड़ने का सबसे आसान तरीका एक निःशुल्क हेडर/फुटर प्लगइन का उपयोग करना है:

अपने WordPress एडमिन डैशबोर्ड में लॉग इन करें
प्लगइन → नया जोड़ें पर जाएँ
WPCode (या समान प्लगइन) द्वारा \"Insert Headers and Footers\" खोजें
\"अभी इंस्टॉल करें\" और फिर \"सक्रिय करें\" पर क्लिक करें
Code Snippets → Header & Footer (या प्लगइन के सेटिंग पेज) पर जाएं
अपना Asyntai एम्बेड कोड \"Footer\" सेक्शन में पेस्ट करें
"परिवर्तन सहेजें" पर क्लिक करें

सुझाव: फुटर में कोड जोड़ने से यह सुनिश्चित होता है कि यह आपके स्टोर की सामग्री के बाद लोड हो, जो चैट विजेट्स के लिए आदर्श है और आपके पेज लोडिंग को धीमा नहीं करेगा या WooCommerce कार्यक्षमता में हस्तक्षेप नहीं करेगा।

वैकल्पिक: थीम कस्टमाइज़र का उपयोग

कई WooCommerce थीम में कस्टम स्क्रिप्ट जोड़ने के लिए अंतर्निहित विकल्प होते हैं:

दिखावट → कस्टमाइज़ पर जाएँ
\"Additional CSS/JS\", \"Custom Code\", या \"Footer Scripts\" नामक सेक्शन देखें
उपयुक्त फ़ील्ड में अपना Asyntai एम्बेड कोड पेस्ट करें
अपने परिवर्तन सहेजने के लिए "प्रकाशित करें" पर क्लिक करें

नोट: सभी थीम में यह विकल्प नहीं होता है। यदि आपकी थीम में कस्टम स्क्रिप्ट फ़ील्ड शामिल नहीं हैं, तो प्लगइन विधि का उपयोग करें या अपनी थीम की functions.php फ़ाइल को संपादित करें।

वैकल्पिक: थीम फ़ाइलें संपादित करें (functions.php)

डेवलपर्स या थीम फ़ाइलें संपादित करने में सहज लोगों के लिए:

दिखावट → थीम फ़ाइल संपादक पर जाएँ
अपनी सक्रिय थीम (या अधिमानतः अपनी चाइल्ड थीम) चुनें
functions.php फ़ाइल खोलें
फ़ाइल के अंत में निम्नलिखित कोड जोड़ें:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
"फ़ाइल अपडेट करें" पर क्लिक करें

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

वैकल्पिक: WooCommerce-विशिष्ट हुक

चैटबॉट को केवल WooCommerce पेजों (शॉप, उत्पाद, कार्ट, चेकआउट) पर लोड करने के लिए:

अपने थीम की functions.php फ़ाइल में यह कोड जोड़ें:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
फ़ाइल सहेजें

सुझाव: यह विधि तब उपयोगी होती है जब आप चाहते हैं कि AI चैटबॉट आपकी पूरी वेबसाइट के बजाय केवल आपके स्टोर पेजों पर दिखाई दे ताकि ग्राहकों को उत्पादों और ऑर्डर में मदद मिल सके।

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

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

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