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.
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.
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.
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.
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.
¡É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:
- Editor de notificaciones web push, para diseñar el contenido de tus notificaciones web push.
- Suscripción push con notificación del navegador, para lanzar la notificación de suscripción a web push del navegador sin enviar contenido web.
-
Pedir suscripción a notificaciones web push con un popup, para crear una estrategia que suscribe a los contactos por medio de un popup.
-
Suscripción a push con slide in, para crear una estrategia que suscribe a los contactos por medio de un slide in.