> 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.

# ElevenAgents in Framer

Questo tutorial ti guiderà nell'aggiunta del tuo agente ElevenLabs al tuo sito web Framer.

## Prerequisiti

* Un agente ElevenLabs Agents creato seguendo [questa guida](/docs/it/eleven-agents/quickstart)
* Un account e un sito web Framer, creane uno [qui](https://framer.com)

![Progetto di esempio Convai Framer](/docs/_fern-img/a0681bdfc73398af1391e381bc11f8d450a4eea0788991bc418f83ac6490c34f.webp)

## Guida

#### Apri l'editor di Framer

Apri il tuo sito web nell'editor di Framer e fai clic sul desktop principale a sinistra.

#### Aggiungi il componente ElevenAgents

Copia e incolla il seguente URL nella pagina in cui desideri aggiungere l'agente ElevenLabs:

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

Ora vedrai una risorsa ElevenAgents nella barra "Layers" a sinistra e i dettagli del componente ElevenAgents a destra.

#### Inserisci i dettagli dell'agente

Abilita l'agente ElevenLabs inserendo l'ID dell'agente nella barra a destra.
Puoi trovare l'ID dell'agente nella [dashboard di ElevenLabs](https://elevenlabs.io/app/agents).

Hai problemi? Assicurati che il componente ElevenAgents sia posizionato sotto il componente desktop nel pannello dei livelli.

![Progetto di esempio Convai Framer](/docs/_fern-img/17f4e7b2bbc3ebafadb1b705e6c963c6900ae162236b39feff2c6839654cf4f9.webp)![Progetto di esempio Convai Framer](/docs/_fern-img/fcb5867e142022ca7ebc3aba3904fffc7ce0f4ddca716e2c7bac38012e2e1641.webp)

## Passaggi successivi

Ora che hai aggiunto il tuo agente ElevenLabs al sito web Framer, puoi:

1. Personalizzare il widget nella dashboard di ElevenLabs in base al tuo brand
2. Aggiungere altre lingue
3. Aggiungere funzionalità avanzate come strumenti e knowledge base.