Cómo crear un popup en tu web que capte leads: tutorial paso a paso

La mayoría de los visitantes abandona la web de un pequeño negocio sin dejar rastro. Leen un precio, miran una o dos fotos, cierran la pestaña y nunca llegas a saber quiénes eran. Un popup bien programado da a esas personas un motivo sencillo para dejar un contacto antes de irse. Esta lección te guía para crear uno en AI SMM, desde conectar el sitio hasta leer los leads que recoge.

Qué vas a construir

Al final de esta lección tendrás en tu web un popup activo que ofrece algo útil (un descuento, una lista de precios, una consulta gratuita) a cambio de un email y, si quieres, un teléfono. Aparecerá solo a los visitantes adecuados y en el momento adecuado, y cada envío se guardará en una única lista con la que podrás trabajar.

Los mismos pasos sirven para otros tipos de popup de la aplicación, como una oferta con cupón, un anuncio o una reseña de cliente, así que, una vez que lo hayas hecho, puedes repetirlo para cualquier objetivo.

Qué necesitas antes de empezar

• Una cuenta de AI SMM con acceso a la aplicación Popups. La disponibilidad depende de tu plan; puedes comprobarlo en la pantalla All apps.
• Acceso al código de tu web, o a alguien que pueda pegar un fragmento corto en la cabecera de la página. En la mayoría de los creadores de sitios web es un campo de «código personalizado» o de «scripts de cabecera».
• Una oferta. Decide antes de abrir el editor qué recibe el visitante a cambio de dejar un contacto. «Suscríbete a nuestra newsletter» rara vez basta; «10 % de descuento en tu primer pedido» o «la lista de precios completa en tu bandeja de entrada» funciona mucho mejor.
• Una página de política de privacidad en tu sitio, para que la gente sepa cómo se usará su contacto.

Paso 1. Abre la aplicación Popups y la Go-live guide

Ve a All apps → Popups. El menú de la izquierda está agrupado en secciones: Overview y Go-live guide, y después Websites, Campaigns, Templates, A/B experiments, Leads, Analytics, Sales from Popups y las herramientas de integración.

Empieza por la Go-live guide. Es una lista de verificación y cada elemento se lee del estado real de tu espacio de trabajo, no de los botones que hayas pulsado:

1. Connect a website
2. Confirm the Pixel
3. Send a verified event
4. Prepare a campaign
5. Publish and observe delivery

Mantén esta página abierta en una pestaña. Siempre que algo no funcione, vuelve aquí: el elemento sin marcar te indica dónde mirar.

Paso 2. Conecta tu web e instala el píxel

Haz clic en Connect website (o abre Websites) y añade la dirección de tu sitio. AI SMM te da un fragmento de código, el píxel de Popup. Pégalo en la cabecera de todas las páginas, antes de la etiqueta de cierre </head>.

Después abre tu web en una ventana normal del navegador. El píxel informa desde navegadores reales, y el elemento Confirm the Pixel de la Go-live guide muestra cuántas señales de navegador han llegado. Si el contador se queda en cero, haz clic en Check installation y asegúrate de que el fragmento está en la página que abriste, y no solo en la de inicio.

El tercer elemento, Send a verified event, importa para los widgets de prueba social como «alguien acaba de reservar»: solo muestran eventos reales y coincidentes de tu servidor, así que AI SMM nunca inventa actividad. Un formulario de captación guarda los envíos por sí mismo, de modo que en esta lección puedes dejar los eventos para más adelante.

Paso 3. Crea la campaña a partir de una plantilla

Abre Campaigns y crea una campaña nueva, o ve a Templates y elige un diseño de partida. Para recoger contactos, elige el tipo Lead collector. Entre los otros tipos que verás están Coupon offer, Live activity, Information message, Review, un vídeo, un botón para compartir en redes y un aviso de cookies.

La campaña se abre en el Campaign studio, con pestañas en la parte superior: Content, Audience, Rules, Visual, Styles y Data. Recórrelas de izquierda a derecha.

Content

Dale a la campaña un nombre que reconozcas más adelante («Descuento de primavera, primera visita»), elige el Website y escribe el Headline, el Body y el texto del botón. Haz que el titular hable del beneficio, no de ti: «Consigue un 10 % de descuento en tu primer pedido» funciona mejor que «Únete a nuestra comunidad».

Data: el propio formulario

En la pestaña Data configuras el formulario. El email siempre se recoge. Marca Collect phone number solo si de verdad piensas llamar o escribir a la gente, porque cada campo adicional reduce el número de personas que terminan el formulario. En Additional form fields puedes añadir una pregunta como «¿Qué servicio te interesa?» como texto, número, lista desplegable, texto largo o fecha.

Paso 4. Decide cuándo y a quién aparece el popup

Este es el paso que separa un popup útil de uno molesto. En la pestaña Audience, dentro de Audience triggers, puedes combinar:

Ajuste	Qué hace	Uso típico
URL contains	Muestra el popup solo en las páginas que coinciden	Un descuento solo en las páginas de producto o de precios
Device	Todos los dispositivos, ordenador o móvil	Una versión más corta para teléfonos
Visitor type	Visitantes nuevos o recurrentes	Un descuento de primer pedido solo para visitantes nuevos
Referrer contains / campaña UTM	Se dirige a quienes llegaron desde una fuente concreta	Una oferta especial para visitantes de tu bio de Instagram
Delay (seconds) y Scroll (%)	Espera hasta que la persona haya mirado de verdad la página	Mostrar tras 15 segundos o un 50 % de scroll
Minimum page views	Espera hasta que el visitante haya visto varias páginas	Ofrecer una consulta a quienes comparan servicios
Exit intent	Aparece cuando el visitante está a punto de irse	Una oferta de última oportunidad en lugar de una interrupción

En la pestaña Rules proteges al visitante: elige la Position en pantalla, las Max displays por persona, el Cooldown (hours) entre apariciones y One campaign per session, para que un visitante nunca vea tres popups seguidos. Estas reglas se ejecutan en el píxel del sitio en vivo, no solo en la vista previa.

Paso 5. Dale estilo, pruébalo y publícalo

Usa Styles para elegir un estilo predefinido (limpio, degradado, oferta cálida, minimalista y otros) y ajusta después los colores, las esquinas y el botón en la pestaña Visual. Combina los colores con los de tu web para que el popup parezca parte de la página y no un anuncio.

Haz clic en Save draft. El studio ejecuta sus comprobaciones previas a la publicación sobre el borrador guardado y muestra qué, si queda algo, impide publicar. Usa Test website para ver el popup en la página real. Cuando las comprobaciones se superen, publica la campaña. El último elemento de la Go-live guide esperará entonces la primera aparición real y las irá contando a medida que lleguen.

Si el popup no aparece, abre Test Popup visibility en la sección de ajustes del menú. Te ayuda a averiguar si la causa es el píxel, una regla de segmentación o un límite de frecuencia.

Un ejemplo práctico: la oferta de primera visita de un estudio de uñas

Supongamos que un estudio de uñas recibe la mayoría de las visitas de su web desde Instagram y desde la búsqueda local. Muchas de ellas miran la página de precios y se van a «pensárselo».

• Oferta: «15 % de descuento en tu primera manicura: te enviamos el código a tu correo.»
• Tipo: Lead collector, solo email, más un campo desplegable «¿Qué servicio?» con tres opciones.
• Audiencia: la URL contiene /precios, tipo de visitante: nuevos, retraso de 20 segundos o intención de salida.
• Reglas: máximo 2 apariciones por persona, enfriamiento de 72 horas, una campaña por sesión, esquina inferior derecha.

Los leads aparecen en Leads con la respuesta a «¿Qué servicio?», así que el administrador sabe si debe hacer el seguimiento sobre esmalte en gel o sobre una pedicura. El mismo estudio podría añadir más adelante una segunda campaña, una Coupon offer con cuenta atrás, para una promoción de temporada.

Errores habituales

• Mostrar el popup al instante en todas las páginas. Un popup que tapa la página en el primer segundo enseña a la gente a cerrarlo sin leerlo. Usa un retraso, el scroll o la intención de salida.
• Una oferta vaga. «Mantente en contacto» no da motivo para escribir un email. Nombra el beneficio concreto.
• Demasiados campos. Pide lo mínimo que necesites para hacer el seguimiento. Lo demás lo puedes averiguar en la conversación.
• Sin límites de frecuencia. Sin Max displays y Cooldown, los clientes que vuelven ven el mismo descuento de primer pedido en cada visita.
• Dejar los leads sin respuesta. Un contacto al que nadie escribe en uno o dos días se desperdicia en buena parte. Decide quién revisa Leads y con qué frecuencia.

Cómo medir el resultado

Mira tres niveles, en este orden:

1. Entrega. ¿Se muestra el popup siquiera? La Go-live guide y Analytics muestran las apariciones reales.
2. Leads. Cuántos envíos por semana y cuántos de ellos son personas reales y localizables. La página Leads muestra los contactos de email y teléfono y los envíos recientes; usa Export CSV si trabajas con los leads en una hoja de cálculo, o Webhooks para enviar cada lead confirmado a tu CRM automáticamente.
3. Ventas. Conversion tracking y Sales from Popups conectan un popup con los pedidos que vinieron después, para que veas qué campaña trajo dinero y no solo clics.

Cuando un popup funciona, mejóralo con los A/B experiments: prueba un cambio cada vez, como el titular o la oferta, y deja que decidan los números. Según nuestra experiencia, la oferta en sí suele importar más que los colores o la animación.

Preguntas frecuentes

¿Necesito un desarrollador para añadir popups a mi web?

Solo para pegar el fragmento del píxel una vez, antes de la etiqueta de cierre </head>. Después creas, cambias y pausas los popups en AI SMM sin volver a tocar el sitio.

¿Adónde van los contactos recogidos?

A Leads, en la aplicación Popups. Los popups guardan los envíos por sí mismos, así que no hace falta Email Marketing. Desde ahí puedes exportar un CSV o enviar los leads a otras herramientas con webhooks.

¿Puedo mostrar popups distintos en páginas distintas?

Sí. Usa URL contains en la pestaña Audience para limitar cada campaña a sus páginas, y One campaign per session para que los visitantes no vean varias a la vez.

Mi popup está publicado pero no lo veo. ¿Qué debo comprobar?

Abre Test Popup visibility. Las causas más habituales son que falte el píxel en esa página, una regla de segmentación que te excluye (por ejemplo, «visitantes nuevos» cuando ya has visitado la web antes) o un límite de frecuencia que ya has alcanzado.

Próxima lección

Los popups atrapan a los visitantes mientras están en tu web. Para hacerlos volver más tarde sin pedirles siquiera un email, continúa con la lección de web push y configura las notificaciones del navegador. Para una visión rápida de las tres herramientas del sitio, consulta el artículo de ayuda Email marketing, popups y notificaciones web push: primeros pasos y, cuando estés listo, abre Popups en AI SMM y lanza tu primer formulario de captación. Los leads que reúnas podrán recibir después tus campañas de email y descuentos en tu tienda online.