WoowUp Developer Docs
Woowup
  • Getting Started (EN)
  • Primeros Pasos (ES)
  • API
    • Users
    • Purchases
    • Products
    • Benefits
    • Coupons
    • Events
      • Garantía Extendida
    • Custom Attributes
    • Branches
    • Blacklist
    • Abandoned carts
    • Reset account
    • Integration Stats
    • Categories
    • Segment Export
  • Web Tracking
    • Configuración Navegación Web
  • Push Notifications
    • Configuración Notificaciones Web Push en Magento / Web Custom
    • Configuración Push en VTEX Legacy
    • Configuración Push en VTEX IO
    • ¿Cómo saber si la configuración fue exitosa?
  • Formularios Web
    • Formulario HTML / Script JS Newsletter
  • VTEX
    • Conectar Cuenta
    • Trigger Carrito Abandonado
    • Trigger Newsletter
    • VTEX APP Instalación
    • VTEX APP Configuración
  • Magento 1
    • Conectar Cuenta
    • Extension Carrito Abandonado
  • Magento 2
    • Conectar Cuenta
  • Shopify
    • Conectar Cuenta
  • Woocommerce
    • Conectar Cuenta
    • Extensión Carrito Abandonado
  • Prestashop
    • Conectar Cuenta
  • E3
    • Conecta tu eCommerce E3
  • Tienda Nube
    • Conectar Cuenta
  • Mensajería
    • SendGrid: Conectar Cuenta
    • Perfit: Conectar Cuenta
    • Infobip: Conectar Cuenta
  • Editor de campañas
    • Motor de template de emails
  • Data Processing
    • WoowUp Connectors
    • Migración a Multi - ID
  • How To
    • SurveyKiwi: Conectar Cuenta
      • Untitled
    • Snappy: Conectar Cuenta
    • Zendesk: Conectar Cuenta
  • Integración CSV / SQL
    • Primeros pasos
    • Archivo de Tiendas
    • Archivo de Categorías
    • Archivo de Productos
    • Archivo de Clientes
    • Archivo de Ventas
    • Archivo de Medios de Pago
    • Archivo de Miembros de Familia
  • Validación de Datos
  • ¿Cómo completar el Blueprint?
Powered by GitBook
On this page
  • Instrucciones para activar notificaciones Push
  • Agregar Scripts a VTEX.

Was this helpful?

  1. Push Notifications

Configuración Push en VTEX Legacy

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

PreviousConfiguración Notificaciones Web Push en Magento / Web CustomNextConfiguración Push en VTEX IO

Last updated 6 months ago

Was this helpful?

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 para poder identificar al usuario y permitirle ver el pop up de suscripción.

Crear un Service Worker

Si tienes un Service Worker ya en funcionamiento, dirígete hacía

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:

2. Accede a tu portal de administración en vtex. Esto se hace ingresando a

https://{{tu-sitio-vtex}}.myvtex.com/admin/portal

3. Ingresa a configuración de tu sitio (con el ícono de la tuerca).

4. Ingresa en la pestaña Código

5. Dirígete a Nuevo, y selecciona Cargar Archivo

6. Carga el archivo nuevo.

7. Dirígete a nuestra página principal y haz click derecho. Selecciona Inspeccionar. (Puede cambiar según el navegador y su idioma).

8. Aparecerá una nueva ventana llamada Herramientas del desarrollador. Ir hacia la pestaña Aplicación. Si el service worker cargó bien, se mostrará el siguiente mensaje:

9. En caso contrario, sigue los siguientes pasos:

9.1: Ir hacia el panel de administración. https://{{tu-sitio-vtex}}.myvtex.com/admin

9.2: Dirigirse hacia:

9.3: Nos aparecerá una pantalla, hacemos click en CMS -> HTML Templates -> Home

9.4 Aparecerá un texto largo donde deberas insertar el siguiente texto, antes de la linea </head>

<script type="text/javascript">
    navigator.serviceWorker.register("files/service-worker.js", { scope: "/" })
</script>

9.5 Presiona el botón Save Template y reintente el paso 8.

Ya poseo un Service Worker

En cuyo caso, solo deberías modificar tu service worker agregandole esta sentencia.

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

Agregar Scripts a VTEX.

1: Ir hacia el panel de administración. https://{{tu-sitio-vtex}}.myvtex.com/admin

2: Dirigirse hacia:

3: Nos aparecerá una pantalla, hacemos click en CMS -> HTML Templates -> Home

4. Agregamos los siguiente antes de la linea </head>

<script src="https://assets-cdn.woowup.com/js/push-notifications.min.js" type="text/javascript"></script>
<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?
Web Tracking
Ya poseo un Service Worker
279B
service-worker.zip
archive
En el caso ejemplo la tienda se llama WoowUp