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

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

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

अपने Squarespace वेबसाइट को कन्वर्सेशनल AI के साथ अगले स्तर पर ले जाएं।

Neon sign of a brain with circuit lines inside, mounted on a checkered wall.

क्या आप एंगेजमेंट बढ़ाना चाहते हैं और अपने ग्राहक समर्थन को अगले स्तर पर ले जाना चाहते हैं? आपके Squarespace वेबसाइट पर ElevenLabs Conversational AI मदद कर सकता है।

यह गाइड आपको आपके Squarespace साइट पर विजेट जोड़ने के चरणों के बारे में बताएगा, चाहे आप इसे किसी विशेष पेज पर चाहते हों या पूरे वेबसाइट पर। यह आपको आम समस्याओं के बारे में भी बताएगा और इन बाधाओं को हल करने के लिए ट्रबलशूटिंग टिप्स देगा।

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. Squarespace खाता: बिज़नेस या कॉमर्स प्लान की पहुँच, क्योंकि ये प्लान आपको कोड ब्लॉक्स और कोड इंजेक्शन का उपयोग करने की अनुमति देते हैं।
  2. ElevenLabs खाता: अपने कन्वर्सेशनल AI एजेंट को ElevenLabs में कॉन्फ़िगर करें और एम्बेड कोड (जिसमें < script > और < div > स्निपेट्स शामिल हैं) कॉपी करें।
  3. Squarespace की जानकारी: ब्लॉक्स जोड़ने या कोड इंजेक्शन सेटिंग्स को नेविगेट करने की बुनियादी जानकारी।

चरण-दर-चरण गाइड

चरण 1: अपने ElevenLabs विजेट को तैयार करें

  1. अपने ElevenLabs खाते में लॉग इन करें।
  2. कन्वर्सेशनल AI सेक्शन में जाएं और अपने AI एजेंट को कॉन्फ़िगर करें।
  3. प्रदान किया गया एम्बेड कोड कॉपी करें, जिसमें शामिल हैं:
    • विजेट की कार्यक्षमता लोड करने के लिए एक < script > स्निपेट।
    • विजेट कहाँ दिखाई देगा यह निर्दिष्ट करने के लिए एक < div > स्निपेट।

चरण 2: कोड ब्लॉक का उपयोग करके विजेट जोड़ें

यदि आप किसी विशेष पेज या ब्लॉग पोस्ट पर विजेट चाहते हैं, तो कोड ब्लॉक का उपयोग करें।

  1. Squarespace पेज या पोस्ट पर जाएं जहाँ आप विजेट को दिखाना चाहते हैं।
  2. ब्लॉक जोड़ने के लिए + चिन्ह पर क्लिक करें।
  3. मेनू से कोड चुनें।
  4. ElevenLabs एम्बेड कोड से < div > स्निपेट को कोड ब्लॉक में पेस्ट करें।
  5. ब्लॉक को सेव करें और सुनिश्चित करें कि यह पेज पर सही ढंग से स्थित है।

चरण 3: कोड इंजेक्शन का उपयोग करके स्क्रिप्ट जोड़ें

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

  1. अपने Squarespace डैशबोर्ड से, सेटिंग्स > एडवांस्ड > कोड इंजेक्शन पर जाएं।
  2. फुटर सेक्शन में < script > स्निपेट पेस्ट करें।
  3. अपने बदलावों को सेव करें।

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

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

  1. उस पेज या पोस्ट को प्रकाशित करें जहाँ विजेट जोड़ा गया है।
  2. अपने लाइव वेबसाइट को खोलें और सुनिश्चित करें कि विजेट सही ढंग से दिखाई दे रहा है और काम कर रहा है। महत्वपूर्ण: कस्टम कोड अक्सर Squarespace के एडिटर प्रीव्यू में नहीं दिखता—पेज को प्रकाशित करें ताकि इंटीग्रेशन का परीक्षण किया जा सके।

आम समस्याएं और ट्रबलशूटिंग

यदि आपको इंटीग्रेशन सही ढंग से काम करने में परेशानी हो रही है, तो चिंता न करें—ये टिप्स मदद कर सकते हैं।

समस्या 1: विजेट नहीं दिख रहा

  • कारण: < script > या < div > स्निपेट्स गायब या गलत जगह पर हैं।
  • समाधान: सुनिश्चित करें कि < script > स्निपेट फुटर कोड इंजेक्शन सेक्शन में है और
    स्निपेट को सही ढंग से कोड ब्लॉक में जोड़ा गया है।

समस्या 2: विजेट केवल आंशिक रूप से दिखाई दे रहा है

  • कारण: कोड ब्लॉक का आकार या लेआउट संघर्ष।
  • समाधान: ब्लॉक के आकार और संरेखण को समायोजित करें। सटीक प्लेसमेंट के लिए आवश्यकतानुसार कस्टम CSS का उपयोग करें।

समस्या 3: स्क्रिप्ट त्रुटियाँ

  • कारण: विरोधी स्क्रिप्ट्स या ब्राउज़र प्रतिबंध।
  • समाधान: त्रुटियों की पहचान करने के लिए ब्राउज़र कंसोल (जैसे, Chrome DevTools) का उपयोग करें। स्क्रिप्ट संघर्षों को हल करें या CORS मुद्दों की जाँच करें।

उन्नत टिप्स

अधिक उन्नत कस्टमाइज़ेशन विकल्पों की तलाश कर रहे हैं? नीचे दिए गए टिप्स देखें।

  • विजेट को कस्टमाइज़ करना: Squarespace डिज़ाइन > कस्टम CSS सेक्शन में कस्टम CSS का उपयोग करके विजेट को स्टाइल करें। अपने साइट के डिज़ाइन के साथ मेल खाने के लिए रंग, फॉन्ट्स, या प्लेसमेंट को समायोजित करें।
  • विभिन्न उपकरणों पर परीक्षण: सुनिश्चित करने के लिए कि विजेट सभी स्क्रीन आकारों पर सही ढंग से स्केल और कार्य करता है, अपने साइट को विभिन्न उपकरणों (डेस्कटॉप, टैबलेट, और मोबाइल) पर परीक्षण करें।
  • कई पेजों पर विजेट जोड़ना: कई पेजों पर विजेट शामिल करने के लिए, प्रत्येक पेज के लिए कोड ब्लॉक प्रक्रिया को दोहराएं और सुनिश्चित करें कि स्क्रिप्ट कोड इंजेक्शन फुटर में सक्रिय है।

अंतिम विचार

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

इस गाइड का चरण-दर-चरण पालन करें, अपनी सेटअप का पूरी तरह से परीक्षण करें, और अपनी वेबसाइट पर कन्वर्सेशनल AI के लाभों का आनंद लें। अधिक सहायता के लिए, ElevenLabs सपोर्ट से संपर्क करें।

या, यदि आपने अभी तक नहीं किया है, तो आज ही साइन अप करें कन्वर्सेशनल AI के लिए।

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

Squarespace प्रीव्यू में कस्टम कोड को रेंडर नहीं करता। विजेट को लाइव देखने के लिए पेज को प्रकाशित करें।

हाँ, आप प्रत्येक पेज या पोस्ट पर जहाँ आप विजेट दिखाना चाहते हैं,
स्निपेट के साथ एक कोड ब्लॉक जोड़ सकते हैं।

और जानें

ElevenLabs

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

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

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