{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-instalar-um-service-worker","locale":"pt","slug":"como-instalar-um-service-worker","path":"docs/pt/tutorials/storefront/configurações-da-loja---storefront/como-instalar-um-service-worker.md","branch":"main","content":"Service Worker é um script que seu navegador executa em segundo plano, separado da Web, possibilitando recursos como sincronização periódica, notificações push e até execução em modo offline.\n\nPara criar o script, siga o passo a passo abaixo:\n\n1. No Admin VTEX, acesse **Configurações da loja > Storefront > Ckeckout**, ou digite **Checkout** na barra de busca no topo da página.\n2. Clique no ícone de <i class=\"fas fa-cog\"></i> do site desejado.\n3. Na aba `Código`, clique no botão `Novo`.\n4. Em seguida, clique em `Arquivo`.\n5. Preencha o nome do arquivo exatamente como: `service-worker.js`.\n6. Clique  no botão `Criar`.\n7. Programe a funcionalidade.\n8. Clique em `Salvar`.\n\nApesar do arquivo se encontrar em `/arquivos/service-worker.js`, ele recebe o header `Service-Worker-Allowed` com valor `/`, o que permite interceptar requests da raiz do site.\n\nPara maiores informações, consulte o [Web Fundamentals](https://developers.google.com/web/fundamentals/primers/service-workers/), do Google Developers.\n\n### Artigos relacionados\n\n- [Como transformar o site da minha loja em um PWA](/pt/docs/tutorials/como-transformar-o-site-da-minha-loja-em-um-pwa)"}