# Utilizando PWA na loja

### O que é PWA?

PWA, em inglês Progressive Web App, é uma aplicação híbrida entre web e mobile. Tem a capacidade de transformar os navegadores (páginas web) em aplicativos mobile, combinando os recursos oferecidos pela maioria dos navegadores modernos com os benefícios da experiência móvel. Em resumo, é uma aplicação web com tecnologias que permitem termos a experiência de uso muito próxima da oferecida pelos aplicativos mobile sem a necessidade de instalação.

### **Como aplicar?**

Disponibilizamos a possibilidade de inclusão do arquivo `service_worker.js` . Com esse arquivo disponível é possível tornar a loja uma PWA (Progressive Web App), onde ele deve estar localizado na raiz da loja para que funcione corretamente. Para implementar este recurso é necessário criar o arquivo com o nome de `service_worker.js` diretamente a pasta **JS.** Caso o tema contenha esse arquivo ele será carregado diretamente na raiz do domínio. &#x20;

```html
 Ex:  www.minhaloja.commercesuite.com.br/service_worker.js
```

Para ter acesso a este arquivo em um tema preview (Não publicado)

```html
 Ex:  www.minhaloja.commercesuite.com.br/service_worker.js?&opencode_theme=5bc9e193eca1f&4884
```

No caso o arquivo `manifest.json` você poderá salvar em qualquer pasta, não necessariamente na raiz.

Será como um upload de um arquivo qualquer pelo opencode, e quando for usar a tag abaixo, basta adicionar no `href` o caminho que você inseriu no arquivo.

```html
 <link rel="manifest" href="caminhodapasta/manifest.json">
```
