Leader24Leader24
🇪🇸

Código de Integración

Cómo obtener e instalar el código embed del widget

El código embed es el script JavaScript que agrega el widget a tu sitio.

Obtener el Código

  1. Ve a Widget en el panel de control
  2. Selecciona tu widget
  3. Haz clic en Código Embed
  4. Copia el código mostrado

Código Estándar

El código para copiar y pegar:

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>

Dónde Insertarlo

Pega el código antes de la etiqueta de cierre body:

html
<!DOCTYPE html>
<html>
<head>
  <title>Tu sitio</title>
</head>
<body>
  <!-- Contenido de tu sitio -->

  <!-- Widget Leader24 - insertar antes del cierre body -->
  <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>
</body>
</html>

Personalización

Configura desde el Panel de Control

Todas las opciones de personalización (colores, posición, mensajes, avatar, tema, etc.) se configuran desde Panel de Control → Widget → Configuración.

Los cambios se aplican automáticamente sin necesidad de cambiar el código en tu sitio.

Plataformas Específicas

WordPress

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

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

Shopify

  1. Ve a Tienda online > Temas
  2. Haz clic en Acciones > Editar código
  3. Abre theme.liquid
  4. Pega el código antes del 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"

Squarespace

  1. Ve a Configuración > Avanzado
  2. Haz clic en Inyección de código
  3. Pega en el campo Footer

Verificar Instalación

Después de la instalación:

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

Problemas Comunes

El widget no aparece

  • Verifica que agentId sea correcto
  • Revisa la consola del navegador para errores
  • Asegúrate de que el widget esté activo en el panel de control

El widget aparece pero no responde

  • Verifica que el agente esté activo
  • Revisa la conexión de red
  • Verifica los logs en el panel de control

Seguridad

Importante

  • El agentId es público y visible en el código fuente
  • No incluyas datos sensibles en la configuración
  • El rate limiting está activo por defecto para prevenir abusos

Próximos Pasos

  • Personaliza la apariencia desde el panel de control
  • Monitorea conversaciones
  • Analiza métricas
© 2026 Leader24.
Código de Integración - Leader24 | Leader24