> For the complete documentation index, see [llms.txt](https://woowup-docs.gitbook.io/woowup-developer-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://woowup-docs.gitbook.io/woowup-developer-docs/push-notifications/configuracion-notificaciones-web-push-en-magento-web-custom.md).

# 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***](/woowup-developer-docs/web-tracking/web-tracking.md) *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="/files/wLlBNu20dtPOW3tqtQbW" %}

 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

```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 %}

![](/files/tMaFNH8p6CFjWwH5ytJ7)

{% 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 %}

![](/files/urSi7Fsvt0W4adArItAf)

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

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