ElevenAgents en Wix

Descubre cómo implementar un agente de ElevenLabs en Wix

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

Requisitos previos

  • Un agente de ElevenLabs Agents creado siguiendo esta guía
  • Una cuenta Wix Premium (necesaria para usar código personalizado)
  • Acceso al editor de Wix con el modo de desarrollo activado

Guía

1

Obtén tu código de inserción

Visita el panel de control de ElevenLabs y copia el código 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

Activa el modo de desarrollo

  1. Abre tu sitio de Wix en el editor
  2. Haz clic en Modo de desarrollo en el menú superior
  3. Si el modo de desarrollo no aparece, asegúrate de usar el editor completo de Wix y no Wix ADI
3

Añade el fragmento de inserción

  1. Ve a Configuración > Código personalizado
  2. Haz clic en + Añadir código personalizado
  3. Pega el fragmento de inserción de ElevenLabs del paso 1 con el atributo agent-id correctamente rellenado
  4. Selecciona las páginas a las que quieres añadir el widget de ElevenAgents (todas las páginas o páginas específicas)
  5. Guarda y publica

Resolución de problemas

Si el widget no aparece, comprueba lo siguiente:

  • Estás usando un plan Wix Premium
  • El dominio de tu sitio está configurado correctamente en la lista de permitidos de ElevenLabs
  • El código se ha añadido correctamente en la sección Código personalizado

Próximos pasos

Ahora que has añadido tu agente de ElevenLabs a Wix, 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 base de conocimiento