# Configuración Notificaciones Web Push en Magento / Web Custom

### 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***](https://woowup-docs.gitbook.io/woowup-developer-docs/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:

{% file src="<https://2630140241-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LRNHU4Ej62060lN40uV%2Fuploads%2FRqcVmM1iS4OL89BmtTmE%2Fservice-worker.zip?alt=media&token=4adafe23-05b1-4b1b-be3c-63042545d793>" %}

&#x20;2\. Sube el archivo service-worker.js a tu sitio en la ubicación:\
&#x20;     `https://your-site.com/service-worker.js`

&#x20;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

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

#### Agregar el script #2

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

{% hint style="warning" %}
Debes agregar los scripts en el encabezado de la página de entrada.
{% endhint %}

{% hint style="warning" %}
Es importante que respetes el orden de los scripts.
{% endhint %}

{% hint style="warning" %}
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".
{% endhint %}

![](https://2630140241-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LRNHU4Ej62060lN40uV%2Fuploads%2F3YrjilxTBRQHvm3OujKh%2Fimage.png?alt=media\&token=afb36251-bfbc-449b-b498-0028442020e3)

{% hint style="warning" %}
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".
{% endhint %}

![](https://2630140241-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LRNHU4Ej62060lN40uV%2Fuploads%2FTPARAAMDaRZ8Gj2Sp7mH%2Fimage.png?alt=media\&token=8964995e-a44b-485a-93c6-3e5e960255c7)

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?](https://woowup-docs.gitbook.io/woowup-developer-docs/push-notifications/como-saber-si-la-configuracion-fue-exitosa)

#### ***Próximamente disponible en Tienda Nube, Shopify y Mercadoshops***&#x20;