अपनी वेबसाइट पर AI चैटबॉट एम्बेड करें

आपका प्रशिक्षित AI चैटबॉट।
आपकी वेबसाइट पर।
एक लाइन कोड में।

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

यह कैसे काम करता है

दस्तावेज़ से लाइव चैटबॉट तक तीन चरणों में।

1

अपने दस्तावेज़ों पर प्रशिक्षण दें

PDF, Word डॉक्स, टेक्स्ट फ़ाइलें या HTML पेज अपलोड करें। आपका AI उन्हें पढ़ता है और आपकी सामग्री से सवालों के जवाब देता है, ताकि विज़िटर्स को इंटरनेट के अनुमानों की जगह आपके व्यवसाय के बारे में जवाब मिलें।

2

अपना एम्बेड कोड कॉपी करें

RagmyAI ऐप में Web Chat खोलें। आपका पर्सनलाइज़्ड स्क्रिप्ट टैग पहले से तैयार है: आपके चैटबॉट ID के साथ एक लाइन। इसे कॉपी करें।

3

</body> से पहले पेस्ट करें

टैग को अपनी साइट के HTML में पेस्ट करें। एक फ्लोटिंग चैट लॉन्चर तुरंत प्रकट होता है: WordPress, Shopify, Squarespace, Webflow, या किसी भी कस्टम साइट पर।

एम्बेड के तीन तरीके

वह फॉर्मेट चुनें जो आपकी साइट के लिए उपयुक्त हो।

विकल्प 1 · अनुशंसित

स्क्रिप्ट टैग: फ्लोटिंग लॉन्चर

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

  • HTML स्वीकार करने वाली हर वेबसाइट पर काम करता है
  • सबसे अच्छा: प्रोडक्ट पेज, ई-कॉमर्स, सपोर्ट साइटें
  • कोई CSS संघर्ष नहीं: विजेट स्वयं-निहित है
<script
  src="https://chat.ragmyai.com/chat-widget.min.js"
  data-page-id="YOUR_CHATBOT_ID">
</script>
RagmyAI embedded chatbot widget on a website

विकल्प 2

Iframe: इनलाइन प्लेसमेंट

चैटबॉट को अपने पेज बॉडी में एक सटीक स्थान पर रखें: एक साइडबार, हेल्प सेक्शन, या मोडल के अंदर। आप आयाम नियंत्रित करते हैं; चैटबॉट उन्हें भरता है।

  • चौड़ाई और ऊंचाई पर पूरा नियंत्रण
  • सबसे अच्छा: नॉलेज बेस, हेल्प सेंटर, डैशबोर्ड
  • Notion, Coda और इसी तरह के टूल में एम्बेड होता है
<iframe
  src="https://chat.ragmyai.com/YOUR_CHATBOT_ID"
  allow="microphone"
  width="300"
  height="400">
</iframe>
RagmyAI chatbot embedded inline in a website page

विकल्प 3

पब्लिक URL: बिल्कुल कोई कोड नहीं

प्रत्येक चैटबॉट को एक साझा करने योग्य URL मिलता है। इसे ईमेल, QR कोड, Slack संदेश, या Notion पेज में भेजें। लिंक वाला कोई भी व्यक्ति पूर्ण-पेज चैट इंटरफेस पाता है, कोई एम्बेडिंग आवश्यक नहीं।

  • शून्य सेटअप: केवल लिंक कॉपी करें और साझा करें
  • सबसे अच्छा: आंतरिक टूल, क्लाइंट हैंडऑफ, प्रोटोटाइप
  • ऑफलाइन सामग्री के लिए QR कोड के रूप में काम करता है
https://chat.ragmyai.com/YOUR_CHATBOT_ID
RagmyAI chatbot public URL full-page interface

इसे अपना बनाएं

विजेट को अपने ब्रांड के अनुसार बनाएं।

स्क्रिप्ट टैग हर किसी के लिए एक जैसा नहीं होता। चैट विंडो का आकार सेट करें, बटन का आइकन बदलें, और अपनी पसंद की आकृति व रंग चुनें, यह सब एक ही कोड लाइन के एट्रिब्यूट्स से।

जिन एट्रिब्यूट्स को आप सेट कर सकते हैं

widget-width, widget-height
चैट विंडो खुलने पर उसका आकार।
button-width, button-height
लॉन्चर बटन का अपना आकार।
button-border-radius
बटन की आकृति, चौकोर से लेकर पूरी तरह गोल तक।
button-background-color
बटन का रंग, किसी भी हेक्स कोड में।
button-image-url
डिफ़ॉल्ट की जगह आपका अपना आइकन या लोगो।
button-image-width, button-image-height
बटन के अंदर उस आइकन का आकार।
<script
  data-page-id="YOUR_CHATBOT_ID"
  src="https://chat.ragmyai.com/chat-widget.min.js"
  widget-width="400px"
  widget-height="600px"
  button-image-url="https://ragmyai.com/assets/logo-icon.png"
  button-image-height="48px"
  button-image-width="48px"
  button-height="64px"
  button-width="64px"
  button-border-radius="20%"
  button-background-color="#1F4FD8">
</script>

किसी एट्रिब्यूट को छोड़ देने पर डिफ़ॉल्ट लुक लागू हो जाता है, इसलिए आपको केवल वही सेट करना है जिसे आप बदलना चाहते हैं।

चरण दर चरण

अपनी वेबसाइट पर चैट एम्बेड कोड कहाँ पेस्ट करें।

RagmyAI ऐप में Web Chat > Script Tag से अपना script टैग कॉपी करें, फिर उसे अपने प्लेटफ़ॉर्म पर सही जगह पेस्ट करें। कुछ प्लेटफ़ॉर्म कस्टम कोड केवल पेड प्लान पर ही देते हैं।

WordPress

हेडर और फ़ुटर कोड प्लगइन (जैसे WPCode) इंस्टॉल करें और script टैग को फ़ुटर वाले हिस्से में पेस्ट करें, या इसे अपनी थीम की footer.php में </body> से ठीक पहले जोड़ें।

Shopify

Online Store > Themes > Edit code पर जाएँ, theme.liquid खोलें और script टैग को </body> से ठीक पहले पेस्ट करें। सेव करें, और चैट बटन हर पेज पर दिखेगा।

Wix

Settings > Custom Code पर जाएँ, script टैग जोड़ें, इसे सभी पेजों पर लोड करें और Body - end में रखें।

Squarespace

अपनी साइट सेटिंग्स में Code Injection खोलें और script टैग को Footer बॉक्स में पेस्ट करें।

Webflow

Site settings > Custom code खोलें, script टैग को Footer code में पेस्ट करें, फिर अपनी साइट पब्लिश करें।

Google Sites

Google Sites script टैग नहीं चलाता, इसलिए iframe का उपयोग करें: Insert > Embed > Embed code, iframe पेस्ट करें और बॉक्स का आकार ठीक करें।

आपका प्लेटफ़ॉर्म सूची में नहीं है? अगर आपकी साइट HTML जोड़ने देती है, तो script टैग को </body> से पहले पेस्ट करें। अगर केवल एम्बेड की अनुमति है, तो iframe का उपयोग करें या अपने चैटबॉट का सार्वजनिक लिंक शेयर करें।

लाइव होने के बाद

हर बातचीत मॉनीटर करें। वास्तविक विज़िटर प्रश्नों से पुनः प्रशिक्षण करें।

एक बार जब आपका चैटबॉट लाइव हो जाता है, Web Chat > Notifications विज़िटर के हर आदान-प्रदान को लॉग करता है। किसी भी ट्रांसक्रिप्ट को पढ़ें और जो जवाब गलत था उस पर Retrain टैप करें, यह उस आदान-प्रदान को प्री-लोड करके ट्रेनिंग एडिटर खोलता है ताकि आप इसे संदर्भ में सही कर सकें।

यह जवाब की गुणवत्ता सुधारने का सबसे तेज़ तरीका है: वास्तविक विज़िटर के वास्तविक प्रश्न, एक-एक करके सुधारे, हर एक अगले जवाब को तेज़ बनाता है।

  • प्रत्येक विज़िटर सत्र के लिए पूर्ण ट्रांसक्रिप्ट
  • किसी भी बातचीत से वन-टैप पुनः प्रशिक्षण
  • रियलटाइम उपयोग सूचनाएं
Monitor and retrain embedded chatbot conversations

उपयोग के मामले

लोग इसे कहां एम्बेड करते हैं।

ई-कॉमर्स और Shopify स्टोर

अपने प्रोडक्ट कैटलॉग, वापसी नीति और FAQ पर प्रशिक्षण दें। रात की शिफ्ट रखे बिना रात 3 बजे ग्राहक प्रश्नों का जवाब दें। वास्तविक खरीदार प्रश्नों से साप्ताहिक पुनः प्रशिक्षण करें।

  • कैटलॉग से प्रोडक्ट अनुशंसाएं
  • तत्काल वापसी और शिपिंग जवाब
  • अतिरिक्त कर्मचारी रखे बिना 24/7

विश्वविद्यालय और ऑनलाइन कोर्स

लेक्चर नोट्स, सिलेबस और रीडिंग लिस्ट अपलोड करें। छात्रों को चौबीसों घंटे एक ट्यूटर मिलता है जो केवल कोर्स सामग्री से जवाब देता है, यादृच्छिक इंटरनेट स्रोतों से नहीं।

  • केवल कोर्स-विशिष्ट जवाब
  • इंस्ट्रक्टरों को बार-बार प्रश्न कम करता है
  • 78 भाषाओं में काम करता है

SaaS और प्रोडक्ट दस्तावेज़ीकरण

स्टैटिक हेल्प दस्तावेज़ों को उन पर प्रशिक्षित चैटबॉट से बदलें। विज़िटर खोज करने के बजाय प्राकृतिक भाषा में प्रश्न पूछते हैं। हर अनुत्तरित प्रश्न आपको भरने के लिए एक अंतर दिखाता है।

  • दस्तावेज़ों में कीवर्ड सर्च बदलता है
  • दस्तावेज़ीकरण अंतराल उजागर करता है
  • सीधे आपके ऐप में एम्बेड होता है

"बेहतरीन तरीके से विकसित ऐप जो उपयोग में आसान और बहुत सहज है। अत्यधिक अनुशंसित।"

Jay D, RagmyAI power user
Jay D
पावर यूज़र · Google Play समीक्षा

"अब तक का सबसे अच्छा ऐप। यह स्कूल के काम और मेरी जिज्ञासा हर चीज़ में मदद करता है। ऐप के मालिक को धन्यवाद।"

James Carter, Student
James Carter
छात्र · Google Play समीक्षा

सामान्य प्रश्न

चैटबॉट एम्बेड FAQ।

क्या मेरी वेबसाइट पर RagmyAI चैटबॉट एम्बेड करना मुफ्त है?

हां। मुफ्त योजना आपको बिना क्रेडिट कार्ड के अपना चैटबॉट एम्बेड करने देती है। विजेट, पब्लिक URL और iframe सभी मुफ्त टियर पर उपलब्ध हैं।

क्या मुझे कोड करना आना चाहिए?

नहीं। एम्बेडिंग के लिए एक कॉपी-पेस्ट चाहिए। आपको RagmyAI ऐप से एक स्क्रिप्ट टैग मिलता है: इसे किसी भी पेज पर </body> टैग से पहले पेस्ट करें। बस।

यह किन वेबसाइट प्लेटफॉर्म पर काम करता है?

कोई भी प्लेटफॉर्म जो HTML जोड़ने देता है: WordPress, Shopify, Squarespace, Webflow, Wix और कस्टम-कोडेड साइटें। अगर आप स्क्रिप्ट टैग पेस्ट कर सकते हैं, तो चैटबॉट काम करता है।

क्या मैं देख सकता हूं कि विज़िटर मेरे चैटबॉट से क्या पूछते हैं?

हां। हर बातचीत Web Chat > Notifications के तहत लॉग की जाती है। आप पूरे ट्रांसक्रिप्ट पढ़ सकते हैं और किसी भी आदान-प्रदान से सीधे जवाब पुनः प्रशिक्षित कर सकते हैं।

यह एक जेनेरिक AI चैटबॉट विजेट से कैसे अलग है?

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

How do I embed a chatbot in my website for free?

Sign up for RagmyAI free, no credit card needed. Upload a document, go to Web Chat > Script Tag, copy the one-line code, and paste it before </body> on any page. Your chatbot goes live instantly. The embed feature is free forever with no monthly message cap.

क्या मैं विजेट के रंग, आकार या आइकन बदल सकता हूं?

हां। स्क्रिप्ट टैग विंडो के आकार, बटन के आकार व आकृति, बटन के रंग, और कस्टम आइकन इमेज के लिए वैकल्पिक एट्रिब्यूट्स स्वीकार करता है। बस वही जोड़ें जो आप चाहते हैं, बाकी डिफ़ॉल्ट लुक में ही रहेगा।

मैं अपनी वेबसाइट पर चैटबॉट कैसे जोड़ूं?

एक मुफ्त RagmyAI चैटबॉट बनाएं और उसे अपनी वेबसाइट लिंक या दस्तावेज़ों पर प्रशिक्षित करें। फिर ऐप में Web Chat > Script Tag से स्क्रिप्ट टैग कॉपी करें और उसे बंद होने वाले </body> टैग से पहले पेस्ट करें। जिन पेजों पर यह कोड है, उन सभी पर चैट बटन दिखाई देगा।

चैटबॉट का एम्बेड कोड कैसा दिखता है?

यह एक स्क्रिप्ट टैग है: <script data-page-id="your-page-id" src="https://chat.ragmyai.com/chat-widget.min.js"></script>। ऐप आपका पेज ID अपने आप भर देता है, इसलिए आपको बस कॉपी और पेस्ट करना है।

क्या मैं चैटबॉट को iframe से एम्बेड कर सकता हूं?

हां। जब आप चैट को पेज के अंदर दिखाना चाहें, जैसे साइडबार या हेल्प पेज में, तब iframe इस्तेमाल करें: <iframe src="https://chat.ragmyai.com/your-page" allow="microphone" width="300" height="400"></iframe>। सटीक कोड ऐप से कॉपी करें।

क्या यह लाइव चैट विजेट की तरह काम करता है?

यह लाइव चैट विजेट जैसा दिखता और काम करता है, लेकिन AI आपकी अपनी सामग्री से आपके विज़िटर्स को तुरंत, 24/7 जवाब देता है। आप ऐप में हर बातचीत पढ़ सकते हैं और किसी भी जवाब को दोबारा प्रशिक्षित करके बेहतर बना सकते हैं।

आपका वेबसाइट चैटबॉट
एक पेस्ट दूर है।

हमेशा मुफ्त योजना। कोई क्रेडिट कार्ड नहीं। एक PDF पर प्रशिक्षण दें, 60 सेकंड में एम्बेड करें।

मुफ्त में शुरू करें, आज एम्बेड करें

पूरी तकनीकी गाइड चाहिए? एम्बेड वॉकथ्रू पढ़ें →