Leader24Leader24
🇪🇸

Configurar Widget

Agrega el widget de chat a tu sitio web en minutos

El widget te permite agregar un chat AI directamente a tu sitio web.

Qué es el Widget

El widget es una burbuja de chat que aparece en tu sitio web:

  • Los visitantes pueden iniciar conversaciones
  • El agente responde automáticamente
  • Funciona en escritorio y móvil
  • Completamente personalizable desde el panel de control

Instalación

1

Accede a la configuración

Ve a Agentes > Selecciona agente > pestaña Widget

2

Habilita el widget

Activa el interruptor Habilitar Widget

3

Copia el código

Haz clic en Copiar Código para copiar el fragmento de instalación

4

Agrega a tu sitio web

Pega el código antes de la etiqueta de cierre body en tu sitio

Código de Instalación

El código a copiar es:

html
<script>
  window.Leader24WidgetConfig = {
    agentId: 'TU_AGENT_ID',
    apiUrl: 'https://api.leader24.ai'
  };
</script>
<script src="https://api.leader24.ai/widget-public/TU_AGENT_ID/widget.js" async></script>

Personalización

Todas las opciones de personalización se configuran desde el Panel de Control:

  1. Ve a Widget > Selecciona tu widget
  2. Haz clic en Configuración
  3. Configura colores, posición, mensajes, avatar, etc.

Configuración centralizada

No es necesario modificar el código embed para cambiar apariencia o comportamiento. Todo se gestiona desde el panel de control y los cambios se aplican automáticamente.

Instalación por Plataforma

WordPress

  1. Ve a Apariencia > Editor de temas
  2. Abre footer.php
  3. Pega el código antes de la etiqueta de cierre body
  4. Guarda

O usa un plugin como "Insert Headers and Footers".

Shopify

  1. Ve a Tienda online > Temas
  2. Acciones > Editar código
  3. Abre theme.liquid
  4. Pega el código antes de la etiqueta de cierre body

Wix

  1. Ve a Configuración > Código personalizado
  2. Haz clic en + Agregar código
  3. Pega el código
  4. Selecciona "Body - final"

Verificar Instalación

Después de la instalación:

  1. Recarga tu sitio web
  2. Deberías ver el icono del widget en la esquina
  3. Haz clic para abrir el chat
  4. Prueba enviando un mensaje

Solución de Problemas

Problemas Comunes

El widget no aparece

  • Verifica que el código se pegó correctamente
  • Revisa la consola del navegador para errores JavaScript
  • Asegúrate de que el widget esté activo en el panel de control

El widget no responde

  • Verifica que el agente esté activo
  • Verifica que el agentId en el código sea correcto
  • Revisa la conexión de red

Próximos Pasos

  • Personaliza la apariencia desde el panel de control
  • Monitorea conversaciones
  • Analiza métricas
© 2026 Leader24.
Configurar Widget - Leader24 | Leader24