Habilitando notificações PWA da loja

Configurações da Loja - Storefront

Todas as lojas VTEX IO nativamente têm um Progressive Web App (PWA) à sua disposição. Um PWA é um tipo de aplicativo da web usado para promover nativamente recursos vantajosos para os usuários, como funcionalidades offline ou um ícone na tela inicial.

${"base64":" ","img":{"width":1617,"height":772,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":329695,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Store%20Settings%20-%20Storefront/habilitando-notificacoes-pwa-da-loja_1.png"}}$

O PWA pode ser disponibilizado para instalação do usuário em três momentos distintos de sua experiência de navegação: durante a primeira visita ao site da sua loja, ao adicionar o primeiro item ao carrinho, ou ao finalizar a primeira compra. Descubra como configurar o prompt em sua loja seguindo as etapas abaixo.

Configurando PWA em sua loja

No Admin VTEX, acesse Configurações da Loja > Storefront > Loja.
Clique na aba PWA.
Vá para Outras configurações do PWA e clique na seta para mostrar outras configurações.
Escolha a Cor do tema, Cor de fundo e adicione os Ícones de Logo Android e iOS.
Alterne o botão Adicionar à tela inicial. Selecione Prompt “Add to Home Screen”, o momento de navegação do usuário que você deseja que o aviso seja acionado.
Salve suas alterações clicando em SALVAR.