Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Cómo añadir notificaciones push a su sitio web WordPress

Cómo añadir notificaciones push a su sitio web WordPress 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

No empecé a utilizar las notificaciones push de inmediato.

Al principio, confiaba en el correo electrónico y las redes sociales para atraer a la gente a mi sitio. Pero no tardé en notar un problema. La mayoría de esos mensajes eran ignorados. Entonces probé las notificaciones web push y la diferencia fue instantánea. Los visitantes empezaron a volver más a menudo, a hacer clic en más enlaces y a leer realmente las actualizaciones que enviaba.

Las notificaciones push te permiten llegar a la gente incluso cuando no están en tu sitio web. Puedes enviar actualizaciones rápidas directamente a su navegador o teléfono. Eso significa más tráfico de retorno, más compromiso y menos gente que se olvida de que existes.

En esta guía, te mostraré exactamente cómo añadir notificaciones push a tu sitio WordPress. No necesitas conocimientos técnicos. Te guiaré a través de mis herramientas favoritas, los pasos de configuración y cómo las utilizo para atraer tráfico cada semana.

Resumen rápido

En esta guía, te mostraré cómo agregar notificaciones push a tu sitio WordPress usando PushEngage. Aprenderás cómo:

Se configura en unos 15 minutos y no es necesario escribir ningún código.

¿Qué son las notificaciones web push?

Las notificaciones web push son mensajes breves en los que se puede hacer clic y que aparecen en el dispositivo del usuario. Probablemente las hayas visto aparecer en la esquina superior de tu escritorio o como un banner en tu teléfono.

Ejemplo de notificación web push en escritorio

No requieren una aplicación ni siquiera una dirección de correo electrónico. Cuando alguien visita tu sitio web, puede suscribirse con un solo clic. Después, puedes enviarles actualizaciones en cualquier momento, aunque no estén en tu web.

He aquí por qué me gustan:

  • Aparecen al instante
  • La gente no necesita abrir su bandeja de entrada
  • Puedes enviarlos a páginas o entradas específicas

También son mucho más eficaces que el correo electrónico. Las notificaciones web push pueden obtener porcentajes de clics de hasta el 28%, frente al 1 o 2% del correo electrónico.

Es una de las formas más rápidas de volver a conectar con sus visitantes y mantener su interés.

¿Por qué añadir notificaciones push a su sitio WordPress?

Empecé a utilizar las notificaciones push porque quería una forma más rápida de hacer que la gente volviera a mi sitio.

Los correos electrónicos no llegaban a buen puerto y las publicaciones en redes sociales quedaban enterradas. Pero la gente hacía clic en las notificaciones push. Podía enviar una actualización rápida y, en cuestión de minutos, veía un aumento del tráfico.

Desde entonces, he utilizado las notificaciones push para:

  • Obtener una visión de los contenidos sensibles al tiempo
  • Envíe recordatorios rápidos durante las ventas flash
  • Reconectar con los visitantes que hace tiempo que no vuelven

Ahora forman parte de mi flujo de trabajo habitual. No las envío cada vez que publico algo, sino cuando tengo algo oportuno que compartir o una razón para atraer a la gente.

Es una forma rápida de reconectar sin depender del correo electrónico o las redes sociales.

Configuración de notificaciones push con PushEngage

Si estás listo para probar las notificaciones push por ti mismo, PushEngage es la herramienta que uso y recomiendo. Hace que empezar sea sencillo.

Página de PushEngage el mejor software de notificaciones push

PushEngage le permite enviar notificaciones web push desde su sitio WordPress sin tocar código. Está pensado para blogueros, propietarios de tiendas y cualquiera que desee una forma sencilla de llegar a su público después de que se vaya.

Lo utilizo en mi propio sitio porque es rápido de configurar y simplemente funciona.

He aquí cómo empezar.

Paso 1: Cree su cuenta PushEngage

En primer lugar, vaya a PushEngage y haga clic en el botón "Probar sin riesgo durante 14 días".

Página de registro de PushEngage con el botón "Probar gratis

El plan gratuito cubre hasta 200 abonados y 30 notificaciones al mes. Es suficiente para probar y ver cómo funciona.

Opciones de planes de precios de PushEngage con el plan gratuito destacado

A continuación, crea tu cuenta. Puedes registrarte con Google o utilizar tu correo electrónico.

Formulario para crear una cuenta PushEngage

A continuación, PushEngage le pedirá algunos detalles:

  • Dominio de su sitio web
  • Sector y tamaño de la empresa
  • Datos de la tarjeta de crédito

Una vez dentro, accederá al asistente de configuración de PushEngage.

Aquí es donde lo harás:

  1. Compruebe el nombre y la URL de su sitio
  2. Sube un icono del sitio para tus mensajes push (lo mejor es un PNG o JPG de 192×192)
  3. Confirme su zona horaria
  4. Haga clic en "Guardar y continuar".
Pantalla de configuración de PushEngage para introducir los detalles del sitio

Ese icono aparece en todas las notificaciones, así que elige algo que encaje con tu marca.

Paso 2: Conecte PushEngage a su sitio WordPress

La siguiente pantalla te ayuda a conectar tu cuenta a WordPress.

Simplemente haga clic en el botón 'Instalar PushEngage WordPress Plugin'.

Esto le redirigirá automáticamente a su sitio web, donde podrá acceder a su panel de control de WordPress e instalar el plugin.

Una vez que esté activo, verás una notificación en tu panel de control pidiéndote que termines de conectar tu sitio.Conecta tu sitio ahora' para hacerlo.

El asistente de configuración de PushEngage solicita conectarse a WordPress

A continuación, en la siguiente pantalla, haga clic en el botón "Conectar su cuenta existente".

Botón para conectar una cuenta PushEngage existente

PushEngage abrirá una nueva ventana y le pedirá que confirme su sitio. Asegúrese de que el dominio que aparece coincide con el que ha añadido anteriormente. A continuación, haga clic en "Empecemos".

Pantalla PushEngage para confirmar el sitio y comenzar la configuración

A partir de ahí, sigue las instrucciones del asistente. Puedes mantener la configuración predeterminada o adaptarla a tus preferencias. Cuando hayas terminado, haz clic en "PushEngage Dashboard" para volver a WordPress.

PushEngage configuración completa con la opción de volver al tablero de instrumentos

Tu sitio ya está conectado y listo para enviar notificaciones push.

Paso 3: Cree su primera notificación push

Para enviar su primer mensaje, vaya a PushEngage en su panel de control de WordPress y haga clic en "Crear". En el menú desplegable, seleccione la opción "Push Broadcasts".

Panel de control de PushEngage con opción de crear una nueva emisión

Se abre el editor de notificaciones push.

Empieza por rellenar lo básico:

  • Título de la notificación: Este es su titular
  • Mensaje: Una frase corta para explicar a la gente en qué consiste la actualización
  • URL de notificación: El enlace en el que quieres que hagan clic

Verás una vista previa en directo a la derecha mientras escribes.

Editor de notificaciones push con vista previa en directo

Si tienes un plan Business+, también verás opciones para:

  • Mostrar una imagen grande en la parte superior de la notificación (funciona en navegadores de escritorio como Chrome 47 y superiores)
  • Establecer el tiempo que la notificación permanecerá visible, o mantenerla abierta hasta que el usuario interactúe con ella.

Estos extras son opcionales, pero pueden ayudar a que sus mensajes destaquen.

Cuando todo esté en orden, haz clic en "Guardar y seleccionar público".

Para su primera campaña, elija "Enviar a todos los suscriptores". A continuación, haz clic en "Enviar/Programar" en la parte superior.

Pantalla de configuración de la audiencia de PushEngage

Puedes enviar el mensaje inmediatamente o programarlo para más tarde. Ten en cuenta que la programación y los mensajes recurrentes requieren un plan de pago.

Opciones de envío o programación de notificaciones en PushEngage

Haga clic en "Enviar notificación ahora" para finalizar.

Para asegurarte de que ha funcionado, visita tu sitio en un navegador en el que te hayas suscrito. Debería aparecer el mensaje en cuestión de segundos.

Paso 4: Configurar el aviso de suscripción

Ahora necesitas una forma de que la gente se suscriba. Aquí es donde entra en juego la ventana emergente de suscripción.

En su panel de control de WordPress, vaya a PushEngage " Diseño.

Verás varias plantillas emergentes. Elige la que más te guste y actívala.

Opciones de plantilla para la ventana emergente PushEngage opt-in

A continuación, haga clic en "Editar ventana emergente". Esto le llevará al sitio web de PushEngage, donde podrá personalizar el diseño, el texto y el comportamiento.

Editar el diseño de la caja opt-in en PushEngage

Esto es lo que suelo actualizar:

  • El titular y el mensaje
  • Cuándo debe aparecer la ventana emergente (inmediatamente, al desplazarse, tras un retardo, etc.)
  • Cuánto tiempo ocultarlo si alguien lo cierra

Cuando estés satisfecho con el diseño, haz clic en "Guardar y elegir opciones de visualización".

En la siguiente pantalla, puede ajustar las reglas de visualización, como la duración de la cookie y las opciones de activación. A continuación, haz clic en "Guardar y activar ventana emergente".

Reglas de visualización de ventanas emergentes en PushEngage

Ya está. Su aviso de suscripción ya está activo.

Para probarlo, visite su sitio en un navegador privado o cierre la sesión y vuelva a cargar la página de inicio. Debería ver aparecer el mensaje con su diseño personalizado.

Ejemplo de aviso del navegador pidiendo al usuario que permita las notificaciones

Cuando alguien haga clic en "Permitir", se añadirá automáticamente a su lista de suscriptores de PushEngage.

💡 Consejo profesional: Utilizando SeedProd? Añadir PushEngage desde el constructor

Si está utilizando SeedProd, puede colocar el bloque de Notificación Push mientras edita cualquier página.

Se ha añadido el constructor SeedProd con el bloque Push Notification

SeedProd instalará el plugin PushEngage para usted y le guiará a través de la conexión. Usted no tiene que salir del constructor o configurar nada manualmente.

Es una forma rápida de activar las notificaciones push mientras construyes páginas.

Envío automático de notificaciones push para las nuevas entradas del blog

No tiene que enviar cada notificación push a mano. PushEngage puede enviar automáticamente una cada vez que publique una nueva entrada de blog.

Para activar esta opción, vaya a PushEngage " Configuración en el panel de control de WordPress y haga clic en la pestaña "Configuración Auto Push".

Desde aquí, activa Auto Push.

Pantalla de configuración del envío automático en PushEngage

También puedes:

  • Mostrar la imagen destacada de tu entrada en la notificación
  • Añada botones multiacción para que los usuarios puedan hacer clic en distintas páginas u ofertas.
  • Elija un icono alternativo si una entrada no tiene una imagen destacada

Una vez guardada la configuración, cada nueva publicación activará automáticamente una notificación push.

Si desea personalizar el mensaje para una entrada específica, desplácese hacia abajo en el editor de WordPress hasta la sección Configuración de notificaciones push de PushEngage. Puedes cambiar el título, el mensaje e incluso elegir qué público lo recibe.

Opciones de notificación personalizadas en el editor de WordPress

Cuando pulses Publicar, tu entrada se activará y tus suscriptores recibirán la notificación de inmediato.

Bonificación: Configurar campañas de notificación por goteo

Si quiere ir más allá de los mensajes puntuales, PushEngage también le permite crear campañas de goteo automatizadas.

Se trata de una serie de notificaciones push que se envían de forma programada. Puede utilizarlas para:

  • Dar la bienvenida a los nuevos abonados
  • Promocione un regalo o un descuento
  • Compartir una serie de blogs de varias partes

Necesitarás un plan Business+ para configurarlo. Vaya a PushEngage " Drip en su panel de WordPress y haga clic en "Añadir nuevo".

Crear un nuevo autorespondedor de goteo en PushEngage

Cada mensaje puede tener su propio título, mensaje, enlace e imagen. Tú decides cuándo se envía. Puede ser justo después de que alguien se suscriba o unos días más tarde.

También puede enviar mensajes diferentes a grupos diferentes si ha creado segmentos de audiencia.

Cuando esté listo, haga clic en 'Activar Autorespondedor'. Seguirá funcionando en segundo plano y enviará cada mensaje automáticamente.

Mejores prácticas para las notificaciones push

Las notificaciones push son potentes, pero pueden ser contraproducentes si no se tiene cuidado. Esto es lo que a mí me ha funcionado y algunas cosas que he aprendido por las malas:

  • Los mensajes deben ser breves y claros. Sólo tienes unos segundos para captar la atención de alguien. Cíñete a un objetivo.
  • No envíes más de la cuenta. Dos o tres mensajes por semana suelen ser suficientes. Enviar más puede provocar la cancelación de suscripciones.
  • Haz que el aviso de suscripción funcione. Si no aparece, nadie puede suscribirse. Pruébalo siempre en una ventana privada.
  • Escriba como una persona real. Sáltate la jerga promocional y habla como lo harías en un correo electrónico.
  • Observe los datos. PushEngage le muestra lo que recibe clics y lo que se ignora. Utilícelo.
  • Prueba en diferentes navegadores. He pasado por alto errores obvios al comprobar sólo Chrome. Visualiza tu sitio como un visitante nuevo para detectar problemas antes.

Si no estás seguro de si enviar algo, pregúntate si harías clic en él. Esa pregunta suele decirte todo lo que necesitas saber.

Preguntas sobre las notificaciones push de WordPress

¿Funcionan las notificaciones push en los dispositivos móviles?
PushEngage es compatible con navegadores móviles como Chrome y Firefox en Android. La compatibilidad con iOS es limitada por ahora, pero está mejorando con las nuevas versiones de Safari.
¿Necesito un sitio web HTTPS para utilizar las notificaciones push?
Las notificaciones push sólo funcionan en sitios web seguros. La mayoría de los proveedores de alojamiento de WordPress incluyen un certificado SSL gratuito, así que probablemente ya lo tengas configurado.
¿Incorporar notificaciones push ralentizará mi sitio WordPress?
El plugin PushEngage es ligero y, según mi experiencia, no afecta a la velocidad del sitio. Los mensajes se cargan por separado, por lo que el sitio sigue siendo rápido.
¿Puedo utilizar notificaciones push para una tienda WooCommerce o un blog?
Sí, las he utilizado para ambas cosas. Puedes enviar alertas de nuevas entradas en el blog, ventas, lanzamiento de productos, carritos abandonados... lo que mejor se adapte a tu sitio.
¿Cómo se suscriben los visitantes a las notificaciones push?
Verán un mensaje en su navegador preguntándoles si quieren permitir las notificaciones. Si hacen clic en Permitir, se añadirán automáticamente a tu lista de suscriptores.
¿Cuál es el mejor software de notificaciones push para WordPress?
He probado algunos, incluyendo OneSignal y Webpushr, pero PushEngage es el mejor software de notificación push con el que me quedo. Es fácil de usar, tiene las características que necesito, y funciona bien con SeedProd. La instalación es rápida, y nunca he tenido problemas con la velocidad o la entrega.

¿Debería utilizar las notificaciones push?

Las notificaciones push son una de las formas más sencillas de hacer que la gente vuelva a su sitio web. No es necesario crear un embudo de correo electrónico completo ni depender de publicaciones en redes sociales que se pierden en el feed. Un mensaje rápido en el momento adecuado puede hacer que tus lectores vuelvan.

PushEngage simplifica las cosas, especialmente si ya utiliza WordPress. Si construyes tus páginas con SeedProd, la configuración se adapta perfectamente a tu flujo de trabajo.

Tanto si comparte entradas de blog como si lanza un producto o trata de mantenerse informado, merece la pena probar las notificaciones push.

¿Quieres hacer más con el tráfico de tu sitio? Echa un vistazo a nuestros tutoriales sobre la creación de páginas de destino, el crecimiento de tu lista de correo electrónico y el aumento de las conversiones.

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.

También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.