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

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

WooCommerce

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

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

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

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

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

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

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

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

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

1. दिखावट → थीम फ़ाइल संपादक पर जाएँ
2. अपनी सक्रिय थीम (या अधिमानतः अपनी चाइल्ड थीम) चुनें
3. functions.php फ़ाइल खोलें
4. फ़ाइल के अंत में निम्नलिखित कोड जोड़ें:
   function add_asyntai_chatbot() {
  echo '<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>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
6. "फ़ाइल अपडेट करें" पर क्लिक करें

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

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

1. अपने थीम की functions.php फ़ाइल में यह कोड जोड़ें:
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<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>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
3. फ़ाइल सहेजें

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

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