Leader24Leader24
🇪🇸

Configurar Widget

Añade el chat IA a tu sitio: WordPress, Shopify o cualquier web con un snippet

El widget es la burbuja de chat que lleva tu agente IA directamente a tu sitio web: los visitantes hacen preguntas y el agente responde 24/7, en escritorio y móvil.

Dónde se gestiona

  1. Ve a Widget en la barra lateral del panel
  2. Localiza la tarjeta del agente: muestra el estado (Activo/Inactivo), el color y la posición actuales
  3. Haz clic en Configuración (o Configurar, la primera vez)

Dentro encuentras todo: la tarjeta Código de Integración para la instalación, las secciones de personalización y el interruptor Estado del Widget para encender y apagar el chat en el sitio.

Instalación

El camino depende de la plataforma de tu sitio.

WordPress: plugin oficial (recomendado)

  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. Abre la entrada Leader24 en el menú de WordPress y pega tu Agent ID
  4. Guarda: el widget aparece en el sitio

El Agent ID lo copias desde el panel: Agentes → tu agente → Configuración → pestaña General, campo Agent ID con el botón de copia. En la tarjeta Código de Integración también encuentras una pestaña WordPress con la guía ilustrada paso a paso.

Shopify y cualquier otro sitio: snippet HTML

  1. Ve a Widget → tarjeta del agente → Código de Integración
  2. Haz clic en Copiar Código
  3. Pega el snippet antes del cierre de la etiqueta body
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>

Para Shopify: Tienda online → Temas → Editar código → abre theme.liquid y pega el snippet antes del cierre de la etiqueta body. Para Wix: Settings → Custom Code → añade el código en "Body - end". Para Squarespace: Settings → Advanced → Code Injection → campo Footer.

¿No quieres tocar el código tú?

En la tarjeta Código de Integración haz clic en "Enviar instrucciones a tu web master": recibirá por email el código y una guía paso a paso. Puedes añadir un mensaje personal, y desde la tarjeta sigues el estado — "Esperando instalación" hasta que el widget esté online, luego "Widget instalado el..." con el sitio detectado.

Verificar la instalación

  1. Recarga tu sitio
  2. El icono del widget aparece en la esquina elegida
  3. Abre el chat y envía un mensaje de prueba

A partir de aquí todo se gestiona desde el panel: colores, mensajes y comportamiento se actualizan solos en tu sitio al recargar la página, sin volver a tocar el código.

Próximos pasos

© 2026 Leader24.