Cómo configurar notificaciones web push en tu sitio: suscripción, segmentos y envío

La mayoría de las personas que visitan tu web nunca te darán su email, y muchas tampoco te siguen en redes sociales. En cuanto cierran la pestaña, no tienes forma de avisarles de un producto nuevo, de una oferta o de un artículo. Las notificaciones web push cubren ese hueco: el visitante hace clic una vez en “Permitir” y, a partir de ahí, puedes enviarle un mensaje corto directamente a la pantalla, sin app y sin email. Esta lección muestra cómo configurarlo en AI SMM, desde el primer archivo en tu servidor hasta la primera campaña.

Qué vas a construir

Al final de la lección, tu web pedirá a los visitantes permiso para enviar notificaciones, guardará como suscriptor a todo el que acepte, dará la bienvenida a los nuevos suscriptores con una breve serie de mensajes y te permitirá enviar tu primera campaña a un segmento elegido. Sabrás también dónde mirar para ver si las notificaciones hacen volver a la gente.

Qué necesitas antes de empezar

• Acceso a la aplicación Web Push Notifications en AI SMM (abre All apps; la disponibilidad depende de tu plan).
• Una web con HTTPS. Los navegadores solo permiten suscripciones push en sitios seguros.
• Una forma de subir un archivo a la raíz de tu dominio (por ejemplo, desde el gestor de archivos de tu hosting o por FTP) y de pegar código en la cabecera de la página. Si no gestionas tú el sitio, envía estos dos pasos a quien lo haga.
• Un icono cuadrado, normalmente tu logotipo, que aparecerá junto a cada notificación.

Paso 1. Conecta tu web

Abre All apps → Web Push Notifications. El menú incluye Overview, Sites, Subscribers, Segments, Activity, Campaigns, Templates, Automations, Welcome, RSS to Push, Reports y Settings.

Ve a Sites y empieza una conexión nueva. La primera pantalla pide:

• el dominio de la web, sin https:// (por ejemplo, example.com);
• un icono por defecto de tu biblioteca de archivos y, opcionalmente, un icono de insignia;
• valores UTM opcionales, para ver más adelante de dónde vienen los suscriptores y las campañas.

Haz clic en Create site. AI SMM guarda el dominio, genera las claves de seguridad que los navegadores necesitan para aceptar tus notificaciones y crea un archivo de service worker para tu sitio.

Paso 2. Instala sw.js y el código de inserción

En la página del sitio verás dos cosas que tienes que poner en tu web:

1. Haz clic en Download sw.js y sube el archivo a la raíz de tu dominio, de modo que se abra en https://tu-dominio/sw.js. Debe estar en el mismo dominio que las páginas donde la gente se suscribe, no en una subcarpeta.
2. Copia el código de inserción y pégalo en la cabecera de tus páginas, antes de la etiqueta de cierre </head>.

Después haz clic en Verify installation. La comprobación revisa cuatro cosas por separado: si la web responde, si sw.js es accesible en la raíz del dominio, si el script de inserción aparece en el HTML de la página y si las claves de seguridad están en su sitio. Cada línea te explica con palabras sencillas qué falla, por ejemplo “sw.js is missing or does not expose a push listener”, así que puedes corregir justo esa parte y repetir la comprobación.

Paso 3. Consigue tus primeros suscriptores

Cuando la comprobación se supera, los visitantes empiezan a ver el aviso de permiso del navegador. Abre tu propia web y suscríbete primero: es la forma más fácil de probar todo lo que viene después. Los nuevos suscriptores aparecen en Subscribers, y Activity muestra lo que ocurre con ellos.

Un consejo basado en la experiencia: la gente acepta con más facilidad cuando entiende para qué. Si tienes un popup en la web, puedes explicar allí la ventaja (“activa las notificaciones y entérate el primero de las reposiciones”) antes de que el navegador pregunte.

Paso 4. Crea un segmento

Enviarlo todo a todos es la forma más rápida de que la gente bloquee las notificaciones. Ve a Segments y haz clic en Create segment. Puedes combinar:

Condición	Ejemplo
Estado del suscriptor	Solo activos
Actividad reciente	Vistos en los últimos 7, 30 o 90 días
Dispositivo, navegador, sistema operativo	Solo visitantes desde móvil, para una oferta que funciona mejor en el teléfono
Idioma, zona horaria	Suscriptores de habla hispana en una misma zona horaria
Fuente, medio y campaña UTM	Personas que se suscribieron tras llegar desde el enlace de tu bio de Instagram

En Advanced conditions, haz clic en Add condition para añadir filas; todas deben cumplirse. La Recipient preview muestra cuántos suscriptores reales coinciden ahora mismo, así que ves el tamaño de la audiencia antes de enviar nada.

Paso 5. Configura la serie de bienvenida

El primer mensaje tras la suscripción marca las expectativas, así que no lo dejes al azar. Abre Welcome y configura la secuencia para tu sitio. Un recorrido de bienvenida puede tener hasta cinco pasos: el primero puede esperar hasta 24 horas tras la suscripción y los siguientes pueden espaciarse hasta 30 días. Haz clic en Send test para recibirlo tú mismo y guarda la configuración.

Una serie sencilla y eficaz: un agradecimiento con un enlace útil de inmediato y, tres días después, un segundo mensaje con tu producto más vendido o tu artículo más popular.

Paso 6. Envía tu primera campaña

Ve a Campaigns y crea una campaña. Rellena el Title, el Body y la Click URL, la página que abre la notificación. Elige el sitio y la audiencia: todos los suscriptores activos o el segmento que has creado. Si no encuentras las palabras, el AI Campaign Assistant puede sugerirte borradores entre los que elegir.

Antes de enviar, usa Test notification para verla en tu propia pantalla. Después envíala ya o prográmala. Si quieres comparar dos versiones, el Campaign A/B test te permite repartir el tráfico entre la variante A y la B y elegir la ganadora por tasa de clics o por tasa de conversión.

En Settings hay dos redes de seguridad: un límite de frecuencia (el máximo de notificaciones por suscriptor en 24 horas) y las horas de silencio, durante las cuales los mensajes automáticos esperan hasta la mañana. Configúralos una vez y protegerán todos los envíos futuros.

Un ejemplo práctico: una pequeña tienda online

Supongamos que una tienda de velas artesanales recibe tráfico de Instagram y Pinterest, pero la mayoría de los visitantes se marcha sin comprar.

• Bienvenida: paso 1 de inmediato, “¡Gracias por suscribirte! Aquí tienes nuestra colección de bestsellers”; paso 2 a los tres días, “Ya han llegado los nuevos aromas de otoño”.
• Segmento: “Vistos en los últimos 30 días” más fuente UTM = instagram, para quienes llegaron desde el enlace de la bio.
• Campaña: “De vuelta en stock: la vela de cedro que se agotó en una semana” para toda la audiencia activa, con la URL de clic apuntando a la página del producto.
• RSS to Push: el feed del blog de la tienda, para que cada nueva guía de cuidados salga como notificación sin trabajo extra.

Ir más allá: automatizaciones y RSS

Automations es un constructor visual de flujos activados por eventos. Un flujo puede empezar con un evento del suscriptor, una ejecución manual o un evento personalizado de tu web, puede comprobar una condición de audiencia, esperar con un retraso y enviar una notificación basada en una de tus campañas. Generate with AI te prepara un borrador de flujo; Test hace una prueba en seco sin enviar nada; Publish lo activa. No se envía nada hasta que se publica un flujo válido.

RSS to Push vigila un feed, por ejemplo el de tu blog, y convierte automáticamente los elementos nuevos en notificaciones.

Errores habituales

• sw.js en el sitio equivocado. Debe abrirse en la raíz del mismo dominio. Una copia en /wp-content/ o en un subdominio no pasará la comprobación.
• Enviar a todos, todos los días. Usa segmentos y el límite de frecuencia. Quien recibe demasiadas notificaciones las bloquea para siempre.
• Una URL de clic a la página de inicio. Lleva a la gente justo al producto, al artículo o a la oferta de la que habla la notificación.
• Sin mensaje de bienvenida. Los primeros días tras la suscripción son cuando la gente tiene más interés. Aprovéchalos.
• Textos largos. Una notificación es una línea o dos. Los detalles van en la página que abre.

Cómo medir el resultado

Abre Reports y la analítica de campañas. Observa la entrega (enviadas, fallidas, caducadas), los clics y, si las registras, las conversiones. El estado de entrega indica si los mensajes llegan; los clics indican si son relevantes. Un número alto de envíos con pocos clics es señal de que hay que cambiar el mensaje o acotar el segmento, no de que haya que enviar más. La sección Welcome tiene su propia vista de aperturas, clics y conversiones por paso, para que veas a qué paso responde de verdad la gente.

Para conectar los clics con las ventas, añade el seguimiento de conversiones en tu página de confirmación de pedido; la analítica de campañas mostrará entonces las conversiones junto a los clics.

Preguntas frecuentes

¿Los suscriptores tienen que instalar una app?

No. Web push funciona en el navegador, en ordenador y en móvil. El visitante solo hace clic una vez en “Permitir”.

¿Por qué falla la comprobación de instalación si he añadido el código?

Lo más habitual es que sw.js no esté en la raíz del dominio, o que el código de inserción esté en algunas páginas pero no en la que se está comprobando. La comprobación indica qué parte falla; corrige esa y vuelve a ejecutarla.

¿Puedo enviar solo a una parte de mis suscriptores?

Sí. Crea un segmento por actividad, dispositivo, navegador, idioma, zona horaria o fuente UTM y elígelo como audiencia de la campaña. La vista previa de destinatarios muestra el número antes de enviar.

¿Con qué frecuencia debo enviar?

No hay un número universal. Según nuestra experiencia, una o dos notificaciones relevantes a la semana mantienen suscrita a la gente mejor que las diarias. Define un límite de frecuencia en Settings para que nadie reciba demasiadas.

Próxima lección

Web push es ideal para avisos breves y oportunos. Para historias más largas, ofertas y newsletters, continúa con la lección de email y conecta tu propio remitente. El artículo de ayuda Email marketing, popups y notificaciones web push: primeros pasos ofrece una visión rápida de las tres herramientas. ¿Listo para empezar? Abre las notificaciones web push en AI SMM y combínalas con un popup que explique por qué merece la pena suscribirse. ¿Publicas artículos con el módulo de SEO? Conecta su feed a RSS to Push y cada artículo nuevo llegará solo a tus suscriptores.