> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# Framer में ElevenAgents

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

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

* [इस गाइड](/docs/hi/eleven-agents/quickstart) के अनुसार बनाया गया ElevenLabs Agents एजेंट
* Framer अकाउंट और वेबसाइट, [यहां](https://framer.com) बनाएं

![Convai Framer उदाहरण प्रोजेक्ट](/docs/_fern-img/a0681bdfc73398af1391e381bc11f8d450a4eea0788991bc418f83ac6490c34f.webp)

## गाइड

#### अपने Framer एडिटर पर जाएं

Framer एडिटर में अपनी वेबसाइट खोलें और बाईं ओर प्राइमरी डेस्कटॉप पर क्लिक करें।

#### ElevenAgents कंपोनेंट जोड़ें

जिस पेज पर आप ElevenLabs एजेंट जोड़ना चाहते हैं, उसमें नीचे दिया गया URL कॉपी और पेस्ट करें:

```
https://framer.com/m/ConversationalAI-iHql.js@y7VwRka75sp0UFqGliIf
```

अब आपको बाईं ओर 'Layers' बार में ElevenAgents एसेट और दाईं ओर ElevenAgents कंपोनेंट की जानकारी दिखेगी।

#### एजेंट की जानकारी भरें

दाईं ओर बार में एजेंट ID भरकर ElevenLabs एजेंट सक्षम करें।
एजेंट ID आपको [ElevenLabs डैशबोर्ड](https://elevenlabs.io/app/agents) में मिल सकती है।

कोई परेशानी हो रही है? सुनिश्चित करें कि Layers पैनल में ElevenAgents कंपोनेंट डेस्कटॉप कंपोनेंट के नीचे रखा गया है।

![Convai Framer उदाहरण प्रोजेक्ट](/docs/_fern-img/17f4e7b2bbc3ebafadb1b705e6c963c6900ae162236b39feff2c6839654cf4f9.webp)![Convai Framer उदाहरण प्रोजेक्ट](/docs/_fern-img/fcb5867e142022ca7ebc3aba3904fffc7ce0f4ddca716e2c7bac38012e2e1641.webp)

## अगले चरण

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

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