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.

HP Color Laser MFP 178nw 4ZB96A, Impresora Láser Color Multifunción, Imprime, Escanea y...
  • Imprime a doble cara manualmente, escanea y fotocopia documentos con negros nítidos y colores vibrantes; la velocidad de impresión es de 18 ppm en negro...
  • La bandeja de entrada cuenta con una capacidad de hasta 150 hojas, la bandeja de salida con una capacidad de hasta 50 hojas y un escáner de superficie...
  • Conectividad: Wi-Fi, Wi-Fi Direct, Fast Ethernet, Puerto USB 2.0 de alta velocidad, HP Smart App, Apple AirPrint y Mopria

¿Cómo configuramos las Notificaciones Push?

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

HP Pavilion 15-eg0018ns - Ordenador portátil de 15.6" Full HD (Intel Core i7-1165G7, 16GB...
  • Windows 10 Home 64-bit
  • Intel Core i7-1165G7 (12MB Cache)
  • 39.6 cm (15.6") Full HD 1920 x 1080 IPS

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

Hosting SSD

¿Te ha gustado? Compártelo

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

Contenido Relacionado

Artículos Recientes

Deja un comentario