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 añade el widget a tu sitio.

Obtener el Código

  1. Ve a Widget en la barra lateral del panel
  2. En la tarjeta del agente haz clic en Código de Integración
  3. En la tarjeta Código de Integración haz clic en Copiar Código

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 Colocarlo

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

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

  <!-- Widget Leader24 - insertar antes del cierre de 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>

Envía las instrucciones a tu web master

Si el sitio lo gestiona otra persona, haz clic en Enviar instrucciones a tu web master en la tarjeta Código de Integración: recibirá por email el código y una guía paso a paso. Puedes adjuntar un mensaje personal (máximo 3 envíos cada 24 horas) y seguir el estado de la instalación desde la tarjeta.

Personalización

Configura desde el Panel

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

Los cambios se aplican automáticamente al recargar la página, sin cambiar el código de tu sitio.

Plataformas Específicas

WordPress

Usa el plugin oficial Leader24:

  1. En el panel de WordPress ve a Plugins → Añadir plugin y busca Leader24
  2. Haz clic en Instalar ahora, luego en Activar
  3. Pega tu Agent ID en la entrada Leader24 del menú

En la tarjeta Código de Integración del panel encuentras la pestaña WordPress con la guía ilustrada. Como alternativa puedes pegar el snippet HTML con un plugin como "Insert Headers and Footers".

Shopify

  1. En el panel de Shopify ve a Tienda online → Temas → Editar código
  2. Abre theme.liquid
  3. Pega el snippet antes del cierre de la etiqueta body
  4. Guarda

Wix

  1. Ve a Settings > Custom Code
  2. Haz clic en + Add Code
  3. Pega el código
  4. Selecciona "Body - end"

Squarespace

  1. Ve a Settings > Advanced
  2. Haz clic en Code Injection
  3. Pega en el campo Footer

Verificar la Instalación

Tras 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 el agentId sea correcto
  • Revisa la consola del navegador en busca de errores
  • Asegúrate de que el widget esté activo en el panel

El widget aparece pero no responde

  • Verifica que el agente esté activo
  • Revisa los horarios de respuesta del widget: fuera de horario el agente no responde
  • Revisa la conexión de red

Seguridad

Importante

  • El agentId del snippet es público y visible en el código fuente: es lo previsto, no es un secreto
  • Para controlar dónde puede funcionar el widget usa los Dominios autorizados en la configuración (el control lo aplican nuestros servidores)
  • Contra los abusos hay activo por defecto un límite de 60 solicitudes por hora por visitante

Próximos Pasos

© 2026 Leader24.