Configure o Aplicativo Web Progressivo (PWA)

Um Aplicativo Web Progressivo (PWA) é um aplicativo da web que oferece uma experiência semelhante à de um aplicativo em dispositivos móveis. Ele permite que os usuários instalem a Web Shop diretamente na tela inicial do dispositivo, fornecendo acesso rápido sem a necessidade de se abrir um navegador e navegar manualmente à loja.

Para plataformas com limitações de redirecionamento, o PWA fornece uma maneira mais direta e conveniente para os usuários alcançarem a loja, reduzindo etapas desnecessárias e aprimorando o engajamento. Ao simplificar o acesso, o PWA ajudará a melhorar a retenção do usuário e encorajar compras frequentes.

Fluxo de instalação do PWA do usuário

• Em dispositivos iOS
• Em dispositivos Android

1. O usuário abre a Web Shop no seu dispositivo móvel.

2. A Web Shop exibe o banner de sugestão de instalação do aplicativo na parte inferior da tela.

3. O usuário clica em Install.

4. Web Shop exibe as instruções de instalação para o PWA.

5. O usuário segue as instruções. Como resultado, o PWA é adicionado à tela inicial do dispositivo do usuário.

1. O usuário abre a Web Shop no seu dispositivo móvel.

2. A Web Shop exibe o banner de sugestão de instalação do aplicativo na parte inferior da tela.

3. O usuário clica em Install.

4. O usuário confirma a instalação na janela de diálogo do sistema.

5. O PWA é instalado automaticamente e aparece na tela inicial e na gaveta do aplicativo.

Como configurar

1. No seu projeto na Conta de Distribuidor, vá para a seção Site Builder.
2. No painel do seu site Web Shop, clique em Open Site Builder.
3. Vá para Web App settings.
4. Defina a opção Enable Web App como ativa.

5. Personalize o banner de sugestão de instalação do aplicativo (opcional):
   • Altere o texto do cabeçalho do banner.
   • Altere o texto secundário do banner.
   • Defina o plano de fundo personalizado.
   • Altere o estilo do botão.

6. Instruções de instalação personalizadas (opcional).

7. Defina a aparência do PWA no dispositivo do usuário:
   1. Especifique o nome do seu PWA. Ele será exibido na tela inicial ou na gaveta do aplicativo do dispositivo do usuário.
   2. Envie um ícone do PWA.

   

   Observação

   Se o PWA usar o mesmo ícone que seu jogo, recomendamos definir a opção Show icon frame como ativa. Isso adicionará uma moldura ao redor do ícone da loja, fazendo com que seja mais fácil para os usuários distingui-los do jogo.

   

   8. Para aplicar as alterações, publique seu site.

   

   Este artigo foi útil?

   Sim

   Não

   Obrigado!

   Podemos melhorar alguma coisa? Mensagem Enviar

   Que pena ouvir isso

   Explique porque este artigo não foi útil para você. Mensagem Enviar

   Obrigado pelo seu feedback!

   Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.
   Última atualização: 11 de Março de 2025

   Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.