Cómo agregar notificaciones del navegador para WordPress

Si ha intentado aumentar su lista de suscriptores de correo electrónico pero no ve que los visitantes regresen a su sitio, es posible que se pregunte qué más puede hacer. Mantener a los visitantes del sitio informados sobre las actualizaciones y generar tráfico de regreso a su sitio puede ser un desafío.

Afortunadamente, las notificaciones del navegador o las notificaciones "push" pueden agregar un elemento dinámico a la experiencia de su sitio web. La opción de enviar información a través del navegador de cada usuario puede abrir una nueva forma de mantener informados a sus visitantes e incluso reunir nuevos suscriptores.

En este artículo, explicaremos qué son las notificaciones automáticas y dónde se pueden usar. También veremos cómo configurarlos para navegadores de escritorio y móviles. Si está listo para aprender más sobre esta técnica útil, ¡comencemos!

¿Qué son las notificaciones del navegador de sitios web (notificaciones push)?

Como usuario de la web, es posible que esté más familiarizado con las notificaciones automáticas cuando se trata de su teléfono inteligente. Las notificaciones push, fieles a su nombre, "envían" información automáticamente a su dispositivo o navegador para avisarle cuando ha sucedido algo notable. Esto podría ser cuando recibió un mensaje de texto, por ejemplo, o recibió un Me gusta o un comentario en una publicación social.

De hecho, el 52 % de los usuarios de dispositivos móviles tienen habilitadas las notificaciones automáticas en sus teléfonos. Además, la misma tecnología se puede usar para lograr notificaciones automáticas dentro de los navegadores web de escritorio. Al habilitar las notificaciones automáticas para su sitio web, puede aprovechar funciones como la ubicación geográfica para crear experiencias personalizadas o realizar un seguimiento de los hábitos de los compradores para reducir los carritos de compras abandonados.

Un ejemplo de las notificaciones del navegador en acción es el sitio web de cupones y muestras gratis de Freefly. Freefly's utiliza una notificación automática para navegadores de escritorio. Cuando un usuario visita el sitio, recibe una notificación que le pregunta si desea recibir sus "Alertas de obsequios". Puede seleccionar "Sí" o "No, gracias" y continuar viendo el sitio web:

Un estudio de caso sobre la implementación de notificaciones automáticas de Freefly revela que su objetivo era proporcionar una comunicación instantánea de ofertas con un límite de tiempo a los visitantes. Este enfoque atrajo a 4400 nuevos suscriptores en 30 días, después de un proceso de configuración de solo tres minutos.

Cómo configurar las notificaciones del navegador con WordPress (en 6 pasos)

Ahora echemos un vistazo a OneSignal, un complemento gratuito de WordPress que ofrece notificaciones web y push móviles ilimitadas para hasta 30,000 suscriptores.

OneSignal también presenta la capacidad de segmentar audiencias, implementar funciones de localización, realizar un seguimiento de los resultados con Google Analytics y utilizar una API sólida.

Esto significa que puede integrarlo con todos los principales servicios de marketing por correo electrónico para enviar boletines a través de notificaciones automáticas, para una experiencia del cliente aún más personalizada. Echemos un vistazo a cómo comenzar con OneSignal siguiendo estos seis pasos.

1. Descargue e instale el complemento OneSignal

Primero, querrá dirigirse al directorio de complementos de WordPress y buscar OneSignal. Una vez que descargue los archivos del complemento, deberá visitar la sección Complementos en el área de administración de su sitio de WordPress.

Alternativamente, puede buscar OneSignal desde la sección Complementos y agregar el complemento gratuito allí mismo.

Una vez que haya instalado el complemento, asegúrese de seleccionar el botón Activar que aparece una vez completada la instalación. Cuando haya hecho eso, puede hacer clic en el enlace OneSignal para completar el proceso.

2. Visite el sitio web de OneSignal para conectarse con WordPress

En el sitio web de OneSignal, deberá crear una cuenta gratuita. También hay algunos pasos que deberá completar para asegurarse de que OneSignal esté configurado para su sitio de WordPress y para elegir los navegadores que desea usar.

Una vez que se registre, se le pedirá que seleccione una aplicación para sus notificaciones.

En nuestro ejemplo, vamos a utilizar Chrome. Deberá nombrar su aplicación para continuar con el próximo paso. En la siguiente pantalla, se le pedirá que configure su web push.

Deberá seleccionar el complemento de WordPress o el Creador de sitios web en la parte superior de la pantalla para cambiar las opciones presentadas. Una vez que haga eso, verá un icono de WordPress que puede elegir, entre una lista de otras aplicaciones web.

Después de seleccionar el ícono de WordPress , aparecerán más opciones de configuración etiquetadas como Configuración del sitio de WordPress a continuación. Aquí es donde podrá agregar la información de su sitio web y cargar un ícono personalizado si lo desea.

En este cuadro de diálogo de configuración, también encontrará documentación sobre sitios que no son totalmente HTTPS. Si se encuentra en esa situación, querrá revisar esta documentación y seguir las recomendaciones de OneSignal. Cuando haya completado la información de su sitio, guarde los cambios.

3. Confirme las configuraciones en el panel de configuración de su complemento de WordPress

Una vez que haya guardado la información de configuración del sitio de WordPress, se le presentará una pantalla con detalles importantes que deben transferirse a su panel de configuración de OneSignal en WordPress. Estos incluyen su API ID y API Key para la aplicación que acaba de configurar.

Puede usar el botón Ir a mi sitio web debajo de la información de la API, o navegar a su panel de WordPress en otra pestaña del navegador para completar la configuración.

Una vez que esté en su tablero, querrá hacer clic en OneSignal Push en el menú de la izquierda y seleccionar la pestaña Configuración . Aquí es donde deberá ingresar esos códigos API para establecer la conexión final entre WordPress y OneSignal.

Para configurar también una notificación automática para el navegador Safari de Apple, deberá volver al sitio web de OneSignal y agregar Safari como una aplicación (y así sucesivamente para otros navegadores).

4. Personaliza tu mensaje emergente

Ahora que ha realizado la conexión entre WordPress y OneSignal, puede comenzar a personalizar todas las opciones incluidas en el complemento. Esto incluye el mensaje emergente para suscribirse a sus notificaciones automáticas.

Dentro de la configuración de OneSignal Push en WordPress, puede desplazarse hacia abajo debajo de la información de la API y decidir qué quiere que diga el texto de su invitación push.

Esta es una excelente manera de personalizar la experiencia y atraer a los visitantes para que usen sus notificaciones.

5. Personaliza tu icono de notificación

Otro elemento clave que puede personalizar es el icono de notificación. Esto le permitirá modificar la forma en que los visitantes reciben notificaciones en sus navegadores. Por ejemplo, puede diseñar un mensaje de agradecimiento personalizado que los visitantes recibirán una vez que se suscriban.

Además, puede configurar el texto de las notificaciones que aparecerán si un visitante bloquea o cancela su suscripción a su servicio de notificaciones automáticas. Si bien esto sucederá a veces, puede intentar mantener al visitante enganchado elaborando un mensaje que deje en claro por qué es beneficioso mantenerse suscrito a sus notificaciones.

6. Envía notificaciones desde tu sitio web de WordPress

Ahora que está todo configurado con OneSignal, es posible que se pregunte cómo enviar notificaciones. Afortunadamente, la aplicación OneSignal enviará automáticamente notificaciones automáticas cada vez que se publique una nueva publicación en su sitio web.

Sin embargo, si desea enviar manualmente una notificación para una página o publicación, puede hacerlo desde cualquier pantalla de edición de WordPress.

En la pestaña Documento , ahora tendrá una opción de OneSignal. Desde allí, puede marcar la casilla para enviar una nueva notificación del navegador cada vez que se actualice la publicación. Esto puede ser particularmente útil si está actualizando un artículo en su tienda en línea, por ejemplo. También puede configurar OneSignal para enviar automáticamente notificaciones automáticas para ciertos tipos de publicaciones personalizadas.

¿Necesita ayuda para mejorar su experiencia digital?

Configurar notificaciones automáticas para su sitio web de WordPress puede ser una manera perfecta de crear una experiencia dinámica para los visitantes de su sitio. Si disfrutó aprendiendo sobre esta herramienta, le encantarán los otros excelentes recursos para desarrolladores que tenemos para compartir aquí en WP Engine.

WP Engine ofrece más que solo servicios de alojamiento de WordPress rápidos y confiables. También ofrecemos una plataforma de experiencia digital completa. ¡Esto significa que con WP Engine, puede concentrarse en desarrollar un excelente diseño de sitio web para sus clientes y dejarnos la administración del alojamiento a nosotros!