Configuración del canal web push

Las notificaciones web push son mensajes instantáneos y completamente personalizables que los contactos reciben en sus dispositivos. Esta comunicación inmediata e individualizada permite impactar a los usuarios en el momento y lugares adecuados para incrementar las tasas de conversión, incluso cuando no visitan la web.

En este artículo, aprenderás cómo configurar las notificaciones web push.

  

Tiempo de implementación: 10 minutos.
Dificultad: Media
¿Cuándo utilizarlo?: Cuando quieras integrar en Connectif el envío de notificaciones web push a tus contactos.

  

Las notificaciones web push lanzadas desde Connectif funcionan en los navegadores y versiones que dan soporte al API de PUSH. Esto incluye a los navegadores más utilizados en el mercado: Chrome, Firefox o Edge (Chromium). Sin embargo las notificaciones web push no tienen soporte en Safari ni en dispositivos móviles Iphone.

Para consultar el listado completo, haz clic aquí.

 

PASO 1. Configurar el ServiceWorker

1. Accede a Configuración de tienda en el menú lateral izquierdo.

2. En el selector de pestaña, ve a "Canales > Notificaciones Web Push".

3. Haz clic en  Descargar.

Configurar notificaciones web push 2023 - 01-min.png

  

Un fichero ServiceWorker (como el "service-worker.js" de la descarga) es una secuencia de comandos JavaScript ejecutados por el navegador en segundo plano. Haciendo uso de él, ciertos procesos de la web siguen funcionando aunque el contacto haya cerrado el navegador o no lo haya abierto todavía.

4. Carga el archivo en tu servidor y copia la ruta.

5. Introduce la ruta al ServiceWorker en la sección URL del ServiceWorker.

Configurar notificaciones web push 2023 - 02-min.png

 

Para el correcto funcionamiento de las notificaciones web push, es necesario que el dominio de tu tienda o web sea HTTPS.

6. Haz clic en   Guardar.

 

PASO 2. Comprobar la configuración

1. En una nueva pestaña o ventana, accede a la URL del ServiceWorker.

C_mo_configurar_las_notificaciones_web_push_-_4_lite.png

  

Si la ruta es correcta, el navegador mostrará el fragmento de código que define al ServiceWorker.

2. Abre la consola de herramientas de desarrollo (DevTools) del navegador.

  

Todos los navegadores tienen en menú un enlace para abrir DevTools. Aquí tienes indicaciones para abrirla en Google Chrome (navegador utilizado en nuestro ejemplo), Mozilla Firefox, Microsoft Edge y Safari.

Como alternativa, si estás en Chrome, Firefox o Edge, puedes utilizar la tecla de atajo F12.

3. En la ventana de las herramientas de desarrollo, haz clic en Application.

C_mo_configurar_las_notificaciones_web_push_-_9.png

4. En el menú de la columna izquierda selecciona  Service Workers.

5. Comprueba que el estado del ServiceWorker es "activo y en ejecución". Además el semáforo que acompaña a Status será de color verde. 

C_mo_configurar_las_notificaciones_web_push_-_10.png

 

 

 

 ¡Éxito!
Las notificaciones web push están listas para ser utilizadas en tus estrategias.


¡Sigue aprendiendo!

Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0