Cómo Configurar Notificaciones Push En WordPress

Cómo Configurar Notificaciones Push en WordPress

En este artículo de blog explicaré cómo configurar notificaciones push en WordPress. Las notificaciones push en WordPress son fáciles de configurar. Las notificaciones push de WordPress representan 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.

¿Qué son exactamente las notificaciones push? ¿Cómo Configurar Notificaciones Push En WordPress?

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.

La siguiente imagen es 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 notificación push web. Cómo Configurar Notificaciones Push En WordPress.

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.

¿Las notificaciones push son buenas para todos? Definitivamente no. Algunos piensan 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 como configurar las notificaciones push en 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.

Es importante que usted conozca las preferencias de sus lectores en cuanto a cuáles son los navegadores más utilizados por los visitantes de su sitio.

Esto lo puede conseguir en Google Analytics si hace clic en «Audiencia> Tecnología> Navegador y SO»

¿Cómo agregar notificaciones push a su sitio de WordPress con OneSignal?

En la mayoría de los sitios web el navegador más utilizado es Google Chrome, por lo que la activación de las notificaciones push de Chrome web podría atraer en buen porcentaje de usuarios a su sitio WorPress. En esta sección de ésta entrada del blog 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 100,000 instalaciones activas y una calificación de 4.7 de 5 estrellas.

Algunas de sus características del plugin Onesignal incluyen:

  • 100% gratuito de usar
  • Notificaciones push de WordPress ilimitadas
  • Puede enviar una notificación cuando se publica una publicación
  • 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. O puede ir con una solución alternativa como PushCrew.

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 más de 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 como ya dije es gratuito!

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.  Lo primero que debe hacer es instalar y activar el complemento OneSignal. ¿Necesita ayuda para instalar el complemento? Consulte cómo instalar un complemento de WordPress.  Tras la activación, el complemento agregará un nuevo elemento de menú etiquetado como OneSignal  Push a su barra de administración de WordPress. Al hacer clic en él, accederá a la página de configuración del pluginCómo Configurar Notificaciones Push En WordPress. Página de configuración de OneSignal

Cómo Configurar Notificaciones Push En WordPress. La página de configuración está dividida en pestañas de Setup y Configuración. La pestaña de Setup es en realidad documentación detallada sobre cómo configurar las notificaciones push de OneSignal en WordPress. Tiene los mismos pasos que le mostraremos en este tutorial. Para configurar OneSignal, deberá agregar la clave API y la ID de la aplicación en la configuración del plugin.

Paso 1: Configuración de notificaciones push de OneSignal

Primero, debe visitar el sitio web de OneSignal y hacer clic en el botón de inicio junto a la opción Web Push.

Cómo Configurar Notificaciones Push En WordPress. Onesignal comienza

Seguidamente haga clic en el botón rojo «Obtenga su cuenta gratis». Se le pedirá que proporcione su correo electrónico y contraseña para crear una cuenta gratuita. Después de crear su cuenta, llegará al panel de OneSignal.

Cómo Configurar Notificaciones Push En WordPress

En el tablero, haga clic en el botón «ADD APP» (Agregar aplicación) para crear su primera aplicación.  Se le pedirá que proporcione un nombre para su aplicación. Aquí puede usar cualquier nombre que ayude a identificarlo.

 

Cómo Configurar Notificaciones Push En WordPress. Nombre de la App

 

Haga clic en el botón Create.  Seguidamente, deberá seleccionar una plataforma. Puede seleccionar múltiples plataformas para una aplicación. Por ahora, recomendamos seleccionar ‘Web Push’ y hacer clic en el botón siguiente para continuar.

 

 

 

 

Eligiendo plataforma de aplicaciones

 

En el siguiente paso, se le pedirá que seleccione un método de integración. Continúe y haga clic en el cuadro ‘WordPress Plugin o Website Builder’ y luego seleccione WordPress.

Seleccionar método de integración

Si te desplazas un poco hacia abajo, verás la sección ‘Configuración del sitio de WordPress’.  Debe ingresar el nombre de su sitio web, URL y cargar un logotipo. Este logotipo aparecerá en sus notificaciones, por lo que le recomendamos utilizar el icono de su sitio (favicon) o el logotipo del sitio web.

Copie las claves de APIVerá una palanca que puede activar si su sitio de WordPress no está utilizando SSL/HTTPS. Solo puede enviar notificaciones push web desde una URL HTTPS segura. Si su sitio de WordPress no está usando HTTPS, entonces necesita activar esta configuración e ingresar una etiqueta.  Una etiqueta es básicamente un subdominio alojado en servidores OneSignal que utiliza una URL HTTPS segura. Este subdominio se usará para enviar sus notificaciones push.  Recomendamos encarecidamente usar su propio dominio con SSL en lugar de un subdominio en OneSignal, por lo que no está bloqueado para siempre en su plataforma.  Una vez que haya terminado, haga clic en el botón Guardar para almacenar la configuración de OneSignal. Ahora verá las claves API que necesita copiar.Regrese a la configuración del plugin OneSignal en su sitio de WordPress y cambiar a la pestaña ‘Configuración’. Debe pegar la aplicación y las claves de API que copió anteriormente.

pegar claves api

 

Estas claves API solo le permitirán enviar notificaciones push a través de los navegadores web Chrome y Firefox.  Haga clic en el botón Finish  También necesitará Safari Web ID para enviar notificaciones Push a través del navegador web Safari.  Para obtener la clave API de Safari, debe volver al sitio web de OneSignal e ir a la página de configuración de su aplicación. Una vez allí, debe hacer clic en el icono de edición junto a Apple Safari.

Configuración de notificaciones push para Safar

 

A continuación, se le pedirá que ingrese el título de su sitio web, la URL y, opcionalmente, cargue un icono de sitio.Configuración de Safari para notificaciones push

 

 

 

Haga clic en el botón Guardar para guardar su configuración. Después de eso, verá su ID de Safari Web en la pantalla que debe copiar. ID web de Safari

 

 

 

 

 

 

 

Una vez más, vuelva a la página de configuración del plugin en su sitio de WordPress y pegue el ID de Safari Web en la pestaña de configuración.Guardar la configuración del complemento OneSignal

 

 

Notificación push optin

No olvide hacer clic en el botón Guardar para almacenar la configuración de su complemento.

 

 

 

 

 

Ahora puede visitar su sitio web en una nueva pestaña de navegador de incógnito. Verá una ventana emergente de notificación push en la parte superior y un icono de notificación de campana en la esquina inferior derecha de la pantalla. La ventana emergente de notificaciones push también aparecerá en los navegadores móviles.

 

Notificación push optin en navegador móvil

 

Nota: La apariencia del aviso emergente de notificación push puede diferir según la configuración de http o https de su sitio.  Ahora, puede que se pregunte por qué este aviso de notificación push se ve diferente de lo que ve en otros sitios web.  Normalmente, los usuarios ven el aviso de notificación predeterminado del navegador, que se ve así:Cómo Configurar Notificaciones Push En WordPress. Indicador predeterminado del navegador para notificaciones push

 

 

Ahora el problema es que, si un usuario hace clic en el botón «Bloquear», nunca verá un mensaje para suscribirse a las notificaciones. Para solucionar esto, OneSignal viene con dos tipos de solicitud diferentes.  El primero es la ventana emergente de notificaciones push y el otro es el icono de la campana de suscripción. Ambos son totalmente personalizables, y puede cambiarlos para satisfacer sus necesidades.

Paso 2. Personalizar el mensaje emergente de notificación push

La ventana emergente básica de notificaciones push es bastante simple. Utiliza un lenguaje genérico y muestra el logotipo de su sitio. Es posible que desee personalizar esto.  Simplemente cambie a la pestaña de configuración en la página OneSignal Push en su sitio de WordPress y desplácese hacia abajo a la sección ‘Configuración de ventana emergente HTTP’.

Configuración de ventana emergente HTTP

Debe hacer clic en el botón de alternar junto a «Personalizar el texto del mensaje emergente HTTP» y luego comenzar a agregar su propio texto. No olvide hacer clic en el botón Guardar para almacenar su configuración antes de probar el mensaje.

Paso 3. Personaliza el ícono de notificación de campana

Normalmente, el navegador solicita notificaciones y la ventana emergente desaparece cuando un usuario las descarta.  ¿Qué sucede si los usuarios luego cambian de opinión y desean recibir notificaciones push?  La campana de suscripción en OneSignal le permite seguir mostrando a los usuarios un mensaje para suscribirse a las notificaciones push en su sitio.  El icono de la campana también es totalmente personalizable desde la página de configuración del plugin. Simplemente desplácese hacia abajo hasta la sección ‘Configuración de avisos y campana de suscripción’ y active las opciones de personalización que desea cambiar. Cómo Configurar Notificaciones Push En WordPress. Personalización del icono de campana

Luego puede desplazarse hacia abajo y cambiar la configuración de cada opción que desee personalizar. Idealmente, querrá cambiar los colores del ícono de la campana para que coincidan con los colores de tus propios temas.

 

personalizando cada opción del icono de campana

 

 

 

 

 

 

 

 

 

Nota: No usamos el ícono de la campana porque creemos que es demasiado intrusivo.

Paso 4. Enviar notificaciones push desde su sitio de WordPress

Por defecto, el plugin OneSignal envía automáticamente notificaciones push para todas las publicaciones nuevas publicadas en su sitio web. Si lo desea, puede desactivar esta función desde la página de configuración del complemento en la sección ‘Configuración de notificaciones automáticas’.

Enviar notificaciones push desde su sitio de WordPress

También puede enviar manualmente una notificación cuando publique o actualice una publicación. Simplemente edite una publicación o página de WordPress, y verá el cuadro de meta de OneSignal en la columna de configuración del documento a la derecha.

 

Configurando manualmente una notificación cuando publique o actualice una publicación

Si está utilizando el antiguo editor clásico, verá el cuadro meta como este:

 

 

 

Configurando manualmente una notificación cuando publique o actualice una publicación en el antiguo editor

 

 

Marque la casilla junto a ‘Enviar notificación en la actualización/publicación posterior’ y luego haga clic en el botón actualizar o publicar.  OneSignal ahora enviará su artículo como una notificación automática a todos sus suscriptores.

Enviar una notificación push de bienvenida a los nuevos suscriptores

También puede enviar una notificación push de bienvenida a sus nuevos suscriptores. Visite la página de configuración de OneSignal en su área de administración de WordPress y desplácese hacia abajo hasta la sección ‘Configuración de notificaciones de bienvenida’. Cómo Configurar Notificaciones Push En WordPress. Configuración de bienvenida

Ahora, cuando un nuevo usuario se suscribe para recibir notificaciones push, recibirá una notificación de bienvenida en su dispositivo. Dependiendo de su navegador y dispositivo, la notificación puede verse diferente. Cómo Configurar Notificaciones Push En WordPress. Dependiendo de su navegador y dispositivo, la notificación puede verse diferente

 

 

 

Eso es todo, ha agregado con éxito notificaciones push web a su sitio de WordPress.  También puede enviar notificaciones personalizadas desde el panel de la aplicación OneSignal. El proceso es bastante intuitivo y puede seguir las instrucciones en pantalla una vez que inicie sesión en OneSignal.

Otros buenos plugins de notificaciones push de WordPress

Es importante elegir el servicio de notificación push web adecuado desde el principio. Dado que la mayoría de los proveedores intentan encerrarlo en su plataforma, cambiar su servicio de notificación push puede provocar la pérdida de sus antiguos suscriptores. Lo que significa que si cambias, comenzarás desde cero.  Es por eso que le recomendamos que le pregunte al proveedor que elija todas las configuraciones que necesita para que su lista de suscriptores sea portátil.

  • OneSignal ofrece un complemento gratuito de notificaciones push de WordPress con notificaciones push ilimitadas para dispositivos móviles y notificaciones web para hasta 30 mil suscriptores.
  • Incluso su plan gratuito incluye características como segmentación, localización, seguimiento con Google Analytics y una API robusta.
  • Puede usarlo con todos los principales servicios de marketing por correo electrónico para enviar sus correos electrónicos de boletines a través de notificaciones push web.

WordPress tiene que ver con las elecciones. Aquí hay otros complementos de notificaciones push de WordPress que también puedes probar.  PushCrew: conecta su sitio web al servicio de notificaciones push de PushCrew. Ofrecen un plan gratuito limitado a 2000 suscriptores.  PushEngage Web Push Notificaciones: este es el complemento de conector para PushEngage, un proveedor de servicios de notificaciones push. Tienen un plan gratuito limitado a 2500 suscriptores, 120 notificaciones y 5000 clics.  PushAlert – Notificaciones web push – Le ayuda a conectarse al servicio de notificaciones push web PushAlert. También ofrecen un plan gratuito limitado a 3000 suscriptores.  PushAssist: complemento de conector para el servicio de notificación push Push web Assist. Su plan gratuito está limitado a 2000 suscriptores.  Esperamos que este artículo te haya ayudado a aprender cómo agregar notificaciones push web a tu sitio de WordPress. También puede consultar nuestra guía sobre Cómo Crear Notificaciones Push Web para Blogger.  Si te ha gustado cómo configurar notificaciones push en WordPress. ¡comenta y compártelo!

¿Cómo agregar notificaciones push a su sitio de WordPress con PushEngage?

En TuConsultoraSeo, usamos PushEngage porque tiene las características que necesitamos a un precio razonable y es de fácil instalación.

3 sencillos pasos para comenzar a usar PushEngage

1) Configure los detalles de su sitio web en el panel de PushEngage. 
Una vez que se registre, podrá iniciar sesión en el panel de PushEngage. Inicie sesión en el panel y configure los detalles del sitio web.

  • En Configuración> Configuración del sitio> Configuración de instalación, debe proporcionar el nombre de su sitio web y una imagen para las notificaciones automáticas. La imagen es una parte clave de la notificación y recomiendan  una imagen sólida de 256 px X 256 px o cualquier imagen cuadrada. Recomiendan una imagen sólida.

Detalles del sitio en PushEngage

  • También debe configurar su zona horaria en Configuración> Configuración del sitio> Preferencias del sitio> Configuración de zona horaria para que sus notificaciones aparezcan en la zona horaria correcta.

Configuración de zona horaria en PushEngage

2) Vaya en vivo agregando el código JavaScript en su sitio web.
Identifica el tipo de sitio web que tienes. HTTP o HTTPS. Los sitios HTTPS tendrán un candado verde en la dirección URL con Seguro escrito como se muestra a continuación.

  • Solo para sitios HTTP

Si está utilizando un complemento de WordPress, vaya aquí para  obtener el plugin  y omita el paso. El plugin agregará automáticamente el siguiente código javascript en su sitio web. Para activar su complemento, deberá conseguir la clave API de Configuración.

Todos los demás sitios web : inserte el código javascript de 2 líneas presente en Configuración> Configuración del sitio> Configuración de instalación en HTML de su sitio web, o donde quiera recopilar la suscripción.

Para insertar este código en WordPress puede utilizar el plugin Header and Footer Scripts.

Incluir código PushEngage en WordPress

  • Solo para sitios HTTPS

Vaya a Configuración de instalación y descargue los archivos del paquete. Extraiga el archivo del paquete y coloque el archivo service-worker.js en la carpeta raíz. El archivo debe ser accesible. Por ejemplo, https://www.example.com/service-worker.js.

Puede utilizar el administrador de archivos de Cpanel o filezilla para subir el archivo a la raiz del sitio.

descargue los archivos del paquete de PushEngage

Además, coloque el código javascript anterior en el HTML de su sitio web antes de que finalice la etiqueta </body>. Ahora está en vivo con PushEngage.

Si no puede colocar ningún archivo en su carpeta raíz, siga las siguientes configuraciones.

Vaya a Configuración> Configuración de suscripción> Estilo de suscripción seleccionado> Editar> opciones Hacer que la instalación rápida en el sitio HTTPS sea sí.

Alternativamente, si desea recopilar una suscripción en su propio dominio y desea agregar el código de trabajador de servicio a la subcarpeta, escriba a [email protected]

3) Configure su método de suscripción y sus opciones de suscripción

Ahora, para configurar la ventana emergente de su suscripción, vaya a  Configuración -> Configuración del cuadro de diálogo de suscripción.

Si tiene un sitio HTTPS, aparecerá la ventana emergente de habilitación predeterminada del navegador como se muestra a continuación. Por ahora, no tenemos ninguna forma de cambiar el idioma o los detalles de esta ventana emergente.

Configuración de habilitación de PushEngage

Si tiene un sitio HTTP, tiene varias formas de recopilar los suscriptores. Es probable que la suscripción de One Step obtenga una tasa de suscripción más alta, por lo que le recomendamos que la utilice. Tiene la opción de seleccionar entre 7 tipos diferentes de suscripción voluntaria. Configure Opt-In y comience a recopilar suscriptores push.

A continuación, debe configurar su mensaje de bienvenida. PushEngage recomenda un mensaje de bienvenida  para todos los usuarios suscritos, ya que actúa como una confirmación para una nueva suscripción. Esto se encuentra en Configuración -> Configuración de notificación de bienvenida.

¡¡Eso es todo, ahora está activo con PushEngage en su sitio !! Ahora puede probar las notificaciones en su sitio.

¿Qué sigue en PushEnegage?

 

Si necesita probar si las notificaciones push Engage  funcionan en su sitio

¿Cómo habilitar o deshabilitar la notificación push engage?

Cómo convertir suscriptores en compradores: mediante la notificación web push

Errores comunes al usar notificaciones push web y cómo evitarlos

Cómo enviar su primera notificación push usando PushEngage a los suscriptores

 

Vea el siguiente video:

 

Después que ha completado todas las tareas, puede iniciar sesión en su cuenta de pushEngage en su dashboard, seleccione Notifications>Sent Notifications, haga clic en el botón azul + (Add New Notification). Proporcione un título atractivo  a la notificación, un mensaje y una URL. También puede incluir una imagen. El plan gratuito no permite segmentar. Esto reduce sus posibilidades de aumentar la tasa de visualización, por lo que lo mejor es suscribirse a un plan de pago. El límite de suscriptores es de 2500. Elija suplan

 

Contenido Relacionado:

 

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuar!

promedio de puntuación

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

¡Siento que este contenido no te haya sido útil!

¡Déjame mejorar este contenido!

Dime, ¿cómo puedo mejorar este contenido?

Sigueme
Últimas entradas de Estela Silva H. (ver todo)

Política de comentarios: Me encantan los comentarios y agradezco el tiempo que los lectores dedican para compartir ideas y para retroalimentación. Sin embargo, todos los comentarios son moderados manualmente y aquellos que considero spam o comentario promocional se eliminarán.

Soporte a su negocio en el campo del posicionamiento web, optimización web y auditorías profesionales. Gracias a mis acciones, los sitios web obtienen un tráfico segmentado que se traduce directamente en ventas y conversiones en el sitio web con  efectos seguros durante muchos años.

Servicios de Comercio electrónicoServicios de e-Marketing y Estrategías
Montar una tiendaPosicionamiento en Goole
Posicionamiento de tiendasMarketing de contenidos
Notificaciones pushAuditorías de Contenido
Auditorías SEO
Páginas Web Gratis
Gestión de Google Ads
Asesoramiento y Consulta
Reparación de Sanciones de Google
Entrenamiento SEO
Reparación de Sitio Hackeado
Acelerar WordPress