Brevo: Cómo Configurar Notificaciones Push Web [2026]

Imagina que publicas un artículo en tu blog y, sin hacer nada más, cientos de personas que ya visitaron tu sitio reciben una notificación instantánea en su pantalla. No es un correo (que puede caer en spam), no es un DM (que se pierde entre otros mensajes). Es un aviso directo, inmediato y visible que aparece en su navegador, incluso si no están en tu web.

Eso son las notificaciones push web, y configurarlas con Brevo es más fácil de lo que crees. En esta guía te enseño paso a paso cómo activar notificaciones push web con Brevo, integrarlas en tu sitio WordPress, probarlas y usarlas estratégicamente para aumentar tu tráfico recurrente en 2026.

Respuesta rápida: las notificaciones push web son mensajes que envías al navegador de tus visitantes suscritos. Con Brevo puedes configurarlas en 15 minutos: creas una campaña de tipo Web Push, añades un script JavaScript en tu sitio, subes un archivo de configuración al servidor y listo. Cada vez que publiques algo, tus suscriptores recibirán un aviso sin necesidad de abrir el correo.

Transparencia editorial: algunos enlaces en este artículo son de afiliado. Si compras o contratas a través de ellos, recibo una comisión sin costo adicional para ti. Esto no afecta mi opinión: solo recomiendo herramientas que he probado y que considero útiles. Más información en la página de aviso legal.

¿Qué son las notificaciones push web?

Las notificaciones push web son mensajes cortos que aparecen en el escritorio o móvil de un usuario, enviados desde un sitio web a través del navegador (Chrome, Firefox, Edge, Safari, Opera). A diferencia de los emails, no requieren que el usuario abra una bandeja de entrada: la notificación aparece directamente en la pantalla.

Lo interesante es que el usuario no necesita estar en tu sitio web para recibirlas. Una vez que aceptó recibir notificaciones, puedes contactarlo incluso cuando está en otra pestaña, otra aplicación o con el navegador cerrado (si tiene notificaciones del sistema activadas).

Las notificaciones push tienen tres elementos:

• Título: breve y llamativo (máximo ~50 caracteres recomendados).
• Descripción: una o dos líneas con el beneficio o gancho.
• Ícono: una imagen pequeña que identifica tu marca (usualmente tu logo).

Y lo mejor: no compiten con otros canales. Mientras tu correo pelea por atención contra otros 100 emails en la bandeja, la notificación push aparece sola, limpia y directa.

Tabla de datos clave

¿Para qué sirven las notificaciones push web con Brevo?

• Aumentar el tráfico recurrente: cada notificación con un enlace es una oportunidad de traer de vuelta a un visitante.
• Notificar nuevo contenido al instante: publicaste un artículo, un video o un episodio de podcast. Tus suscriptores se enteran en segundos.
• Promocionar ofertas y descuentos: ideal para ecommerce que quieren comunicar flash sales o cupones.
• Recordar eventos: webinars, lanzamientos, fechas límite. La notificación push es más inmediata y visible que un email.
• Reactivar usuarios inactivos: alguien que visitó tu sitio hace tres meses puede recibir un recordatorio sutil para volver.
• Complementar tu estrategia de email marketing: no reemplaza el correo, lo potencia. Ambos canales juntos cubren más puntos de contacto.

Características principales de las notificaciones push en Brevo

1. Configuración centralizada

Brevo unifica email, SMS, WhatsApp y push web en una sola plataforma. No necesitas contratar un servicio externo como OneSignal o PushEngage. Tus contactos, campañas y estadísticas viven en el mismo panel.

2. Script JavaScript ligero

La implementación se hace con un pequeño script que pegas en el header de tu sitio. No requiere plugins pesados ni afecta la velocidad de carga (el script se carga de forma asíncrona).

3. Prompt de suscripción nativo

Cuando un visitante llega a tu sitio, el navegador le muestra una ventana preguntando si quiere recibir notificaciones. Brevo gestiona este prompt y te permite personalizar cuándo y cómo aparece.

4. Segmentación por navegador e idioma

Puedes enviar notificaciones segmentadas según el idioma del navegador del usuario o el tipo de dispositivo. Así evitas mandar una notificación en español a alguien que navega en portugués.

5. Programación de campañas

Puedes programar notificaciones para una fecha y hora específica, o enviarlas inmediatamente.

6. Estadísticas en tiempo real

Brevo te muestra cuántos suscriptores tienes, cuántos recibieron cada notificación, cuántos hicieron clic y la tasa de interacción. Todo actualizado al instante.

Precios actualizados 2026

Las notificaciones push web están incluidas en todos los planes de Brevo, incluido el gratuito. No hay un límite específico de notificaciones push; el costo está dentro del plan general.

• Plan Gratuito (Free): notificaciones push ilimitadas. Solo limitado por los 300 correos/día del plan.
• Plan Starter ($9/mes): notificaciones push ilimitadas + estadísticas básicas.
• Plan Business ($18/mes): notificaciones push ilimitadas + segmentación avanzada + automatizaciones.
• Brevo Plus: precio personalizado, incluye funciones de equipo.

En resumen: las notificaciones push son completamente gratuitas con cualquier plan de Brevo.

Ventajas y desventajas

Ventajas

• Gratuito e ilimitado: no pagas extra por notificaciones push, sin importar el plan de Brevo que tengas.
• Sin dependencia de terceros: no necesitas OneSignal, PushEngage ni otro servicio. Todo en Brevo.
• Integración simple: un script JavaScript en el header y listo.
• Datos unificados: tus contactos de email y push están en el mismo CRM de Brevo.
• Tasas de clic superiores al email: las notificaciones push suelen tener CTR entre 4% y 10%, comparado con 1-3% del email marketing promedio.
• Inmediatez: la notificación aparece en segundos, mientras que un correo puede tardar minutos en llegar y horas en ser visto.

Desventajas

• Limitación en iOS/Safari: Safari en iOS no soporta notificaciones push web nativas de la misma forma que Chrome. Aunque ha mejorado, la experiencia en iPhone sigue siendo limitada.
• El usuario puede bloquearlas fácilmente: si abusas enviando demasiadas notificaciones, el usuario las bloquea desde el navegador y no hay vuelta atrás.
• No reemplazan al email marketing: son un complemento, no un sustituto. Para contenido largo, personalizado o automatizaciones complejas, el correo sigue siendo superior.
• Archivo de configuración en el servidor: necesitas acceso FTP o al File Manager de tu hosting para subir un archivo de configuración requerido por Brevo.

Cómo configurar notificaciones push web con Brevo paso a paso

Paso 1: Inicia sesión en Brevo

Entra a tu cuenta de Brevo. Si no tienes una, regístrate (es gratis). Una vez dentro, ve al menú lateral izquierdo y selecciona Campañas.

Paso 2: Crear campaña de tipo Web Push

Haz clic en Crear campaña. Verás varias opciones: Email, SMS, WhatsApp, Web Push. Selecciona Web Push.

Paso 3: Configurar los detalles del sitio

Brevo te pedirá la información de tu sitio web:

• Nombre del sitio: el nombre que aparecerá en la notificación. Puede ser el nombre de tu marca o blog.
• URL del sitio: la dirección completa de tu web (ej: https://tudominio.com).
• Logo: sube una imagen de 128x128 píxeles. Es el ícono que verán los usuarios en la notificación. Usa tu logo o favicon en buena resolución.
• URL del logo: opcional, si tu logo está alojado en otro servidor.

Revisa bien los datos porque el nombre y el logo son lo primero que verá el usuario cuando reciba una notificación tuya.

Paso 4: Obtener e instalar el código JavaScript

Brevo te dará un código JavaScript único para tu sitio. Tienes tres formas de instalarlo:

Método A: Plugin de Brevo (recomendado para WordPress)

1. Instala el plugin oficial “Brevo” desde el repositorio de WordPress.
2. Actívalo y conéctalo con tu cuenta de Brevo usando tu API key.
3. El plugin añade automáticamente el script en el lugar correcto.

Método B: Código JavaScript manual (el que usaremos en este tutorial)

1. Copia el código JavaScript que Brevo te muestra.
2. En WordPress: ve a Apariencia > Editor de archivos del tema.
3. Busca el archivo header.php.
4. Pega el código justo antes de la etiqueta </head>.
5. Haz clic en Actualizar archivo.

Método C: Google Tag Manager

1. Copia el código.
2. En GTM, crea una nueva etiqueta de tipo “HTML personalizado”.
3. Pega el código.
4. Configura el disparador “Todas las páginas”.
5. Publica los cambios.

Paso 5: Verificar la instalación del código

Regresa a Brevo y haz clic en Siguiente o Verificar. Brevo escaneará tu sitio para confirmar que el código se instaló correctamente. Si hay algún error, revisa que:

• El código esté antes de </head>, no en el body ni en el footer.
• No tengas plugins de caché que estén minificando o eliminando el script (purgar caché después de añadirlo).
• La URL de tu sitio en Brevo coincida exactamente con la real (con o sin www, con https).

Paso 6: Descargar y subir el archivo de configuración

Brevo te pedirá descargar un archivo de configuración necesario para que las notificaciones funcionen. Este archivo tiene un nombre como brevo_push_worker.js o similar.

1. Descarga el archivo.
2. Conéctate a tu hosting vía FTP o usa el File Manager de tu panel de control (cPanel, hPanel, etc.).
3. Navega hasta la raíz de tu sitio (usualmente public_html o www).
4. Crea una carpeta llamada exactamente como te indica Brevo (puede ser brevo-push o similar). Presta atención al nombre exacto; distingue mayúsculas y minúsculas.
5. Sube el archivo descargado dentro de esa carpeta.

Si tu hosting usa WordPress y tienes acceso SSH, puedes hacerlo con:

mkdir public_html/brevo-push
# luego subes el archivo con SFTP

Paso 7: Activar las notificaciones

Regresa a Brevo y haz clic en Siguiente o Activar. Si todo está bien, las notificaciones push estarán activas. Desde ese momento, cuando un visitante llegue a tu sitio, verá el prompt de suscripción del navegador.

Paso 8: Crear y enviar tu primera notificación

1. Ve a Campañas > Crear campaña > Web Push.
2. Escribe el título de la notificación (algo directo y con gancho, como “Nuevo artículo: Cómo hacer SEO en 2026”).
3. Escribe el mensaje (una o dos frases con el beneficio de hacer clic).
4. Agrega la URL de destino (el enlace al que irán cuando hagan clic).
5. Sube una imagen destacada opcional (360x180 píxeles recomendado, solo visible en Chrome).
6. Elige enviar ahora o programar para después.
7. Haz clic en Enviar.

Paso 9: Probar las notificaciones

Antes de depender de este canal, prueba que todo funcione:

1. Abre tu sitio en una ventana de incógnito o desde otro navegador donde no hayas interactuado antes.
2. Debería aparecer el prompt del navegador preguntando si quieres recibir notificaciones.
3. Haz clic en “Permitir”.
4. Regresa a Brevo y verifica que en Contactos aparezca un nuevo suscriptor push.
5. Envía una notificación de prueba y verifica que llegue al navegador donde aceptaste.

Paso 10: Configurar el prompt de suscripción (opcional avanzado)

Por defecto, el navegador decide cuándo mostrar el prompt. Pero Brevo te permite configurar un “pre-prompt” o retrasar la solicitud para mejorar la tasa de aceptación. En la configuración de Web Push, puedes:

• Retrasar la solicitud: el prompt aparece después de X segundos en la página.
• Mostrar en la segunda visita: el usuario debe visitar tu sitio al menos dos veces antes de ver el prompt.
• Configurar un mensaje previo: una ventana amigable que tú diseñas antes del prompt nativo del navegador.

Recomiendo retrasar la solicitud al menos 15 segundos. Si alguien llega a tu sitio y de inmediato le pides permiso para notificaciones, la tasa de rechazo es altísima. Dale tiempo para leer algo primero.

Errores comunes al configurar notificaciones push en Brevo

1. No purgar la caché después de instalar el script: si usas LiteSpeed Cache, WP Rocket o cualquier plugin de caché, purga toda la caché después de pegar el código. Si no, Brevo no detectará el script y no podrás continuar.
2. Nombre incorrecto de la carpeta en el servidor: Brevo necesita que la carpeta tenga un nombre exacto. Si te equivocas por una letra o mayúscula, las notificaciones no funcionarán.
3. Probar en el mismo navegador donde ya aceptaste: una vez que aceptaste notificaciones, el prompt no vuelve a aparecer. Siempre prueba en incógnito o en otro navegador.
4. Enviar demasiadas notificaciones seguidas: si mandas 3 notificaciones en un día, muchos usuarios van a bloquearlas. Una frecuencia razonable es 1-3 por semana, dependiendo del tipo de contenido.
5. No segmentar: enviar la misma notificación a todos tus suscriptores sin considerar idioma, ubicación o intereses baja la relevancia y aumenta la tasa de bloqueo.
6. Olvidar que iOS/Safari tiene limitaciones: si gran parte de tu audiencia usa iPhone, las notificaciones push web no son tan efectivas como en Android/Chrome. No abandones el email.
7. No medir resultados: envías notificaciones pero nunca revisas las estadísticas. Sin datos, estás operando a ciegas.

Alternativas a las notificaciones push de Brevo

• OneSignal: el servicio de notificaciones push más popular. Gratuito para volúmenes bajos, con segmentación avanzada y soporte para múltiples plataformas. Es más maduro en push que Brevo, pero es una herramienta separada.
• PushEngage: especializado exclusivamente en push web. Ofrece drip campaigns, carritos abandonados vía push y segmentación por comportamiento. Planes desde $9/mes.
• VWO Engage (antes PushCrew): enfoque en ecommerce, con automatizaciones de push para recuperación de carritos y recomendaciones de productos.
• Gravitec: buena opción para sitios WordPress, con un plugin dedicado y plantillas listas para usar.
• Firebase Cloud Messaging (FCM): la solución gratuita de Google, pero requiere desarrollo técnico para integrarla. No tiene panel de marketing amigable como Brevo.

¿Para quién convienen las notificaciones push de Brevo?

Son especialmente útiles para:

• Bloggers y medios digitales que publican contenido frecuentemente y quieren que sus lectores regresen.
• Tiendas online que lanzan ofertas relámpago o nuevos productos.
• Emprendedores que ya usan Brevo para email marketing y quieren sumar un canal adicional sin contratar otra herramienta.
• Creadores de contenido en Latinoamérica donde el uso de Chrome en Android es altísimo (las notificaciones push funcionan impecablemente en ese entorno).
• Sitios de noticias y actualidad que necesitan informar rápido y de forma directa.

No conviene tanto si:

• Tu audiencia es mayoritariamente de iPhone/Safari.
• Tu contenido se publica con muy poca frecuencia (menos de una vez por semana).
• Ya usas un servicio de push especializado con automatizaciones muy avanzadas que Brevo todavía no iguala.

Preguntas frecuentes

¿Las notificaciones push de Brevo son gratis?

Sí, las notificaciones push web están incluidas en todos los planes de Brevo, incluido el gratuito. No hay costo adicional por este canal.

¿Funcionan en todos los navegadores?

Funcionan en Chrome, Firefox, Edge y Opera en escritorio y Android. En Safari de escritorio (Mac) también, pero con algunas limitaciones. En Safari de iOS (iPhone/iPad), el soporte es limitado y la experiencia no es igual de fluida.

¿Necesito saber programar para configurar las notificaciones?

No. La configuración consiste en copiar y pegar un script en tu sitio y subir un archivo vía FTP. Si puedes manejar el panel de WordPress y el File Manager de tu hosting, puedes hacerlo.

¿Cuántas notificaciones push puedo enviar?

Brevo no impone un límite específico de notificaciones push, pero la frecuencia razonable es de 1 a 3 por semana para que los usuarios no las bloqueen.

¿Puedo enviar notificaciones push segmentadas?

Sí, Brevo permite segmentar por idioma del navegador, tipo de dispositivo y otros criterios disponibles en tu CRM. La segmentación avanzada está disponible desde el plan Business.

¿Los usuarios necesitan instalar algo para recibir notificaciones?

No. Solo necesitan hacer clic en “Permitir” cuando el navegador les pregunte si quieren recibir notificaciones de tu sitio. No se instala ninguna aplicación ni extensión.

¿Qué pasa si un usuario bloquea las notificaciones?

Si un usuario hace clic en “Bloquear” en el prompt del navegador, no podrás volver a pedirle permiso a menos que él manualmente restablezca los permisos de notificaciones en la configuración de su navegador. Por eso es importante no pedir el permiso demasiado pronto ni abusar con la frecuencia de envío.

¿Puedo ver quién recibe mis notificaciones?

Sí, en Brevo puedes ver la lista de suscriptores push en la sección de Contactos. Aparecen identificados por un token anónimo del navegador. Si el contacto también está en tu lista de email, puedes unificar los perfiles.

¿Puedo programar notificaciones para más tarde?

Sí, Brevo te permite elegir “Enviar ahora” o “Programar” para una fecha y hora específica.

¿Las notificaciones push reemplazan el email marketing?

No, son un complemento. El email marketing sigue siendo mejor para contenido largo, automatizaciones complejas, secuencias de ventas y comunicación formal. Las notificaciones push son ideales para avisos rápidos, recordatorios y tráfico inmediato.

Conclusión

Configurar notificaciones push web con Brevo es una de las formas más rápidas y económicas de sumar un canal de comunicación directa con tu audiencia en 2026. No reemplaza al email, pero lo complementa perfectamente: tus correos construyen la relación, tus notificaciones traen el tráfico inmediato.

La implementación toma unos 15 minutos y el costo es cero. Lo único que necesitas es medir bien la frecuencia para no abrumar a tus suscriptores y probar el canal en un navegador incógnito antes de lanzarlo en producción.

Mi recomendación: si tienes un blog, un ecommerce o cualquier sitio de contenido, activa las notificaciones push esta misma semana. Envía tu primera campaña, mide el CTR y compáralo con tu tasa de apertura de email. La diferencia probablemente te sorprenda.

También te puede interesar

• Brevo: la herramienta definitiva para email marketing
• Cómo crear formularios de suscripción en Brevo
• Cómo configurar campañas de WhatsApp con Brevo
• Cómo crear correos corporativos con Brevo, Cloudflare y Gmail
• Sender email marketing: guía completa
• Amplitude WordPress: cómo analizar tu audiencia
• Cómo mejorar la velocidad de tu sitio WordPress

Fuentes consultadas

• Documentación oficial de Brevo (brevo.com/es/): guía de configuración de Web Push, requisitos técnicos y mejores prácticas.
• Centro de ayuda de Brevo (help.brevo.com): integración del script JavaScript, archivos de configuración y solución de problemas.
• Plataforma Brevo (panel de usuario): experiencia directa configurando y enviando notificaciones push en 2026.
• Documentación de navegadores: especificaciones de Web Push API en Chrome (Google Developers), Firefox (MDN Web Docs) y Safari (Apple Developer).
• Los precios y funciones mencionados pueden variar según la región y el tipo de facturación. Recomiendo verificar siempre en el sitio oficial antes de contratar.