> 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 en Webflow

Este tutorial te guiará para añadir tu agente de ElevenLabs Agents a tu sitio web de Webflow.

## Requisitos previos

* Un agente de ElevenLabs Agents creado siguiendo [esta guía](/docs/es/eleven-agents/quickstart)
* Una cuenta de Webflow con el espacio de trabajo Core, Growth, Agency o Freelancer (o un plan de sitio)
* Conocimientos básicos de Designer de Webflow

## Guía

#### Obtén tu código de inserción

Visita el [panel de ElevenLabs](https://elevenlabs.io/app/agents) y busca el widget de inserción de tu agente.

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

#### Añade el widget a tu página

1. Abre tu proyecto de Webflow en Designer
2. Arrastra un elemento Embed a la ubicación que quieras
3. Pega el fragmento `<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>` en el editor de código del elemento Embed
4. Guarda y cierra

#### Añade el script de forma global

1. Ve a Configuración del proyecto > Código personalizado
2. Pega el fragmento `<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>` en la sección Código de pie de página
3. Guarda los cambios
4. Publica tu sitio para ver los cambios

Nota: El widget solo será visible después de publicar tu sitio, no en Designer.

## Resolución de problemas

Si el widget no aparece, comprueba lo siguiente:

* El fragmento `<script>` está en la sección Código de pie de página
* El fragmento `<elevenlabs-convai>` está colocado correctamente en un elemento Embed
* Has publicado tu sitio después de hacer los cambios

## Próximos pasos

Ahora que has añadido tu agente de ElevenLabs a Webflow, puedes:

1. Personalizar el widget en el panel de ElevenLabs para que encaje con tu marca
2. Añadir más idiomas
3. Añadir funciones avanzadas, como herramientas y base de conocimientos