Eleven v3 अल्फा का परिचय

v3 आजमाएं
कॉन्टेंट पर जाएं
ब्लॉग

अपने Ghost वेबसाइट में ElevenLabs कन्वर्सेशनल AI विजेट कैसे जोड़ें

अपने Ghost वेबसाइट में कन्वर्सेशनल AI क्षमताएं जोड़कर इसे बेहतर बनाएं।

Speech bubble with a network or neural diagram inside.

अपने Ghost वेबसाइट को अगले स्तर पर ले जाना चाहते हैं? ElevenLabs का कन्वर्सेशनल AI बदल देता है ग्राहक सहभागिता। अपने Ghost प्लेटफ़ॉर्म में ElevenLabs का कन्वर्सेशनल AI जोड़कर, आप इंटरैक्टिव, जीवंत ग्राहक सहायता वार्तालाप प्रदान कर सकते हैं जो आपके ब्रांड के करीब लाते हैं।

Conversational AI
कन्वर्सेशनल AI

Flowchart diagram with black and white nodes labeled "USER," "SPEECH TO TEXT," "TEXT TO SPEECH," "AGENT," "LLM," "MONITORING," and "FUNCTION CALLING" connected by curved lines on a blue gradient background.

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

शुरू करने से पहले

शुरू करने से पहले, सुनिश्चित करें कि आपके पास निम्नलिखित हैं:

  1. एक Ghost वेबसाइट: आपको एक पेड प्लान या सेल्फ-होस्टेड Ghost इंस्टेंस की आवश्यकता है। Ghost के मुफ्त प्लान पर कस्टम जावास्क्रिप्ट समर्थित नहीं है।
  2. Ghost एडमिन पैनल तक पहुंच: आपको कोड इंजेक्शन सेटिंग्स या एडिटर तक पहुंच की आवश्यकता होगी।
  3. एक ElevenLabs खाता: एक कन्वर्सेशनल AI एजेंट कॉन्फ़िगर करें और इसका जावास्क्रिप्ट एम्बेड कोड कॉपी करें।

स्टेप-बाय-स्टेप गाइड

विकल्प 1: कोड इंजेक्शन का उपयोग करके विजेट को ग्लोबली जोड़ना

यदि आप चाहते हैं कि विजेट आपकी वेबसाइट के सभी पृष्ठों पर दिखाई दे, तो Ghost के कोड इंजेक्शन फीचर का उपयोग करें।

स्टेप 1: अपने विजेट को तैयार करें

  1. अपने ElevenLabs खाते में लॉग इन करें।
  2. कन्वर्सेशनल AI सेक्शन में जाएं और अपने एजेंट को कॉन्फ़िगर करें।
  3. प्रदान किया गया जावास्क्रिप्ट एम्बेड कोड कॉपी करें।

स्टेप 2: कोड इंजेक्शन सेटिंग्स तक पहुंचें

  1. अपने Ghost एडमिन पैनल में लॉग इन करें।
  2. सेटिंग्स > कोड इंजेक्शन पर जाएं।

स्टेप 3: जावास्क्रिप्ट कोड एम्बेड करें

  1. कॉपी किया गया जावास्क्रिप्ट कोड साइट फुटर फील्ड में पेस्ट करें।
  2. अपने बदलाव सहेजें।

स्टेप 4: इंटीग्रेशन का परीक्षण करें

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

विकल्प 2: प्लस साइन का उपयोग करके विशिष्ट पृष्ठों या पोस्ट पर विजेट जोड़ना

यदि आप चाहते हैं कि विजेट केवल कुछ पृष्ठों या पोस्ट पर दिखाई दे, तो आप इसे Ghost के एडिटर में प्लस साइन का उपयोग करके सीधे सामग्री में एम्बेड कर सकते हैं।

स्टेप 1: अपने विजेट को तैयार करें

  1. अपने ElevenLabs खाते से जावास्क्रिप्ट एम्बेड कोड कॉपी करें।

स्टेप 2: Ghost में एक पोस्ट या पेज संपादित करें

  1. उस पेज या पोस्ट के लिए Ghost एडिटर खोलें जहां आप विजेट जोड़ना चाहते हैं।
  2. ब्लॉक मेनू खोलने के लिए प्लस साइन (+) पर क्लिक करें।

स्टेप 3: एक HTML ब्लॉक डालें

  1. ब्लॉक विकल्पों से HTML चुनें।
  2. HTML ब्लॉक में जावास्क्रिप्ट कोड पेस्ट करें।

स्टेप 4: प्रकाशित करें और परीक्षण करें

  1. पेज या पोस्ट को सहेजें और प्रकाशित करें।
  2. पेज खोलें ताकि यह सुनिश्चित हो सके कि विजेट प्रदर्शित होता है और अपेक्षित रूप से कार्य करता है।

सामान्य समस्याएं और समस्या निवारण

इंटीग्रेशन अपेक्षित रूप से काम नहीं कर रहा है? जिन समस्याओं का आप सामना कर रहे हैं उन्हें हल करने के लिए नीचे दिए गए चरणों का पालन करें।

समस्या 1: विजेट लोड नहीं हो रहा है

  • कारण: जावास्क्रिप्ट कोड गलत तरीके से जोड़ा गया है या अधूरा है।
  • समाधान: कोड के प्लेसमेंट की दोबारा जांच करें और सुनिश्चित करें कि आपका ElevenLabs एजेंट सही तरीके से कॉन्फ़िगर किया गया है।

समस्या 2: स्क्रिप्ट संघर्ष

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

उन्नत सुझाव

विजेट को कस्टमाइज़ करने के और तरीके खोज रहे हैं? मदद के लिए नीचे दिए गए सुझाव देखें।

  • विजेट प्लेसमेंट को कस्टमाइज़ करना: कोड इंजेक्शन या HTML ब्लॉक के माध्यम से जोड़े जाने पर विजेट की उपस्थिति या स्थिति को समायोजित करने के लिए CSS का उपयोग करें। यदि आप चाहते हैं कि विजेट एक सुसंगत स्थान (जैसे, फुटर या साइडबार) में दिखाई दे, तो अपने Ghost थीम फ़ाइलों को संपादित करें। जावास्क्रिप्ट एम्बेड कोड को default.hbs फ़ाइल में जोड़ें, फिर अपनी थीम को फिर से अपलोड करें।
  • मोबाइल उत्तरदायित्व: सुनिश्चित करने के लिए मोबाइल उपकरणों पर विजेट का परीक्षण करें कि यह सही ढंग से स्केल और कार्य करता है। Ghost की उत्तरदायी पूर्वावलोकन का उपयोग करें या सीधे भौतिक उपकरणों पर परीक्षण करें।
  • क्रॉस-ब्राउज़र परीक्षण: यह सुनिश्चित करने के लिए कि सभी उपयोगकर्ताओं के लिए सुसंगतता है, लोकप्रिय ब्राउज़रों जैसे Chrome, Firefox, Safari, और Edge पर विजेट काम करता है, इसकी पुष्टि करें।
  • जावास्क्रिप्ट समस्याओं का डिबगिंग: कंसोल में किसी भी त्रुटि का निरीक्षण करने के लिए ब्राउज़र डेवलपर टूल्स (जैसे, Chrome DevTools) का उपयोग करें। गायब निर्भरताओं या स्क्रिप्ट संघर्ष जैसी समस्याओं को ठीक करें।

अंतिम विचार

Ghost में ElevenLabs कन्वर्सेशनल AI विजेट को एकीकृत करना सरल और लचीला है, जिससे आप न्यूनतम प्रयास के साथ अपनी वेबसाइट की इंटरैक्टिविटी को बढ़ा सकते हैं। यदि आपको समस्याओं का सामना करना पड़ता है, तो चरणों को दोबारा देखें, पूरी तरह से परीक्षण करें, या ElevenLabs सपोर्ट से संपर्क करें यदि आवश्यक हो।

साइन अप करें आज ही कन्वर्सेशनल AI के लिए शुरू करने के लिए।

नहीं, प्रक्रिया सरल है। प्लस साइन या कोड इंजेक्शन का उपयोग करके विजेट जोड़ने के लिए कोडिंग विशेषज्ञता की आवश्यकता नहीं है।

हाँ, Ghost एडिटर में HTML ब्लॉक का उपयोग करके, आप विशिष्ट पृष्ठों या पोस्ट पर विजेट एम्बेड कर सकते हैं।

सुनिश्चित करें कि आप एक पेड Ghost प्लान का उपयोग कर रहे हैं, और यह सुनिश्चित करने के लिए जावास्क्रिप्ट एम्बेड कोड को सही ढंग से जोड़ा गया है।

और जानें

ElevenLabs

उच्चतम गुणवत्ता वाले AI ऑडियो के साथ बनाएं

मुफ़्त में आज़माएं

क्या आपके पास पहले से अकाउंट है? लॉग इन करें