Cómo agregar notificaciones push web a su sitio de WordPress

Publicado: 2023-08-11


¿Se pregunta cómo agregar notificaciones automáticas a su sitio de WordPress?

Las notificaciones automáticas le permiten enviar mensajes a los usuarios incluso cuando no están en su sitio web. Esto le ayuda a atraer usuarios a su sitio web, aumentar el tráfico y ganar más dinero.

En este artículo, le mostraremos cómo agregar fácilmente notificaciones push web a su sitio de WordPress.

Add web push notifications to your WordPress site

Cubriremos todo lo que necesita saber sobre el envío de notificaciones automáticas en nuestro tutorial, y puede utilizar los enlaces rápidos a continuación para saltar a diferentes secciones:

¿Qué son las notificaciones automáticas?

Las notificaciones automáticas son mensajes de notificación breves en los que se puede hacer clic y que aparecen como una ventana emergente en el escritorio o los dispositivos móviles de los usuarios.

Se muestran en la parte superior del escritorio o en el área de notificación de un dispositivo móvil. Lo mejor es que se pueden mostrar incluso cuando el navegador del usuario no está abierto.

A continuación se muestra un ejemplo de una notificación push.

Web Push Notification desktop preview

Las notificaciones automáticas le permiten llegar a los usuarios en todos los dispositivos con sus últimas actualizaciones y ofertas, lo que las convierte en una forma eficaz de convertir a los visitantes del sitio web en seguidores y clientes leales.

¿Por qué agregar notificaciones push web a su sitio de WordPress?

¿Sabías que el 70% de las personas que abandonan tu sitio web nunca volverán? Es por eso que necesita convertir a los visitantes del sitio web de WordPress en suscriptores y clientes.

Puede hacerlo utilizando varios canales a la vez. Estos pueden incluir marketing por correo electrónico, redes sociales, marketing móvil o por SMS y notificaciones push web.

Las listas de correo electrónico siguen siendo las herramientas de marketing más poderosas disponibles: el 51% de los consumidores prefiere que las empresas se comuniquen con ellos por correo electrónico. Sin embargo, estamos descubriendo que las notificaciones push también son muy efectivas.

En el sitio WPBeginner, las notificaciones automáticas son constantemente una de las 5 principales fuentes de tráfico.

Estas son sólo algunas de las razones que hacen de las notificaciones push una gran herramienta de marketing:

  • Los usuarios deben dar su permiso explícito para recibir notificaciones automáticas. Esto significa que ya están interesados ​​en lo que usted tiene para ofrecer y es más probable que interactúen con las notificaciones.
  • Las notificaciones automáticas son más breves y exigen menos atención que las actualizaciones por correo electrónico o redes sociales.
  • No existe ningún algoritmo como en las redes sociales para limitar su alcance. Casi el 100% de los mensajes se entregan.
  • Los usuarios pueden controlar cómo sus dispositivos muestran las notificaciones. Pueden posponerlos o apagarlos por completo.
  • No muchas empresas utilizan notificaciones automáticas.

Los sitios populares, incluidos Facebook, Pinterest, LinkedIn y muchos otros, comprenden la importancia y ya están utilizando las notificaciones push web como estrategia de marketing.

Las notificaciones push tienen una tasa de apertura 10 veces mayor que el correo electrónico y una tasa de clics 14 veces mayor. Son más atractivos que los SMS, el marketing por correo electrónico y las plataformas de redes sociales.

Dicho esto, echemos un vistazo a cómo agregar fácilmente notificaciones push web a un sitio web de WordPress.

Configuración de notificaciones push web en WordPress con PushEngage

PushEngage es el mejor servicio de notificaciones push del mercado que le permite agregar fácilmente notificaciones push a su sitio de WordPress.

Esto le ayuda a conectarse con los visitantes incluso después de que abandonen su sitio con mensajes push específicos.

Paso 1: crear su cuenta PushEngage

Primero, debe ir al sitio web de PushEngage y hacer clic en el botón "Comenzar gratis ahora".

PushEngage

El plan gratuito te cubre hasta 200 suscriptores y 30 campañas de notificación cada mes. Tendrás que actualizar a medida que obtengas más suscriptores y necesites enviar más campañas.

Después de seleccionar un plan de precios, deberá crear una cuenta PushEngage. Puede utilizar su cuenta de Google existente para registrarse o crear una nueva cuenta.

Register for a PushEngage account

Una vez que haga eso, accederá a la página "Configurar su cuenta", donde deberá agregar el dominio de su sitio web, la industria y el tamaño de su empresa.

Su subdominio se generará automáticamente de acuerdo con esta información. Después de eso, también deberá proporcionar aquí los datos de su tarjeta de crédito.

Provide website details to complete the signup process

Al registrarse, accederá a su panel de PushEngage.

Tenga en cuenta que si se registró con su cuenta de Google, aquí es donde deberá proporcionar los detalles de su sitio web.

Una vez que haya hecho eso, simplemente visite la página Configuración del sitio »Detalles del sitio en la columna de la izquierda en el panel de PushEngage.

Desde aquí, puede editar el nombre y la URL de su sitio si lo desea. Después de eso, deberá cargar una imagen que se utilizará como ícono del sitio para sus notificaciones push web.

Para hacer esto, haga clic en el botón 'Elegir imagen'.

Choose an icon image for push notifications

Esto abrirá un mensaje en su pantalla donde podrá cargar una imagen desde su computadora.

También puedes agregar una imagen usando su URL. Una vez que haya seleccionado una imagen, simplemente haga clic en el botón 'Usar'.

Después de eso, no olvide hacer clic en el botón "Guardar cambios" para almacenar su configuración.

Upload an image from the computer

Recuerda que tu imagen debe estar en formato de archivo PNG o JPG y el tamaño recomendado es 192×192.

Ahora ha completado la información clave para su cuenta PushEngage.

Paso 2: conectar su sitio de WordPress con PushEngage

El siguiente paso es conectar su sitio web de WordPress a PushEngage.

Para hacer esto, necesita instalar y activar el complemento PushEngage de WordPress. Para obtener más detalles, puede consultar nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, aparecerá el mensaje '¡Bienvenido al asistente de configuración de PushEngage!' Se abrirá un mensaje en su pantalla, donde deberá hacer clic en el botón "Conectar su cuenta existente".

Click Connect to your existing account button

Esto abrirá el mensaje "Agregar su sitio a PushEngage" en una nueva ventana. Aquí, debe asegurarse de que el sitio registrado en PushEngage sea el mismo que está utilizando ahora.

Después de eso, simplemente haga clic en el botón "Comencemos".

Connect PushEngage account to WordPress

Una vez que su cuenta PushEngage esté conectada con WordPress, se iniciará un asistente de configuración en su pantalla que podrá configurar según sus gustos.

Una vez que haya terminado, simplemente haga clic en el botón 'Panel de PushEngage' para ser redirigido a su panel de WordPress.

Click the PushEngage dashboard button in the setup wizard

Ahora es el momento de comenzar a crear una notificación push web para su blog o sitio web de WordPress.

Paso 3: Configurar tus mensajes de notificación push

Para crear una notificación push, dirígete a la página PushEngage »Campañas y haz clic en el botón 'Agregar nuevo'.

Esto lo dirigirá a la pantalla 'Crear nueva transmisión push' en su panel de WordPress.

Create a new push engage campaign by clicking the Add New button

Desde aquí, puede comenzar escribiendo un nombre para su notificación automática en el campo "Título de la notificación". Luego, escriba el mensaje que desea mostrar en la notificación push en el campo 'Mensaje'.

A continuación, debe agregar la URL de su sitio web al campo "URL de notificación".

Al agregar el título y el mensaje, podrá ver la vista previa de su notificación push en la esquina derecha de la pantalla.

Type the title, message, and URL for the push notification

A continuación, desplácese hacia abajo hasta la sección "Mostrar imagen grande" y active el interruptor si desea agregar una imagen a su notificación push.

Esta imagen se mostrará en la parte superior de su notificación y no alterará la alineación del título de la notificación y el mensaje.

Add image to the push notification

A continuación, debe desplazarse hacia abajo hasta la sección "Duración de la notificación" y activar el interruptor.

Una vez hecho esto, ahora puede marcar la opción "Mantener la notificación abierta hasta la interacción". Esto significa que la notificación se mostrará constantemente a menos que el usuario interactúe con ella.

También puede personalizar la duración de sus notificaciones push desde los menús desplegables. Esta configuración controla durante cuánto tiempo se mostrará la notificación push.

Tenga en cuenta que estas funciones solo funcionan para Chrome 47 y versiones superiores y no para otros navegadores.

Después de configurar los ajustes, simplemente haga clic en el botón "Guardar y seleccionar audiencia" en la parte superior.

Add duration for push notification

Esto lo dirigirá al siguiente paso, donde deberá seleccionar la audiencia a la que desea enviar notificaciones automáticas.

Aquí, elegiremos la opción 'Enviar a todos los suscriptores' para que nuestra notificación push se muestre a todos nuestros suscriptores.

A continuación, haga clic en el botón "Enviar/Programar" en la parte superior para avanzar.

Choose an audience to send push notifications

En el siguiente paso, debe programar el momento de las notificaciones push web.

Por ejemplo, si desea comenzar a enviar notificaciones automáticas de inmediato, puede seleccionar la opción "Comenzar a enviar inmediatamente". Sin embargo, también puede programar su notificación para que se envíe a una hora determinada o para que se convierta en una notificación push recurrente.

Sin embargo, tenga en cuenta que necesitará un plan pago de PushEngage para acceder a estas dos funciones.

Schedule and send your notification to your users

Finalmente, haga clic en el botón 'Enviar notificación ahora' para guardar su campaña y comenzar a enviar sus notificaciones push web.

Una vez que haya configurado las notificaciones automáticas, es una buena práctica comprobar que funcionan como esperaba.

Para probar sus notificaciones automáticas, abra su sitio web en su computadora o teléfono. Aquí debería ver inmediatamente la notificación push web que acaba de crear.

Aquí está el nuestro en una computadora de escritorio:

Push notification preview

Sin embargo, tenga en cuenta que esta notificación push web solo se mostrará a los usuarios que formen parte de su lista de suscriptores de PushEngage.

Cree una lista de suscriptores con PushEngage

Si aún no tiene una lista de suscriptores con PushEngage, debe visitar la página PushEngage »Diseño desde la barra lateral de administración de WordPress.

Una vez que esté allí, simplemente active el interruptor para ver una plantilla emergente que le guste. Luego, haga clic en el botón 'Editar ventana emergente'.

Choose popup template

Esto abrirá el panel del sitio web de PushEngage en una nueva página.

Desde aquí, puede configurar el diseño, el mensaje y las reglas de suscripción para su ventana emergente.

Una vez que haya terminado, no olvide hacer clic en el botón "Guardar y elegir opciones de visualización" en la parte superior.

Configure popup design

Esto ahora le mostrará las opciones de visualización, donde puede elegir la duración de las cookies, habilitar el activador de suscripción y más.

Finalmente, haga clic en el botón 'Guardar y habilitar ventana emergente' para almacenar su configuración y activar la ventana emergente.

Save and enable popup

Ahora, debe visitar su sitio web utilizando otra cuenta de Google. Aquí verá una ventana emergente en la parte superior de su sitio web pidiendo a los usuarios que le permitan mostrar notificaciones.

Ahora, una vez que los usuarios hagan clic en el botón 'Permitir', automáticamente pasarán a formar parte de su lista de suscriptores de PushEngage.

Allow notification preview

Envíe notificaciones automáticas a los suscriptores cada vez que publique una nueva publicación en WordPress

Con PushEngage, también puedes enviar notificaciones push a los suscriptores cada vez que publicas una entrada de blog en WordPress.

Para hacer esto, visite la página PushEngage »Configuración desde el panel de WordPress y cambie a la pestaña 'Configuración de inserción automática'. Desde aquí, active el interruptor 'Auto Push'.

Después de eso, debes elegir si deseas mostrar la imagen destacada de la publicación en la notificación push y habilitar los botones de acción múltiple.

Toggle auto push switch

Con los botones de acción múltiple, puede permitir que los usuarios interactúen con sus notificaciones automáticas de múltiples maneras, como visitando la publicación de su blog, suscribiéndose a su canal de YouTube y suscribiéndose a su boletín informativo por correo electrónico.

También puede utilizar la imagen destacada de la publicación del blog o el ícono del sitio como imagen del ícono de notificación.

Finalmente, haga clic en el botón 'Guardar cambios' para almacenar su configuración.

Ahora cree una nueva publicación en el editor de bloques de WordPress y desplácese hacia abajo hasta la sección 'Configuración de notificaciones push de PushEngage'.

Desde aquí, puede agregar un título y un mensaje para su notificación push web e incluso seleccionar una audiencia para ella.

Add title and message for blog post push notification

Una vez que haya terminado, simplemente haga clic en el botón 'Publicar' para guardar los cambios y publicar su publicación.

Ahora sus suscriptores recibirán una notificación sobre la nueva publicación del blog en su sitio web.

Preview for push notifications for blog post publications

Esperamos que este artículo le haya ayudado a aprender cómo agregar notificaciones push web a su sitio de WordPress. Es posible que también desee ver nuestra guía para principiantes sobre cómo crear una lista de correo electrónico y nuestras selecciones de expertos sobre los mejores servicios de marketing por correo electrónico para pequeñas empresas.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en vídeo de WordPress. También puedes encontrarnos en Twitter y Facebook.