Webflow में ElevenAgents

जानें कि ElevenLabs एजेंट को Webflow पर कैसे डिप्लॉय करें

यह ट्यूटोरियल आपको अपने ElevenLabs Agents एजेंट को अपनी Webflow वेबसाइट में जोड़ने में मार्गदर्शन देगा।

ज़रूरी शर्तें

  • इस गाइड के अनुसार बनाया गया ElevenLabs Agents एजेंट
  • Core, Growth, Agency या Freelancer Workspace (या Site Plan) वाला Webflow अकाउंट
  • Webflow के Designer की बुनियादी जानकारी

गाइड

1

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

ElevenLabs डैशबोर्ड पर जाएं और अपने एजेंट का एम्बेड विजेट ढूंढें।

<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
2

विजेट को अपने पेज में जोड़ें

  1. अपना Webflow प्रोजेक्ट Designer में खोलें
  2. अपनी पसंद की जगह पर Embed Element ड्रैग करें
  3. Embed Element के कोड एडिटर में <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> स्निपेट पेस्ट करें
  4. Save & Close चुनें
3

स्क्रिप्ट को ग्लोबली जोड़ें

  1. Project Settings > Custom Code पर जाएं
  2. Footer Code सेक्शन में <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> स्निपेट पेस्ट करें
  3. Save Changes चुनें
  4. बदलाव देखने के लिए अपनी साइट पब्लिश करें

ध्यान दें: विजेट Designer में नहीं, बल्कि साइट पब्लिश करने के बाद ही दिखेगा।

समस्या निवारण

अगर विजेट दिखाई नहीं दे रहा है, तो जांचें:

  • <script> स्निपेट Footer Code सेक्शन में है
  • <elevenlabs-convai> स्निपेट सही तरीके से Embed Element में रखा गया है
  • बदलाव करने के बाद आपने साइट पब्लिश की है

अगले चरण

अब जब आपने अपना ElevenLabs एजेंट Webflow में जोड़ लिया है, तो आप ये कर सकते हैं:

  1. अपने ब्रांड से मेल खाने के लिए ElevenLabs डैशबोर्ड में विजेट कस्टमाइज़ करें
  2. अतिरिक्त भाषाएं जोड़ें
  3. टूल्स और नॉलेज बेस जैसी उन्नत फ़ंक्शनैलिटी जोड़ें