अपने WordPress वेबसाइट में ElevenLabs कन्वर्सेशनल AI विजेट कैसे जोड़ें
- प्रकाशित
- आखिरी बार अपडेट किया गया
सुनेंइस आर्टिकल को सुनें
ElevenLabs का कन्वर्सेशनल AI एक शक्तिशाली कस्टमर सपोर्ट टूल है, जो इंटरैक्टिव, AI-संचालित अनुभव बनाने में मदद करता है और एंगेजमेंट बढ़ाता है। अगर आपकी WordPress वेबसाइट है, तो आप उसमें कस्टम HTML और JavaScript को आसानी से इंटीग्रेट कर सकते हैं, जिनमें ElevenLabs के कन्वर्सेशनल AI जैसे डायनामिक फीचर्स भी शामिल हैं।
इस गाइड में, हम आपको बताएंगे कि खास पेजों के लिए Custom HTML Blocks और पूरे साइट पर काम करने के लिए Code Injection का उपयोग करके अपनी WordPress साइट में कन्वर्सेशनल AI विजेट कैसे जोड़ें।
शुरू करने से पहले
शुरू करने से पहले, पक्का कर लें कि आपके पास ये चीज़ें हैं:
- WordPress प्लान: WordPress.com यूज़र्स को कस्टम JavaScript जोड़ने के लिए Business या Commerce प्लान चाहिए। सेल्फ-होस्टेड WordPress यूज़र्स इन पाबंदियों के बिना कोड जोड़ सकते हैं।
- ElevenLabs अकाउंट: अपना कन्वर्सेशनल AI वॉइस एजेंट ElevenLabs में कॉन्फ़िगर करें और एम्बेड कोड कॉपी करें, जिसमें < script > और < div > स्निपेट शामिल होते हैं।
- WordPress की बुनियादी जानकारी: ब्लॉक जोड़ने, पेज एडिट करने या प्लगइन इस्तेमाल करने की जानकारी मददगार होगी।
चरण-दर-चरण गाइड
चरण 1: अपना ElevenLabs विजेट तैयार करें
- अपने ElevenLabs अकाउंट में लॉग इन करें।
- कन्वर्सेशनल AI सेक्शन में जाएं।
- अपने AI एजेंट को कॉन्फ़िगर करें और एम्बेड कोड कॉपी करें, जिसमें ये शामिल हैं:
- विजेट की कार्यक्षमता लोड करने के लिए एक < script > स्निपेट।
- विजेट कहां दिखाई देगा, यह तय करने के लिए एक < div > स्निपेट।
चरण 2: Custom HTML ब्लॉक का उपयोग करके किसी खास पेज पर विजेट जोड़ें
किसी खास पेज पर विजेट दिखाने के लिए WordPress के Custom HTML Block का इस्तेमाल करें।
- अपने WordPress डैशबोर्ड में लॉग इन करें।
- Pages पर जाएं और नया पेज बनाएं या किसी मौजूदा पेज को एडिट करें।
- नया ब्लॉक जोड़ने के लिए + आइकन पर क्लिक करें।
- ब्लॉक विकल्पों में Custom HTML खोजें और उसे चुनें।
- अपने ElevenLabs एम्बेड कोड का < div > स्निपेट ब्लॉक में पेस्ट करें।
- यह पक्का करने के लिए कि विजेट सही तरीके से रेंडर हो रहा है, Preview पर क्लिक करें।
- बदलावों को लाइव करने के लिए पेज को पब्लिश या अपडेट करें।
चरण 3: प्लगइन या थीम सेटिंग्स से स्क्रिप्ट को पूरे साइट पर जोड़ें
विजेट के सही तरीके से काम करने के लिए, आपको < script > स्निपेट को पूरे साइट पर शामिल करना होगा।
विकल्प A: प्लगइन का उपयोग (नॉन-डेवलपर्स के लिए सुझाया गया)
- Header Footer Code Manager जैसा प्लगइन इंस्टॉल और एक्टिवेट करें।
- प्लगइन सेटिंग्स में जाएं और नया कोड स्निपेट बनाएं।
- < script > स्निपेट को Footer सेक्शन में पेस्ट करें।
- स्निपेट को All Pages पर चलने के लिए सेट करें।
- अपने बदलाव सेव करें।
विकल्प B: स्क्रिप्ट को सीधे अपनी थीम में जोड़ना
- अपने WordPress डैशबोर्ड में Appearance > Theme Editor पर जाएं।
- अपनी सक्रिय थीम की footer.php फ़ाइल खोलें।
- क्लोज़िंग < /body > टैग के ठीक पहले < script > स्निपेट पेस्ट करें।
- फ़ाइल सेव करें।
चरण 4: पब्लिश और टेस्ट करें
- जिस पेज पर आपने विजेट जोड़ा है, उसे खोलकर पक्का करें कि वह दिखाई दे रहा है और सही तरीके से काम कर रहा है।
- विजेट को कई डिवाइस और ब्राउज़र पर टेस्ट करें, ताकि यह बिना रुकावट काम करे।
आम समस्याएं और समाधान
विजेट को चालू करने में परेशानी हो रही है? ये सुझाव मदद कर सकते हैं।
समस्या 1: विजेट दिखाई नहीं दे रहा
- कारण: < script > या < div > स्निपेट मौजूद नहीं है या गलत जगह रखा गया है।
- समाधान: दोबारा जांचें कि < script > को पूरे साइट पर जोड़ा गया है और < div > पेज पर रखा गया है।
समस्या 2: विजेट गलत तरीके से अलाइन है
- कारण: ब्लॉक अलाइनमेंट या स्टाइलिंग मौजूद नहीं है।
- समाधान: विजेट को सही जगह रखने के लिए WordPress के ब्लॉक अलाइनमेंट टूल्स का इस्तेमाल करें या कस्टम CSS जोड़ें।
समस्या 3: प्लगइन में टकराव
- कारण: दूसरे प्लगइन JavaScript के चलने में रुकावट डाल रहे हैं।
- समाधान: टकराव की पहचान के लिए प्लगइन्स को एक-एक करके डीऐक्टिवेट करें।
उन्नत सुझाव
विजेट को अपनी ज़रूरत के मुताबिक चलाने के लिए इन सुझावों को देखें।
- विजेट को कस्टमाइज़ करना: विजेट को स्टाइल करने के लिए WordPress के Customize > Additional CSS सेक्शन का इस्तेमाल करें, ताकि वह आपकी साइट के डिज़ाइन से मेल खाए।
- अलग-अलग डिवाइस पर टेस्टिंग: एक जैसा यूज़र अनुभव पक्का करने के लिए विजेट को डेस्कटॉप, टैबलेट और मोबाइल डिवाइस पर टेस्ट करें।
- पेज-विशिष्ट विजेट: अगर आप चाहते हैं कि विजेट सिर्फ कुछ खास पेजों पर दिखाई दे, तो < script > स्निपेट को पूरे साइट पर न जोड़ें। इसके बजाय, इसे ऐसे प्लगइन या ब्लॉक में शामिल करें जो उन पेजों को टारगेट करता हो।
अंतिम बातें
अपनी WordPress वेबसाइट में ElevenLabs कन्वर्सेशनल AI विजेट जोड़ना, AI-संचालित इंटरैक्शन के ज़रिए विज़िटर्स को एंगेज करने का असरदार तरीका है। चाहे आप इसे एक पेज पर एम्बेड करें या पूरी साइट पर, WordPress सहज इंटीग्रेशन के लिए ज़रूरी टूल्स देता है।
यहां बताए गए चरणों का पालन करें, अपने इम्प्लीमेंटेशन को अच्छी तरह टेस्ट करें और ज़रूरत के हिसाब से बदलाव करें। अगर कोई समस्या आती है, तो मदद के लिए ElevenLabs सपोर्ट से संपर्क करने में संकोच न करें।
या, अगर आपने अभी तक नहीं किया है, तो आज ही ElevenLabs साइन अप करें और प्रक्रिया शुरू करने के लिए Agents Platform का इस्तेमाल करें।
