TESTE PEDRO

Ferramentas adicionais e integrações

Notificações Aplicativo (web push)

Como adicionar o TESTE PEDRO como App na tela inicial do celular e acionar o WebPush

O Aplicativo TESTE PEDRO
O TESTE PEDRO utiliza a moderna tecnologia PWA (Progressive Web App), o que proporciona uma experiência de aplicativo completa diretamente no seu celular ou computador, sem a necessidade de baixar em lojas como App Store ou Play Store. Ao instalá-lo na sua tela inicial, o TESTE PEDRO opera como um app nativo: rodando em tela cheia, com navegação fluida e suporte a notificações em tempo real.
Como funcionam as Notificações Web Push

Notificações Web Push
Para manter você sempre atualizado, o sistema utiliza notificações Web Push. Essa tecnologia permite que seu dispositivo receba alertas de novos atendimentos e mensagens mesmo quando o aplicativo não estiver ativamente aberto na tela. Para garantir o recebimento desses alertas, basta seguir uma configuração rápida em três etapas.

1. Adicione o App na tela inicial do celular

O primeiro passo é adicionar o atalho (ícone) do TESTE PEDRO no seu celular (Android ou iOS). É obrigatório abrir o TESTE PEDRO por esse ícone — no iOS, as notificações Web Push só funcionam quando o app é aberto pelo atalho instalado, e não pelo navegador.

Para Android (Google Chrome):

  1. Abra o endereço do seu TESTE PEDRO no Chrome.
  2. Toque no menu ⋮ (três pontos) no canto superior direito.
  3. Selecione "Instalar app" ou "Adicionar à tela inicial" e confirme.
  4. Abra o TESTE PEDRO pelo ícone que foi criado na tela inicial.

Para iPhone (iOS) — pelo Safari:

  1. Confirme que o iPhone está no iOS 16.4 ou superior (versões anteriores não suportam Web Push em PWA).
  2. Abra o endereço do seu TESTE PEDRO no Safari.
  3. Toque no botão Compartilhar (o quadrado com a seta para cima).
  4. Selecione "Adicionar à Tela de Início" e confirme.
  5. Abra o TESTE PEDRO pelo ícone criado na tela inicial — não pelo Safari.

2. Passo a Passo para Ativar as Notificações

Ative as Notificações no Aplicativo PWA

Primeiro, você precisa habilitar a recepção de notificações dentro do próprio PWA.

Este botão só é visível quando o TESTE PEDRO é executado a partir do celular, com atalho na tela inicial (PWA).

Habilite o Web Push no Canal Desejado

Em seguida, você precisa dizer ao TESTE PEDRO para qual canal você quer receber os alertas.

3. Customizações do ícone e nome do App

Disponível no perfil: Super-Administrador

Alterando o Nome do Aplicativo

O nome definido aqui aparecerá no título da aba do navegador, nas telas de instalação do aplicativo e nos menus do sistema.

  1. No campo Nome do Aplicativo, apague o nome atual e digite o nome da sua empresa.
  2. Clique no botão azul Salvar.

Configurando o Ícone do Aplicativo (PWA)

Para que o ícone do seu app fique com a sua marca na tela inicial dos celulares dos clientes:

  1. Vá até a seção Ícone PWA.
  2. Clique em Alterar ícone PWA.
  3. Envie a imagem da sua logo.

Para evitar distorções ou erros na instalação, a imagem enviada deve ser obrigatoriamente no formato PNG quadrado, com o tamanho mínimo de 512x512 pixels.

Ao enviar esta única imagem, o sistema trabalhará de forma inteligente: ele gerará automaticamente 9 tamanhos diferentes (de 72px a 512px) e atualizará o arquivo interno (manifest.json) necessário para a instalação em qualquer dispositivo.

4. Solução de Problemas

Não estou recebendo as notificações. O que verificar?

  1. Você abriu o TESTE PEDRO pelo ícone instalado na tela inicial (e não pelo navegador)? Esse é o erro mais comum — sem isso, o push não dispara (obrigatório no iOS).
  2. Tocou no botão (...) ao lado do sino, dentro do app, para ativar as notificações? Ativar apenas nas configurações do celular não basta (Etapa 2).
  3. A opção "Habilitar WebPush" está marcada no canal desejado (Configurações do TESTE PEDRO → Canais)?
  4. As permissões de notificação estão concedidas ao app/navegador nas configurações do celular?
  5. Os modos "Não Perturbe" / "Foco" estão desativados?

Específico do iPhone (iOS): o Web Push exige iOS 16.4 ou superior e que o app seja aberto pelo ícone da tela inicial. Pelo Safari normal, as notificações não funcionam.

Específico do Android: a otimização de bateria e a economia de dados costumam bloquear notificações em segundo plano. Em Configurações → Apps → (TESTE PEDRO/Chrome) → Bateria, deixe "Sem restrições", e libere o uso de dados em segundo plano. Mantenha também o Chrome atualizado.