cómo añadir notificaciones web push a su sitio wordpress

Cómo añadir notificaciones Web Push a su sitio WordPress

¿Quieres configurar las notificaciones push de WordPress en tu sitio web?

Con las notificaciones web push, puede enviar mensajes a los usuarios incluso después de que hayan abandonado su sitio. Esto aumenta el tráfico objetivo y podría impulsar tus conversiones.

Arregle sus correos electrónicos de WordPress ahora

En este artículo, te mostraremos cómo configurar un plugin de notificaciones push gratuito para que puedas probarlo por ti mismo.

¿Qué son las notificaciones web push?

Las notificaciones web push son mensajes que se envían a los visitantes (que han optado por recibirlos) después de que hayan abandonado su sitio web. Para aceptarlas, suele aparecer un mensaje como este:

Optin de notificación push de OptinMonster

Las notificaciones push funcionan y tienen el mismo aspecto que las notificaciones que recibes en tu teléfono. Funcionan tanto en dispositivos de sobremesa como móviles y pueden enviarse automática o manualmente.

Lo mejor de las notificaciones push es su rendimiento, sobre todo en comparación con el correo electrónico:

¿Quiere ver si obtiene los mismos resultados? Vamos a probar PushEngage en su sitio.

Cómo añadir notificaciones Web Push a su sitio WordPress

PushEngage es un plugin gratuito de notificaciones push para WordPress compatible con los navegadores más populares, incluidos:

  • Cromo
  • Firefox
  • Safari
  • Microsoft Edge

Vamos a utilizar PushEngage porque se puede utilizar en muchas plataformas, incluyendo WordPress y Shopify.

Si usted tiene un sitio web WooCommerce, puede enviar notificaciones push para el abandono del carro, ventas, y alertas de bajo stock. Si escribes blogs regularmente, puedes configurar PushEngage para crear notificaciones push automáticas cada vez que publiques algo nuevo.

  • La versión gratuita te permite dar de alta 500 suscriptores y enviar hasta 300 notificaciones al mes.
  • Los planes de pago empiezan en 14 $/mes para hasta 100.000 suscriptores y notificaciones ilimitadas. También obtienes soporte para WooCommerce y otras funciones avanzadas.

1. Instale el plugin PushEngage

En primer lugar, instalaremos el plugin PushEngage. Lo encontrarás en el repositorio de plugins de WordPress.

Si no está seguro de cómo encontrarlo, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

instalar pushengage

Una vez que tengas el plugin instalado, puedes proceder a crear una cuenta gratuita en PushEngage y vincularla al plugin.

2. Crear una cuenta gratuita en PushEngage

En este paso, crearemos tu cuenta y la conectaremos a WordPress.

Visite el sitio web de PushEngage y haga clic en Empezar gratis ahora.

Sitio web de PushEngage

Rellene los datos de su cuenta y complete el registro aquí. Si elige utilizar su cuenta de Google, PushEngage le pedirá que introduzca los datos de su sitio web.

Una vez que estés en el panel de control, verás un asistente de configuración que facilita la configuración del plugin. Haz clic en Ver tareas para iniciar el proceso.

Tareas PushEngage

En primer lugar, subiremos el logotipo de tu sitio. Este aparecerá como imagen por defecto en el mensaje de notificación push.

Haga clic en el botón Cambiar y cargue una imagen en formato PNG o JPG.

Subir imagen para notificación push

Cuando complete este paso, PushEngage le pedirá que confirme su zona horaria. Ya que esto se hace automáticamente, pasemos al tercer paso del asistente de incorporación.

3. Conecte su sitio web WordPress

En este paso, conectaremos su sitio a su nueva cuenta PushEngage.

Ya hemos instalado el plugin, así que esto es sencillo. Solo tenemos que copiar el código API de PushEngage y pegarlo en nuestro sitio web.

En el sitio de PushEngage, desplácese hacia abajo y haga clic en el botón Obtener clave de API y, a continuación, haga clic en Generar una nueva clave de API.

generar nueva clave de API en PushEngage para el sitio web de WordPress

Vuelva a su panel de WordPress. Copie y pegue la clave API donde se le solicite y haga clic en Enviar.

Pegue PushEngage API Key en el sitio web de WordPress

El sitio web se conectará ahora a PushEngage.

Ahora puede cambiar algunos ajustes básicos desde el panel de control de WordPress. En particular, es posible que desee prestar atención a estos 2 ajustes:

Configuración de las notificaciones push de WordPress

  • Envía automáticamente una notificación push a tus suscriptores cada vez que publiques un nuevo post: Esta opción enviará una notificación a tus suscriptores en cuanto se publique una nueva entrada. Si quieres tener más control, desactívalo aquí. A continuación, puede enviar notificaciones manuales marcando una casilla en el editor de publicaciones o escribiendo su propia notificación en el sitio web de PushEngage.
  • Permitir que todos los tipos de mensajes activen automáticamente una notificación: Si esta opción está activada, asegúrate de comprobar los tipos de publicación personalizados de tu sitio para no enviar accidentalmente notificaciones para tipos de publicación que son privados. En caso de duda, puedes desactivar esta opción.

A partir de este punto, algunas de las configuraciones que te mostraremos pueden ser aplicadas en WordPress o en el sitio de PushEngage. Te mostraremos el sitio PushEngage ya que es un poco más detallado.

4. Establecer notificación de bienvenida

La cuarta tarea consiste en configurar una notificación de bienvenida para sus suscriptores. Esta notificación se mostrará después de que alguien se haya suscrito a las notificaciones de su sitio web.

En el mensaje de bienvenida, tienes que poner un título y un mensaje. Puedes poner la URL de la página que quieras. Hemos utilizado la URL de la página de inicio, pero también puedes utilizar una categoría específica o una página de venta.

Configuración de la notificación push de bienvenida WordPress

Asegúrese de marcar la casilla Enviar notificaciones de bienvenida a los suscriptores y haga clic en el botón Actualizar para guardar los cambios.

A continuación, configuraremos el cuadro de diálogo que invita a los usuarios a registrarse.

5. Cuadro de diálogo Configurar suscripción

La quinta tarea consiste en configurar un cuadro de diálogo de suscripción o el aviso de notificación que verán los visitantes cuando visiten su sitio web.

Puede encontrarlo en la lista de tareas o en Configuración " Configuración de suscripciones " Cuadro de diálogo de suscripciones. Puede obtener una vista previa para ver el aspecto de cada una o hacer clic en Editar para cambiar su estilo.

PushEngage recomienda el Push Single Step Opt-in para un mejor rendimiento.

cuadro de diálogo de suscripción pushengage

En este punto, necesitará subir algunos archivos si no está usando WordPress. Esto le permitirá enviar notificaciones desde su dominio en lugar del subdominio PushEngage.

Ya que tenemos el plugin de WordPress instalado, vamos a saltarnos esto y empezar a enviar.

7. Empezar a enviar notificaciones push

Ahora es el momento de enviar tu primera notificación. Si quieres probar este paso, visita tu página de inicio y suscríbete para tener un suscriptor de prueba con el que empezar.

Para enviar una nueva notificación, haga clic en Notificaciones de la barra lateral y haga clic en Crear " Nueva notificación.

Aquí, tienes que escribir:

  • Título y mensaje de la notificación
  • La URL de la página específica a la que desea dirigirse
  • Una imagen personalizada para el mensaje de notificación (si desea sustituir la predeterminada).

enviar notificación

Consejo profesional: Te recomendamos que utilices también la Notificación Multi-Acción. Esto le permite añadir un botón 'Leer más' que podría ayudar a conseguir más clics.

Una vez hecho esto, puedes elegir enviar la notificación ahora o programarla para más tarde. Si tienes un plan de pago, también puedes programar el envío en función de la zona horaria del usuario.

Revise todo antes de hacer clic en el botón Enviar notificación... ¡y listo! Eche un vistazo a sus análisis de PushEngage para ver el rendimiento de sus notificaciones.

Arregle sus correos electrónicos de WordPress ahora

A continuación, notifica a los autores la publicación de sus entradas

Es mucho más fácil seguir el calendario de publicación de un blog con varios autores si se configuran notificaciones automáticas por correo electrónico para los autores cuando se publican sus entradas.

Y si estás harto del spam en tu sitio, te recomendamos que eches un vistazo a estas alternativas a Google reCAPTCHA

¿Listo para arreglar tus correos electrónicos? Empiece hoy mismo con el mejor plugin SMTP para WordPress. Si no tienes tiempo para arreglar tus correos electrónicos, puedes obtener asistencia completa de White Glove Setup como compra adicional, y hay una garantía de devolución de dinero de 14 días para todos los planes de pago.

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más consejos y tutoriales sobre WordPress.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Renee DeCoskey

Renee DeCoskey escribe en blogs desde 2001 y utiliza WordPress desde 2007. Cuando no está escribiendo sobre plugins de WordPress, se la puede encontrar acurrucada con un libro o divirtiéndose en Rotary.Más información

Pruebe nuestro plugin gratuito WP Mail SMTP

Utilice su proveedor SMTP favorito para enviar sus correos electrónicos de WordPress de forma fiable.

Active JavaScript en su navegador para rellenar este formulario.