Como Fazer: Mostrar e Usar a Tela de Configurações do Seu App

Todos os apps criados com webtoapp.design contêm uma tela de configurações nativa que dá aos usuários acesso a muitos recursos importantes. Vamos dar uma olhada em como abrir a página de configurações e usar seus recursos!

Abrindo as Configurações do App

A maneira mais comum de abrir as configurações do app é através da interface do usuário. A aparência da interface varia dependendo do layout do app que você escolher. Então, vamos começar com o layout mais popular, o layout de menu lateral (drawer):

Como você pode ver, temos o botão para abrir o menu de configurações na parte inferior do menu lateral. Ele está fora do caminho (porque está abaixo dos itens de menu mais usados acima dele), mas ainda é fácil para os usuários encontrarem. Não consegue vê-lo no seu app? Certifique-se de que o item de menu de configurações está habilitado nas configurações da tela do menu lateral.

O botão de configurações é mais proeminente no layout de barra de navegação, localizado bem na barra de navegação inferior:

Semelhante ao layout de menu lateral, o item de barra de navegação de configurações pode ser desativado no seu painel do webtoapp.design. Isso pode ser especialmente útil com o layout de barra de navegação, porque o espaço na barra de navegação inferior é bastante limitado. Você não deve ter mais de cinco botões na sua barra de navegação e ter o botão de configurações ocupando um desses espaços pode ser problemático.

Se você decidir desativar o botão de configurações para o layout do seu app (ou usar o layout "Apenas Website", que não pode ter um botão de configurações), recomendamos fortemente que você adicione uma maneira alternativa de abrir as configurações, porque a tela de configurações contém muitos recursos importantes (como discutiremos na seção a seguir).

Vamos dar uma olhada em outras maneiras de abrir a página de configurações.

Abrindo a Tela de Configurações com um Link

A opção mais fácil é adicionar um botão/link "Abrir Configurações" ao seu site que leva a https://webtoapp.design/apps/pt_BR/show_settings

Quando esse link é aberto no app, ele abrirá a página de configurações. Então, coloque o link onde você quiser dar ao usuário a opção de abrir as configurações do app, por exemplo, no rodapé do seu site.

Abrindo a Tela de Configurações com JavaScript

Em vez do link, você também pode chamar a função JavaScript showSettingsPage , que alcança o mesmo objetivo.

Não importa qual opção de abertura das configurações você use, você será apresentado a esta tela:

Funcionalidades

Na captura de tela acima, já podemos ver a maioria dos recursos que a tela de configurações contém. Vamos passar por eles um por um de cima para baixo:

• Os usuários podem gerenciar tudo relacionado a notificações push:
  • Ativar/desativar notificações completamente.
  • Conceder a permissão de notificação push se ainda não o fizeram. Se o usuário rejeitou anteriormente a permissão de notificação push, as configurações do sistema serão abertas onde ele pode ativar as notificações.
  • Se o seu site usa tópicos de notificação, os usuários podem cancelar a inscrição de tópicos específicos na página de configurações.
• Ativar ou desativar relatórios de falhas. Você pode definir o padrão para isso no seu painel do webtoapp.design.
• Manter a tela do dispositivo ligada enquanto o app está aberto (mesmo que o usuário não esteja interagindo com ele). Você também pode alterar o padrão para essa configuração no seu painel.
• O diálogo "Sobre o App" concede acesso a dois recursos:
  • Você (como criador do app) pode abrir o console do desenvolvedor para investigar problemas do app.
  • Os usuários podem ver as licenças de pacotes de terceiros usados pelo app. Isso é um requisito legal.
• Os usuários podem solicitar que seus dados sejam excluídos. Leia nosso guia para saber mais sobre como e por que usar o recurso de exclusão de conta.

Conclusão

A tela de configurações nativa no seu app é uma ferramenta poderosa tanto para os usuários quanto para você como criador do app. Ao entender e utilizar esses recursos, você pode tanto melhorar a experiência do usuário quanto economizar tempo (porque você não precisa construir os recursos da tela de configurações no seu site).