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

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

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

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

अपनी HubSpot वेबसाइट के सभी पृष्ठों पर चैटबॉट जोड़ने का सबसे आसान तरीका:

अपने HubSpot खाते में लॉग इन करें
मुख्य नेविगेशन बार में सेटिंग्स आइकन (गियर) पर क्लिक करें
बाईं साइडबार में, Website > Pages पर जाएँ
"साइट फुटर HTML" अनुभाग तक स्क्रॉल करें
टेक्स्ट क्षेत्र में अपना Asyntai एम्बेड कोड पेस्ट करें
पृष्ठ के नीचे "सहेजें" पर क्लिक करें

सुझाव: साइट फुटर HTML में स्क्रिप्ट जोड़ने से यह सुनिश्चित होता है कि यह मुख्य सामग्री के बाद सभी पृष्ठों पर लोड हो, जो चैट विजेट के लिए अनुशंसित प्लेसमेंट है।

वैकल्पिक: पृष्ठ-विशिष्ट इंस्टॉलेशन

यदि आप केवल विशिष्ट पृष्ठों पर चैटबॉट चाहते हैं:

मार्केटिंग > वेबसाइट > वेबसाइट पृष्ठ (या लैंडिंग पृष्ठ) पर जाएँ
उस पृष्ठ पर क्लिक करें जिसे आप संपादित करना चाहते हैं
पृष्ठ एडिटर में, शीर्ष पर सेटिंग्स पर क्लिक करें
"उन्नत विकल्प" तक स्क्रॉल करें
"फुटर HTML" अनुभाग खोजें
अपना Asyntai एम्बेड कोड पेस्ट करें
"परिवर्तन लागू करें" पर क्लिक करें और अपना पृष्ठ प्रकाशित करें

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

वैकल्पिक: डिज़ाइन मैनेजर का उपयोग करना

अधिक नियंत्रण के लिए, आप डिज़ाइन मैनेजर के माध्यम से एक JavaScript फ़ाइल जोड़ सकते हैं:

Marketing > Files and Templates > Design Tools पर जाएँ
बाएँ साइडबार में, फ़ाइल > नई फ़ाइल पर क्लिक करें
ड्रॉपडाउन से "JavaScript" चुनें
अपनी फ़ाइल का नाम दें (जैसे, asyntai-chatbot.js)
निम्नलिखित कोड जोड़ें:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
YOUR_WIDGET_ID को अपनी वास्तविक विजेट ID से बदलें
"परिवर्तन प्रकाशित करें" पर क्लिक करें
अपने टेम्पलेट में require_js का उपयोग करके इस फ़ाइल को शामिल करें या इसे अपनी साइट सेटिंग्स में लिंक करें

वैकल्पिक: कस्टम मॉड्यूल का उपयोग करना

चैटबॉट के लिए एक पुन: प्रयोज्य मॉड्यूल बनाएँ:

Marketing > Files and Templates > Design Tools पर जाएँ
फ़ाइल > नई फ़ाइल > मॉड्यूल पर क्लिक करें
इसे "Asyntai Chatbot" नाम दें
module.html फ़ाइल में, अपना एम्बेड कोड पेस्ट करें
मॉड्यूल प्रकाशित करें
मॉड्यूल को अपने टेम्पलेट के फुटर अनुभाग में जोड़ें, या इसे अलग-अलग पृष्ठों पर ड्रैग करें

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

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

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

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

HubSpot CMS Hub आवश्यक: कस्टम JavaScript जोड़ने के लिए HubSpot CMS Hub (Starter, Professional, या Enterprise) आवश्यक है। यदि आप मुफ्त HubSpot CMS टूल का उपयोग कर रहे हैं, तो आपके पास कस्टम स्क्रिप्ट जोड़ने के सीमित विकल्प हो सकते हैं।