Las notificaciones push de WordPress, también referidas como notificaciones push, han ganado mucha popularidad entre los negocios online y los vendedores en los últimos años. Estos presentan otra manera de captar su audiencia, aumentar los visitantes que regresan y en la mayoría de los casos, han mostrado un CTR drásticamente más alto que el que resultan las suscripciones típicas de las newsletters. Hoy vamos a sumergirnos en qué son exactamente las notificaciones push de WordPress, cómo pueden ayudar a expandir el alcance de su sitio web y cómo agregarlas rápidamente a su sitio. ¡Una configuración típica toma menos de 10 minutos!

La tecnología de notificación push está evolucionando rápidamente desde un simple sistema de entrega de mensajes hasta un medio interactivo y rico. – OneSignal

Hemos utilizado notificaciones push en los últimos años en Kinsta consistentemente dirige 2500 visitantes a nuestro sitio WordPress cada mes (como se ve a abajo). Y esto es de una fuente de referencia solo. Lo mejor que una porción pequeña de dichos visitantes se convierte en clientes. Genial ¿no?

Tráfico de notificaciones push
Tráfico de notificaciones push

Notificaciones Push

Así primero, ¿qué son exactamente las notificaciones push? Notificaciones push de WordPress le permiten notificar automáticamente a su audiencia cuando ha publicado contenido nuevo en su sitio. O permite enviar mensajes predefinidos en cualquier momento. Esto puede ser una notificación en un teléfono o navegador, como Chrome, Firefox o Safari. Las notificaciones push se introdujeron originalmente para dispositivos Android y iOS en 2009 y se han estado extendiendo a otras plataformas desde entonces. Si nos fijamos en las tendencias de Google entre 2014 y hoy, podemos ver que el interés por las «notificaciones push web» ha ido aumentando constantemente.

tendencias de notificaciones web push
Tendencias de notificaciones web push

A continuación se muestra un ejemplo de una solicitud de registro de notificación push, que probablemente haya visto antes. Al hacer clic en «Permitir», esto permite que el sitio le envíe notificaciones a través de su navegador. La belleza para los propietarios de sitios web es que el visitante no tiene que estar en su sitio para que puedan recibir su notificación, simplemente tienen que tener su navegador web en ejecución.

Ejemplo de notificaciones push
Ejemplo de notificaciones push

De acuerdo con caniuse, el soporte global para las notificaciones de push web es de alrededor del 45%. Safari fue el primero en ofrecer web push, seguido por Chrome y Firefox en 2016. Microsoft Edge y Opera también soportan push. Google Chrome tiene actualmente alrededor de 77% del mercado de los navegadores, lo que significa que simplemente habilitar notificaciones push en Chrome puede llegar a un gran público. Las notificaciones push también funcionan de forma gratuita en Chrome para dispositivos móviles Android. A continuación, se muestra una captura de pantalla de un dispositivo Android y una solicitud de notificación push. Sin embargo, actualmente no son compatibles con iOS, aunque esperan serlo pronto.

notificación web push android
Notificación web push en Android

Beneficios de las Notificaciones Push de WordPress

Los principales beneficios de las notificaciones push son que proporcionan otra posibilidad de comunicación para su sitio WordPress. Mucha gente hojea por los emails de su correo electrónico o simplemente no los lee. Las notificaciones push pueden ayudar a traer clientes y visitantes de vuelta a su sitio colocando su mensaje justo delante de ellos. Si tiene algunas dudas sobre cómo funcionan las notificaciones push, consulte algunos de estos estudios de caso:

  • YouNow mejoró la retención en un 19% con las notificaciones web push. – fuente
  • United eXtra Electronics aumentó sus ventas de comercio electrónico en un 100% con notificaciones web push. – fuente
  • A+E Networks logró un aumento del 200% en la participación del usuario con notificaciones push. – fuente

Y esos son sólo un par. Hay muchos otros estudios de casos de empresas que han tenido un éxito masivo con las notificaciones push. Da lo mismo si tiene una tienda de WooCommerce o un blog de información, las notificaciones push son definitivamente algo que debe probar como parte de su estrategia de marketing.

¿Las notificaciones push son buenas para todos? Definitivamente no. Algunos pueden sentir que hacen mucho daño a la experiencia del usuario. En cualquier caso sin embargo, recuerde no abusar de ellas, ya que esto podría resultar molesto.

Cómo Configurar Notificaciones Push de WordPress

Cuando se trata de configurar las notificaciones push de WordPress tiene muchas opciones para elegir. A continuación, se presentan algunas maneras populares y activamente actualizadas. Nota: Estos incluyen soluciones gratuitas y premium. Muchas de ellas tienen planes gratuitos hasta un cierto número de suscriptores.

Dado que todas las soluciones anteriores tienen diferentes navegadores y compatibilidad con dispositivos móviles, le recomendamos que busque sus datos de Google Analytics para ver qué tipo de tráfico tiene su sitio de WordPress. Si hace clic en «Audiencia> Tecnología> Navegador y SO» puede ver cuáles son los navegadores más utilizados por los visitantes de su sitio. En este ejemplo a continuación puede ver que la activación de las notificaciones push de Chrome web nos beneficiaría más, ya que más del 70% del tráfico del escritorio proviene de Google Chrome.

navegador por usar
Analítica – Navegador & OS

En este tutorial usaremos un plugin de OneSignal, la cual es una solución completamente gratuita para notificaciones push de WordPress. Al escribir este artículo, actualmente tiene más de 40,000 instalaciones activas y una calificación de 4.7 de 5 estrellas.

Notificaciones Onesignal web push plugin
Notificaciones Onesignal web push plugin

Según su sitio web, son utilizadas por más de 100,000 desarrolladores, incluyendo grandes nombres como Adobe, Uber y Tom’s Hardware. Algunas de sus características incluyen:

  • 100% gratuito de usar
  • Notificaciones push de WordPress ilimitadas
  • Dispositivos ilimitados
  • Automatización de la entrega
  • Localización
  • API completa
  • Segmentos ilimitados
  • Pruebas A / B
  • Programación de entrega
  • Capacidad para importar y exportar sus datos

¿Suena demasiado bien para ser verdad? Bueno, una cosa a tener en cuenta. No ocultan este hecho en absoluto y son muy abiertos sobre ello en su sitio. La manera en que ganan dinero es mediante el uso de los datos que agregan para mejorar la web y las experiencias móviles. Así que si eso es un problema para usted, siempre puede actualizar a su versión corporativa en la que no tienen acceso a sus datos. Los precios comienzan en $40 por mes para hasta 500,000 usuarios.

Una ventaja que OneSignal tiene es que le permiten configurar tantos sitios de WordPress (apps) como quiera. Así que puede acceder al panel de control de OneSignal y tener 10+ sitios diferentes de WordPress, todos con sus aplicaciones y datos de notificación de push separados. Si gestiona varios sitios de WordPress y desea implementar notificaciones push en todos ellos, OneSignal puede ser una excelente forma de gestionarlas fácilmente en el futuro.¡Además es gratuito!

Con OneSignal, las notificaciones push web funcionan exactamente igual que el móvil push nativo. Por lo tanto, no tiene que crear una aplicación para móviles sólo para obtener el beneficio de las notificaciones push de WordPress nativas en dispositivos móviles. A continuación, se muestran los navegadores compatibles actualmente.

Soporte del navegador Onesignal
Soporte del navegador Onesignal

Siga los pasos que se indican a continuación para ponerse al día con OneSignal en cuestión de minutos. Aunque OneSignal tiene configuraciones para los sitios HTTP y HTTPS, recomendamos sumamente el uso de HTTPS en su dominio, ya que los permisos y suscripciones de web push están separados por dominio / protocolo. No hay una forma de transferir las notificaciones push más tarde. Kinsta ofrece SSL gratis a todos los usuarios, o Cloudflare es otra buena opción.

Paso 1

Descargue e instale el plugin OneSignal gratuito. Puede descargarlo desde el repositorio de WordPress o buscarlo en el panel de control de WordPress en los plugins «Añadir nuevo».

instalar notificaciones web push onesignal
Instalar notificaciones web push OneSignal

Paso 2

Después, vaya a OneSignal y cree una cuenta gratis.

Paso 3

Haga clic en «Agregar una nueva aplicación» y asigne un nombre a su aplicación. En nuestro ejemplo simplemente estamos usando el nombre de nuestro sitio de WordPress. Luego haga clic en «Crear».

añadir aplicación nueva onesignal
Añadir aplicación nueva OneSignal

Paso 4

Seleccione «Website Push» y haga clic en «Siguiente».

sitio web push
Sitio web push

Paso 5

Primero vamos a configurar Google Chrome y Firefox. Haremos Safari más adelante. A continuación, haga clic en «Siguiente».

Google Chrome & Mozilla Firefox
Google Chrome & Mozilla Firefox

Paso 6

Ingrese su URL del sitio WordPress. Asegúrese de utilizar el protocolo correcto, HTTP o HTTPS, dependiendo de lo que esté ejecutando en su sitio. En nuestro ejemplo nuestro sitio está usando HTTPS. Después, introduzca la ubicación de su URL de icono de notificación. Según OneSignal, las dimensiones de los iconos deben ser de 192 x 192 o más para mostrarse bien en dispositivos de alta densidad de píxeles. Puede cargar uno en su biblioteca de medios de WordPress y copiar la URL. El ícono de notificación por defecto de OneSignal se utilizará si no elige uno. A continuación, haga clic en «Guardar».

notificación push URL
Notificación push URL

Nota: Si su sitio se está ejecutando a través de HTTP, le permiten crear un subdominio en onesignal.com que permite que la aplicación luego funcione con HTTPS. Por ejemplo, https://yoursite.onesignal.com.

Paso 7

En la siguiente pantalla necesitará seleccionar su SDK objetivo, en este caso seleccionamos «WordPress» y pulsamos «Siguiente».

wordpress sdk onesignal
OneSignal WordPress SDK

Paso 8

En la siguiente pantalla, deseará copiar su clave de API REST y su ID de aplicación, ya que necesitará introducir esta información en la configuración del plugin de WordPress. Deje abierta esta ventana ya que volverá más tarde.

onesignal clave api aplicación id
OneSignal clave API y aplicación ID

Paso 9

En su sitio de WordPress, haga clic en la pestaña «Configuración» de la configuración de Push de OneSignal. Ingrese su ID de aplicación y la clave REST API. Puede dejar todo lo demás en la configuración predeterminada por ahora. Desplácese hasta la parte inferior y haga clic en «Guardar».

OneSignal app ID
OneSignal app ID

Paso 10

A continuación, deseará navegar a su sitio web y suscribirse a la notificación para ver si todo funciona correctamente. Haga clic en el símbolo «rojo» en la parte inferior derecha y haga clic en «Permitir». Puede cambiar estas opciones en la configuración de pantalla más tarde. (Nota: Es posible que necesite deshabilitar adblocker si lo tiene activado).

suscripción a notificaciones push
Suscripción a Notificaciones push

Verá una confirmación, de la que también podrá cambiar el texto más adelante.

notificación de suscripción
Notificación de suscripción

Paso 11

A continuación, vuelva a la página web de OneSignal, haga clic en el botón «Verificar Usuarios Suscritos» y haga clic en «Hecho».

onesignal chequeo de usuarios suscritos
Chequeo de usuarios suscritos

Paso 12

Ahora es el momento de configurar las notificaciones push de Safari. Haga clic en «Configuración de la aplicación» y haga clic en «Configurar» junto a Apple Safari (macOS).

apple safari notificaiones push configuración
Configuración de notificaciones push en Safari

Paso 13

Ingrese su nombre de sitio (esto se muestra en la notificación) y la URL de su sitio. A continuación, puede cargar sus iconos de notificación (que incluyen un 16 × 16, 32 x 32, 64 x 64, 128 x 128 y 256 x 256). Éstos se cargan directamente a OneSignal, no a su biblioteca multimedia de WordPress. El ícono de notificación por defecto OneSignal se utilizará si no los sube. Después, haga clic en «Guardar».

configuración de safari push
Ajustes de notificaciones push en Safari

Paso 14

A continuación, mostrará su Web ID que desea copiar en su portapapeles.

apple safari web id
Apple Safari web ID

Después péguelo en el campo ID de Safari de su configuración de OneSignal. Desplácese hacia abajo y haga clic en «Guardar».

onesignal safari web id
OneSignal Safari web ID

¡Y eso es todo! Ahora tiene las notificaciones push de WordPress en funcionamiento.

Notas y Opciones Adicionales de OneSignal

Hay docenas de configuraciones que puede configurar en el plugin, algunas de las cuales cubriremos a continuación. Si tiene curiosidad sobre el rendimiento de OneSignal, el plugin es bastante ligero y utiliza un solo script que está por debajo de 100 KB. Esto se sirve de su socio CDN, Cloudflare. En nuestras pruebas OneSignal no ralentizó nuestro sitio en absoluto.

onesignal carga de tiempo
Tiempos de carga de OneSignal

Hay una cosa a tener en cuenta, sin embargo y es un plugin que no trabaja bien con plugins terceros de proveedores CDN. En nuestro ejemplo estábamos utilizando el plugin CDN gratuito CDN Enabler y nos obligó a agregar la siguiente exclusión en la configuración para que OneSignal funcione correctamente. Si está utilizando otro plugin o proveedor de CDN, puede consultar su documentacion adicional en la solución de problemas CDN.

.php,.xml, onesignal-free-web-push-notifications

OneSignal soporte de CDN
OneSignal soporte de CDN

Además, si está utilizando el plugin gratuito Cache Enabler en su sitio necesitará desactivar la minificación JavaScript.

Esto también es algo a tener en cuenta si eres cliente de Kinsta y utilizas la función de minificación de código que está incorporada en el panel de MyKinsta para habilitar la minificación automática de CSS y JavaScript para acelerar efectivamente tu sitio.

Notificaciones Push Automáticas

Cuando instala el plugin OneSignal WordPress, habilita por defecto la opción de «enviar notificación al publicar un post» automáticamente (como se muestra a continuación). Usted puede fácilmente desmarcar esto si tal vez esté publicando un post que no desea que sea empujada “pushed”.

mandar notificaciones push
Mandar notificaciones push

También puede deshabilitar lo anterior para que se verifique automáticamente al entrar en los ajustes del plugin OneSignal Push e inhabilitar la opción «Enviar automáticamente una notificación push al crear una publicación desde el editor de WordPress». Después, podría simplemente comprobar manualmente desde el editor de WordPress cuando desea activar las notificaciones push. Esta es probablemente la ruta más segura para ir.

desactivar notificaciones push automáticas
Desactivar notificaciones push automáticos

Aviso Automático de los Usuarios

Si desea que se le solicite a los nuevos visitantes que se suscriban automáticamente, puede habilitarlo dentro de la configuración del plugin. También puede desactivar el icono flotante «Rojo» si cree que puede ser demasiado molesto para los visitantes.

impulso automático de usuarios
Impulso automático de usuarios

Hay una multitud de otras opciones que puede cambiar, tales como:

  • Adición de parámetros de seguimiento UTM adicionales
  • Creación de tipos de publicaciones personalizadas adicionales
  • Cambiar del texto en la opción «gracias por suscribirse»
  • Cambiar el texto emergente
  • Cambiar la apariencia del widget e interactuar con los visitantes de su sitio
  • Utilice la imagen destacada de la publicación para el icono de notificación
  • Descartar notificaciones después de ~ 20 segundos

A continuación, puede controlar todo desde el panel de control de OneSignal. Incluso nos sorprendieron los datos. En un sitio en el que lo añadimos, teníamos más de 140 suscriptores de notificaciones push en menos de 48 horas (ver abajo). Recuerde que incluso si no se suscribe personalmente a las notificaciones, no significa que así piensan sus visitantes. Nunca asuma cuando se trata de marketing sus pruebas de sitio de WordPress es la mejor manera de obtener datos concretos.

tablero de onesignal notificación push
OneSignal dashboard

Asegúrese de comprobar nuestro estudio de caso oficial con OneSignal. Dentro de 3 meses de usar OneSignal, la herramienta llegó a ser nuestro tercer recurso de tráfico orgánico. Si está enviando notificaciones push directamente de su panel de control OneSignal, asegúrese de agregar el parámetro UTM para segmentar el tráfico y rastrearlo. He aquí un ejemplo de lo que usamos nosotros en cada URL.

https://yourdomain.com/?utm_medium=push&utm_source=notifications

Anular la Suscripción de Notificaciones Push

Si recibe mucho tráfico a su sitio web, es probable que haya algunos visitantes que se suscriban accidentalmente a las notificaciones push de su sitio web. Por lo tanto, es bueno tener un enlace en algún lugar de su sitio sobre cómo cancelar la suscripción de las notificaciones push. Varía según el navegador, por lo que generalmente es mejor señalar a los usuarios su documentación oficial .

Resumen

¡Como puede ver, las notificaciones push de WordPress son bastante fáciles de configurar! Puede parecer demasiados pasos, pero realmente todo se puede completar en cuestión de 5 minutos. Si está buscando más opciones para conectarse con sus visitantes o clientes, le recomendamos que pruebe esto. Realmente no hay riesgo. Si no le gusta, simplemente puede desinstalar el plugin, cancelar el servicio y volver a la normalidad. Las notificaciones push pueden ser una manera excelente de atraer más atención en su contenido y mantener a los visitantes regresando a su sitio WordPress.

¿Ha hecho un experimento con las notificaciones push de WordPress ya? Si es así, nos encantaría conocer su experiencia u opiniones abajo.

Brian Jackson

Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.