{"id":11010,"date":"2024-09-02T18:13:51","date_gmt":"2024-09-02T18:13:51","guid":{"rendered":"https:\/\/help.fromdoppler.com\/es\/?p=11010"},"modified":"2024-10-24T12:24:09","modified_gmt":"2024-10-24T12:24:09","slug":"como-habilitar-notificaciones-push-con-vtex","status":"publish","type":"post","link":"https:\/\/help.fromdoppler.com\/en\/how-to-enable-push-notifications-with-vtex\/","title":{"rendered":"How to enable Push Notifications with VTEX?"},"content":{"rendered":"

If you have your Doppler<\/a> account integrated with VTEX, in this article you will learn how to configure and send Push Notifications to users who visit or are interested in your Online Store.<\/span><\/p>\n

Let’s see how it is done step by step 🙂<\/span><\/p>\n

First of all, you should know that you will need to create a script that runs in offline mode. For this case, Service Worker is a script that your browser runs in the background, independent of the Web, allowing features such as periodic synchronization, Push Notifications and even execution in offline mode.<\/span><\/p>\n

 <\/p>\n

To create the script, you will:<\/span><\/p>\n

    \n
  1. Go to the Admin section in your VTEX account. Then go to Store Settings > Storefront > Checkout, or type Checkout in the search bar at the top of the page.<\/span><\/li>\n
  2. Click on the ⚙️ icon of the desired site.<\/span><\/li>\n
  3. In the Code tab, click on the New button.<\/span><\/li>\n
  4. Then go to the File option.<\/span><\/li>\n
  5. Fill in the file name exactly as: service-worker.js.<\/span><\/li>\n
  6. Click on the Create button.<\/span><\/li>\n
  7. Program the functionality.<\/span><\/li>\n
  8. And don’t forget to save the procedure!<\/span><\/li>\n<\/ol>\n

    Once you have completed the previous steps, you can create the script from the VTEX Admin. Even though the file is located in \/files\/service-worker.js, it receives the Service-Worker-Allowed header with a value of \/, which allows it to intercept requests from the root of the site.<\/span><\/p>\n

    The file name would be service-worker.js and the content would be what you get when you download the service worker from the Doppler control panel. This file is named firebase-messaging-sw.js but in VTEX you should name it service-worker.js (which is how that platform expects it)<\/span><\/p>\n

     <\/p>\n

    Great! You learned how to configure your integrated account with VTEX to be able to reach a larger audience with your communications or remind them about promotions or special events based on the immediacy offered by Push Notifications.<\/span><\/p>\n

    Good luck with your Campaigns! \ud83d\ude42<\/span><\/p>","protected":false},"excerpt":{"rendered":"

    If you have your Doppler account integrated with VTEX, in this article you will learn how to configure and send Push Notifications to users who visit or are interested in your Online Store. Let’s see how it is done step by step 🙂 First of all, you should know that you will need to create […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[486],"tags":[],"acf":[],"yoast_head":"\nHow to enable Push Notifications with VTEX? - Doppler Help Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to enable Push Notifications with VTEX? - Doppler Help Center\" \/>\n<meta property=\"og:description\" content=\"If you have your Doppler account integrated with VTEX, in this article you will learn how to configure and send Push Notifications to users who visit or are interested in your Online Store. Let’s see how it is done step by step 🙂 First of all, you should know that you will need to create […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.fromdoppler.com\/en\/how-to-enable-push-notifications-with-vtex\/\" \/>\n<meta property=\"og:site_name\" content=\"Doppler Help Center\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-02T18:13:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-24T12:24:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2019\/07\/share.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diego Noya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#website\",\"url\":\"https:\/\/help.fromdoppler.com\/es\/\",\"name\":\"Doppler Help Center\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.fromdoppler.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=11010#webpage\",\"url\":\"https:\/\/help.fromdoppler.com\/es\/?p=11010\",\"name\":\"[:es]\u00bfC\u00f3mo habilitar Notificaciones Push con VTEX?[:en]How to enable Push Notifications with VTEX?[:] - Doppler Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#website\"},\"datePublished\":\"2024-09-02T18:13:51+00:00\",\"dateModified\":\"2024-10-24T12:24:09+00:00\",\"author\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013\"},\"breadcrumb\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=11010#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.fromdoppler.com\/es\/?p=11010\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=11010#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.fromdoppler.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo habilitar Notificaciones Push con VTEX?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013\",\"name\":\"Diego Noya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g\",\"caption\":\"Diego Noya\"},\"url\":\"https:\/\/help.fromdoppler.com\/en\/author\/doppleradmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to enable Push Notifications with VTEX? - Doppler Help Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"How to enable Push Notifications with VTEX? - Doppler Help Center","og_description":"If you have your Doppler account integrated with VTEX, in this article you will learn how to configure and send Push Notifications to users who visit or are interested in your Online Store. Let’s see how it is done step by step 🙂 First of all, you should know that you will need to create […]","og_url":"https:\/\/help.fromdoppler.com\/en\/how-to-enable-push-notifications-with-vtex\/","og_site_name":"Doppler Help Center","article_published_time":"2024-09-02T18:13:51+00:00","article_modified_time":"2024-10-24T12:24:09+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2019\/07\/share.png","type":"image\/png"}],"twitter_card":"summary","twitter_misc":{"Written by":"Diego Noya","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/help.fromdoppler.com\/es\/#website","url":"https:\/\/help.fromdoppler.com\/es\/","name":"Doppler Help Center","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.fromdoppler.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/help.fromdoppler.com\/es\/?p=11010#webpage","url":"https:\/\/help.fromdoppler.com\/es\/?p=11010","name":"[:es]\u00bfC\u00f3mo habilitar Notificaciones Push con VTEX?[:en]How to enable Push Notifications with VTEX?[:] - Doppler Help Center","isPartOf":{"@id":"https:\/\/help.fromdoppler.com\/es\/#website"},"datePublished":"2024-09-02T18:13:51+00:00","dateModified":"2024-10-24T12:24:09+00:00","author":{"@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013"},"breadcrumb":{"@id":"https:\/\/help.fromdoppler.com\/es\/?p=11010#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.fromdoppler.com\/es\/?p=11010"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.fromdoppler.com\/es\/?p=11010#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.fromdoppler.com\/es\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo habilitar Notificaciones Push con VTEX?"}]},{"@type":"Person","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013","name":"Diego Noya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g","caption":"Diego Noya"},"url":"https:\/\/help.fromdoppler.com\/en\/author\/doppleradmin\/"}]}},"_links":{"self":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/11010"}],"collection":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/comments?post=11010"}],"version-history":[{"count":3,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/11010\/revisions"}],"predecessor-version":[{"id":11014,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/11010\/revisions\/11014"}],"wp:attachment":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/media?parent=11010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/categories?post=11010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/tags?post=11010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}