Revista Blog

Configurar Notificaciones push en WordPress con OneSignal

Por Tomasarias @atalantic_es

¿Deseas instalar las notificaciones web en WordPress y no sabes como? No te preocupes te explicamos de principio a fin como debes de instalar y configurar esta tecnología en tu Web Corporativa, Woocommerce o Blog, para que dispongas de ella desde hoy. 

¿Que son las notificaciones push o notificaciones HTML5?

Las notificaciones Push surgieron en los dispositivos móviles y son aquellos mensajes que nos aportan información de ciertas aplicaciones  (Correo, Chat, Facebook), estos avisos son notificaciones Push.

Gracias al uso que se a realizado de ellas en los dispositivos móviles y tabletas, se decidió llevar esta tecnología al Escritorio y su uso se ha hecho muy popular en las plataformas web, siendo cada mas usadas por los Webmaster.

Seguro que alguna vez has visto un mensaje de este tipo y te has preguntado ¿Como se hace?.

notificaciones-push-wordpressNotificaciones Push de WordPress en el Escritorio

¿Necesitas ayuda para la instalación de las notificaciones push en tú WordPress?

Nosotros te ayudamos a instalarlo y te formamos en su utilización
Contacta ahora!

Instalar notificaciones push en tu WordPress con OneSignal

Si deseas que tus usuarios reciban en su escritorio o en sus dispositivos móviles o tabletas estas alertas cuando generes un nuevo contenido, desees enviar alguna oferta express o enviarles un cupón promocional, sera tan sencillo como que ellos clickeen en el aviso e irán directamente a tu web. Sin necesidad de email marketing, ni de publicaciones en redes sociales, nada, solo escribir y enviar a tus visitantes.

De tu web a su escritorio, a su móvil y a su tableta.

Para poder realizar esta configuración nos vamos a basar en un plugin de WordPress desarrollado por OneSignal, el cual es totalmente gratuito.

Configurar Notificaciones push en WordPress con OneSignal

Configurar las notificaciones web con OneSignal Push

Una vez instalado el puglin en nuestro WordPress, pasaremos a configurar la herramienta, para que permita la conectividad de ambas aplicaciones. Para ello tan solo debemos de ir al menú de administración de nuestros WordPress e ir a la sección llamada OneSignal Push, hacemos click en ella y veremos la pantalla de configuración de la aplicación. 

Configurar Notificaciones push en WordPress con OneSignal

En esta ventana podremos customizar el comportamiento del plugin, su visualización y la traducción del mismo, ya que como habréis imaginado este plugin esta en Ingles. 

Como puedes apreciar esta ventana dispone de dos pestañas, una con el nombre Setup y la otra Configuration. La primera de ellas nos ofrece las configuración de la aplicación, en la que nos centramos en este apartado.

Configuración de notificaciones push en Chrome y Firefox de OneSignal para WordPress

El siguiente paso es configurar OneSignal para que se ejecute en los navegadores, si os pregustáis porque no aparece el nombre del navegador de Microsoft, es básicamente porque a día de hoy (13/09/2017) este no es compatible con esta tecnología. 

Para poder configurar las notificaciones push en WordPress, debemos de ir crearnos una cuenta gratuita en la web de OneSignal y una vez registrado pulsaremos el boton de "Add a new app" y escribir el nombre que desees.

En el siguiente paso tendremos una ventada donde nos preguntara el tipo de aplicación que deseamos crear, le diremos que deseamos crear una "Website Push" y continuamos.

seleccionar-notificacion-pushSeleccionamos WebSite Push dentro de la plataforma OneSigal

Después tendremos que elegir entre "Configurar Firefox y Chrome" o "Configurar Safari", elegimos la primera opción, ya que posteriormente configuraremos Safari. A continuación rellenamos la URL de nuestra web y le asignamos el icono que deseamos mostrar de forma predeterminada.

El siguiente paso elegimos la "SDK" como ya habrás imaginado deberás de elegir "Wordpress".

notificaciones-push-wordpress-onesignalSeleccionamos WebSite Push dentro de la plataforma OneSignal

Después de finalizar correctamente esta secuencia de pasos, OneSignal nos facilitara nuestras "Rest API" y nuestra "App ID", las cuales debemos de rellenar en las opciones de configuracion del plugin instalado en nuestro WordPress, que ya te he indicado como acceder a ella.

¡Enhorabuena ya puedes utilizar las notificaciones Push!

notiificaciones-push-wordpress-onesignalConfigura las notificaciones web en tu WordPress, gracias a la tecnología push, que nos ofrece OneSignal.

Notificaciones push para Safari

Debemos de ir a la web de OneSignal y en el panel de control hacer click en "App Settings" la cual nos mostrar un listado con todas las app disponibles, en él seleccionamoos "Apple Safari". Esta configuración es muy sencilla y similar a la anterior y nos permite personalizar iconos. 

Una vez realizado el paso anterior obtendremos nuestro "Web ID", tan solo debes de ponerlo en el plugin de OneSignal de tu WordPress.

safari-web-idWeb ID

Enviar notificaciones push a tus usuarios

Las notificaciones se pueden enviar desde la plataforma de OneSignal o desde tú WordPress:

  • OneSignal ofrece las siguientes características para el envió de notificaciones
    • Envió de notificaciones inmediatas
    • Envió de notificaciones programadas
    • Test A/b
  • Wodpress envía notificaciones cada vez que publiques una entrada.Configurar Notificaciones push en WordPress con OneSignal

No abuses de este nuevo sistema de notificación ya que puede ser demasiado intrusivo.

Ejemplo de notificacion push en WordPress

¿Necesitas ayuda para la instalación de las notificaciones push en tú WordPress?

Nosotros te ayudamos a instalarlo y te formamos en su utilización
Contacta ahora!

Volver a la Portada de Logo Paperblog