Configuración Notificaciones Web Push en Magento / Web Custom

Cómo conectar nuestro script de notificaciones push a tu sitio de comercio electrónico para habilitar el envío de notificaciones push web.

Instrucciones para activar notificaciones push

Habilitar el envío de notificaciones push en la web requiere de la creación de un service worker y de la inserción de dos scripts.

Aclaración: Es un requisito excluyente tener habilitada la funcionalidad de Web Tracking para poder identificar al usuario y permitirle ver el pop up de suscripción.

Es necesario que manejes las notificaciones entrantes del navegador en un Service Worker alojado en tu sitio. Los pasos a seguir son los siguientes:

1. Descarga y descomprime el siguiente archivo:

279B

service-worker.zip

archive

Open

2. Sube el archivo service-worker.js a tu sitio en la ubicación: https://your-site.com/service-worker.js

3. Abre service-worker.js en tu navegador para verificar que el archivo haya subido correctamente.

Ya poseo un Service Worker

En cuyo caso, solo deberías modificar tu service worker agregándole esta sentencia.

importScripts("https://assets-cdn.woowup.com/js/service-worker.js");

Agregar el script #1

<script src="https://assets-cdn.woowup.com/js/push-notifications.min.js" type="text/javascript"></script>

Agregar el script #2

<script type="text/javascript">
    WU.pushNotifications('Your-PublicKey', 'Your-InstanceID');
</script>

Debes agregar los scripts en el encabezado de la página de entrada.

Es importante que respetes el orden de los scripts.

En el script #2 DEBES reemplazar "Your-PublicKey" por la clave pública de WoowUp. La puedes encontrar en la página de configuración de WoowUp, en la sección "Mi cuenta".

En el script #2 DEBES reemplazar "Your-InstanceID" por tu Instance ID de WoowUp. Lo puedes encontrar en la página de configuración de WoowUp, en la sección “Notificaciones Push".

Para probar la correcta instalación y configuración de la app, puedes dirigirte al siguiente instructivo: ¿Cómo saber si la configuración fue exitosa?

Próximamente disponible en Tienda Nube, Shopify y Mercadoshops