GuíasSin código

ElevenAgents en Squarespace

Descubre cómo implementar un agente de ElevenLabs 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
  • Un plan Business o Commerce de Squarespace (necesario para usar código personalizado)
  • Conocimientos básicos del editor de Squarespace

Guía

1

Obtén tu código de inserción

Visita el panel de control de ElevenLabs y busca el widget de inserción de tu agente.

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

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
3

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