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

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

## Requisitos previos

* Un agente de ElevenLabs Agents creado siguiendo [esta guía](/docs/es/eleven-agents/quickstart)
* Un plan Business o Commerce de Squarespace (necesario para usar código personalizado)
* Conocimientos básicos del editor de Squarespace

## Guía

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

Visita el [panel de control 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. Ve a la página que quieras
2. Haz clic en + para añadir un bloque
3. Selecciona Código en el menú
4. Pega el fragmento `<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>` en el bloque de código
5. Guarda el bloque

#### Añade el script globalmente

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

Nota: El widget solo será visible en tu sitio publicado, no en la vista previa del editor.

## Solución de problemas

Si el widget no aparece, comprueba lo siguiente:

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

## Próximos pasos

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

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