Configuración de las Notificaciones Push en WordPress

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on telegram
Share on email

Una de las maneras con las que podemos atraer tráfico a nuestra página WEB, es configurando las notificaciones Push.

Cuando un visitante acceda a nuestra página WEB aparecerá un mensaje preguntando si permite que nuestro sitio le envíe una notificación a su teléfono móvil, tablet o navegador cada vez que publiquemos un nuevo artículo. Si lo permite, lograremos un nuevo lector en nuestra WEB y, por lo tanto, una posible fuente de ingresos.

¿Qué plugin de WordPress utilizamos para configurar las Notificaciones Push?

Hay muchas empresas o plugins en el mercado para realizar esta función. Los tenemos gratuitos, de pago o en modalidad freemium.

En Puerto53 estoy utilizando OneSignal.com, que es totalmente gratuito y tiene todo lo que necesito para este blog. La versión de pago tiene algunas características más que no necesito en este momento y no recoge datos de la página WEB, pero eso no es un problema para mi.

¿Cómo configuramos las Notificaciones Push?

Lo primero de todo es registrarnos en OneSignal con nuestro correo electrónico y una contraseña.

Inmediatamente tras el registro, accedemos al formulario de configuración del sitio en el que instalaremos el formulario para pedir permiso a los usuarios si quieren recibir notificaciones de nuestra WEB.

Completaremos el registro en tres sencillos pasos:

  • Configuración del nombre de la WEB y el sistema de notificaciones (IOS, Android o navegador).
  • Configuración del icono que verán los usuarios e indicar que nuestra WEB está hecha con WordPress.
  • Obtener el código de la API para configurar en el plugin de WordPress.
One Signal - Notificaciones Push
One SIgnal - Indicar que utilizaremos las notificaciones Push en WordPress
OneSignal - Configurar icono para las notificaciones push
ONE Signal - API key para las notificaciones push

La segunda parte del procedimiento consiste en instalar el plugin de OneSignal en nuestra WEB de WordPress:

Plugin de WordPress OneSignal WEB Push Notifications

Una vez instalado, configuraremos las credenciales de la API que nos dieron durante el registro y los mensajes que queremos que aparezcan cuando el usuario se suscribe, se da de baja, bloquea las notificaciones, etc. (por defecto están en inglés).

Configuracion de las credenciales de la API en el plugin OneSignal WEB Push notifications

Configuración de las notificaciones Push para Apple Safari

En el caso de los sistemas IOS, que vienen con el navegador Safari, la configuración es muy sencilla:

  • Vamos a las opciones de configuración de las notificaciones dentro de la WEB de OneSignal y seleccionamos Apple Safari:
One Signal - Configuracion de las notificaciones push en Apple Safari - Paso 1
  • Indicamos la URL donde vamos a configurar las notificaciones:
One Signal - Configuracion de las notificaciones push en Apple Safari - Paso 2
  • Como este blog está hecho con WordPress, el SDK elegido es WordPress:
One Signal - Configuracion de las notificaciones push en Apple Safari - Elegir SDK - Paso 3
  • En el plugin de WordPress que habíamos instalado previamente, configuramos las claves que nos dan en el último paso:
One Signal - Configuracion de las notificaciones push en Apple Safari - Claves API - Paso 4
One Signal - Configuracion de las notificaciones push en Apple Safari - Claves API en WordPress - Paso 5

Probando las notificaciones push

Ahora que ya está configurado el plugin OneSignal, es hora de probar si funciona, así que, la primera vez, me suscribo yo mismo a las notificaciones de mi blog:

Mostrar notificaciones - One Signal Web push notificacionts
Agradecimiento de suscripción a las notificaciones push

Te puede interesar

¿Te ha gustado? ¡Compártelo!

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on telegram
Share on email

SUSCRÍBETE A PUERTO53

Recibe un email periódico con los artículos más interesantes de Puerto53.com

Antes de suscribirte lee los términos y condiciones. Gracias.

Contenido Relacionado

Artículos Recientes

Deja un comentario

About Author