Cómo crear el widget
1
Entra a Captación
Ve a Captación en el menú lateral y elige la pestaña Widgets (https://app.relevantleads.io/dashboard/web-tools?tab=widgets). Haz clic en el botón verde Crear Widget.
2
Nombre y estado
Ponle un nombre en el encabezado del editor (es interno, tus visitantes no lo ven). En Configuración Básica, el Estado puede ser Activo, Borrador o Pausado: solo un widget Activo acepta registros y se puede instalar. Un widget nuevo nace Activo.
3
Destino del Lead
Elige el Embudo y la Etapa donde caerán las personas que se registren. Si no eliges embudo, solo se crea el contacto, sin tarjeta en el tablero.
4
Campos del Formulario
Nombre y Teléfono son campos fijos. Con Agregar sumas los que necesites: cada uno con su etiqueta, su tipo (Texto, Email, Teléfono, Número o Fecha) y la casilla Obligatorio. Mantén el formulario corto: cada campo extra baja los registros.
5
Comportamiento
- Enviar WhatsApp automático al lead: al marcarlo, eliges la Plantilla de WhatsApp (un Mensaje aprobado por Meta) que la persona recibe en su celular en cuanto envía el formulario. Necesitas tener tu número conectado y al menos un Mensaje aprobado; ver Crear un Mensaje de WhatsApp.
- Mensaje de éxito (en pantalla): lo que ve el visitante al enviar (por ejemplo “¡Gracias! Nos pondremos en contacto pronto.”).
- URL de redirección (Opcional): si quieres mandarlo a una página de agradecimiento o a un catálogo. Debe empezar con https://.
6
Estilo
Tema (Claro u Oscuro), Color Principal, Posición (Abajo derecha o Abajo izquierda), Título del Bubble (el encabezado de la ventanita, por ejemplo “Chat”), Subtítulo (por ejemplo “Escríbenos”) y Texto del Botón (por ejemplo “Enviar”). La Vista Previa de la derecha muestra el resultado.
7
Guarda e instala
Haz clic en Guardar. Para obtener el código, vuelve a la lista de Captación: en la tarjeta del widget haz clic en Embed (o en su menú de tres puntos, Copiar código). Se abre Integrar herramienta con tres opciones: Script (la habitual: una línea que pegas antes de cerrar el body de tu página, con Copiar Script), Link (una página pública con el formulario, útil para redes sociales) e Iframe (para incrustarlo en una sección). Pégalo en tu sitio (WordPress, Wix, Shopify, tu propio código) y listo.
El botón Embed solo se habilita cuando el widget está en estado Activo. Si está en Borrador o Pausado verás el aviso al abrir el código.
Qué ve tu visitante
Una burbuja con el color que elegiste, en la esquina que elegiste. Al hacer clic se abre la ventana con el Título del Bubble y el Subtítulo, y el formulario con Nombre, Teléfono y tus campos adicionales. Al enviar, el botón dice “Enviando…” y luego aparece tu mensaje de éxito (o “¡Gracias!” si no escribiste uno); si pusiste URL de redirección, dos segundos después se va a esa página. Si el teléfono no tiene 10 dígitos con lada (o el código de país completo), el registro no se crea y la persona ve el aviso “Teléfono inválido. Debe tener 10 dígitos con lada (por ejemplo “8112345678”) o incluir el código de país (por ejemplo “+528112345678”, máximo 15 dígitos).” El widget no muestra mensajes automáticos ni se abre solo, y no abre WhatsApp en el navegador: la continuación por WhatsApp ocurre en el celular de la persona, con el mensaje automático que configuraste.Qué pasa en Relevant
- La persona aparece en Contactos y, si elegiste embudo, como tarjeta en la etapa destino con el origen Widget. Si tienes una automatización con Nuevo lead en etapa sobre esa etapa, corre en ese momento; también aplican las reglas de auto-asignación.
- Si la misma persona se registra dos veces (mismo teléfono), no se duplica: se actualiza su contacto y, mientras tenga un lead abierto en ese embudo, se reutiliza.
- Si marcaste el WhatsApp automático, el Mensaje sale en cuanto se envía el formulario; cuando la persona conteste, la conversación sigue en Chats y, si tienes la IA activa en ese embudo, ella la atiende.
- Relevant guarda de qué página y de qué campaña vino cada registro (los parámetros UTM de la página donde está el widget), visible en Atribución.
Administrar tus widgets
En la lista de Captación, cada tarjeta muestra el Destino y cuántos Leads ha traído. Su menú de tres puntos tiene Editar, Pausar (o Activar; verás “Herramienta pausada” / “Herramienta activada”), Copiar código, Duplicar (crea “(nombre) (Copia)” en Borrador) y Eliminar, que pide confirmación con ¿Estás completamente seguro? porque “dejará de funcionar en los sitios donde esté instalada”.Preguntas frecuentes
¿El widget abre una conversación de WhatsApp desde mi página?
¿El widget abre una conversación de WhatsApp desde mi página?
No. El widget es un formulario; lo que abre la conversación de WhatsApp es el mensaje automático que le llega a la persona a su celular (si lo activaste). Si prefieres un botón que abra WhatsApp directamente, ese es otro tipo de enlace que no depende de Relevant.
¿Puedo tener varios widgets?
¿Puedo tener varios widgets?
Sí, uno por sitio o por campaña, cada uno con su destino y su estilo. Con Duplicar partes de uno existente.
Quiero cambiar los colores después de instalarlo
Quiero cambiar los colores después de instalarlo
Edita el widget y guarda: el cambio se refleja en tu sitio sin volver a pegar el código. Guía de estilos en Cómo personalizar colores y estilos.
¿Necesitas ayuda? Escríbenos a soporte@relevantleads.io y con gusto te apoyamos.