O Web Push permite enviar notificações para usuários que acessaram o seu site, mesmo quando não estão com a página aberta. A configuração é feita na plataforma Inngage e envolve as etapas abaixo.
Por que usar Web Push?
- Alcance imediato e constante: as notificações chegam mesmo com o site fechado (basta o dispositivo estar ligado e conectado) — ideal para ofertas de tempo limitado e comunicados urgentes.
- Acesso direto à tela: a mensagem aparece na área de trabalho ou na tela de notificações do celular, sem filtros de spam nem caixa de entrada cheia.
- Opt-in com um clique: a inscrição não exige formulário, e-mail ou app instalado.
- Privacidade simplificada: a subscrição se baseia em navegador/dispositivo, sem troca de dados pessoais sensíveis — o que facilita a conformidade com LGPD/GDPR.
- Baixo custo por envio em comparação com SMS e campanhas complexas de e-mail.
Resultados típicos: tráfego recorrente de volta ao site, CTR superior ao e-mail, recuperação de carrinho abandonado, promoções segmentadas por comportamento e alcance cross-platform (Chrome, Firefox, Edge, desktop e mobile).
Passo 1: acessar as configurações
- Faça login na Inngage.
- No menu lateral, clique em Configurações do App.
- Selecione Web Push.
Passo 2: adicionar a URL do site
- No campo de configuração para Chrome/Firefox, clique em Adicionar URL.
- Insira a URL do site que receberá o Web Push e confirme.
Passo 3: funcionalidades adicionais (opcional)
- ✅ Ativar On Site Messages — exibe mensagens dentro do próprio site.
- ✅ Ativar Captura de Forms — captura formulários automaticamente para segmentação.
- ✅ Ativar logs do Script — habilita logs para depuração da configuração.
Passo 4: instalar o SW.js (Service Worker)
O sw.js é o arquivo JavaScript que atua como Service Worker — responsável por receber notificações com o site fechado, cache/uso offline e sincronização em segundo plano. (Para entender a fundo, veja o artigo "Service Worker: entenda o que é e como funciona".)
- Baixe o arquivo
sw.jse faça o upload para o servidor do site, no diretório raiz, acessível emhttps://www.SEUSITE.com.br/sw.js. - No painel da Inngage, preencha:
- Caminho do arquivo: onde o script está hospedado (na raiz, ele controla todas as páginas do domínio).
- Nome do arquivo: normalmente
sw.js(pode ser outro nome, desde que referenciado corretamente). - Escopo do registro: quais páginas o Service Worker controla —
/vale para o site inteiro.
Passo 5: inserir o código de integração
- Acesse as Instruções de Configuração Web Push no painel.
- Copie o código de integração exibido.
- Cole dentro da tag
<body>do seu site, incluindo o CDN da Inngage.
Passo 6: identificação do usuário e eventos
Para identificar usuários logados e registrar eventos de comportamento, utilize os códigos de integração disponíveis nas instruções do painel — são eles que conectam o visitante anônimo ao seu cliente identificado.
Passo 7: configurar a pré-permissão
A pré-permissão exibe um pop-up amigável antes do prompt oficial do navegador — e aumenta significativamente a taxa de opt-in.
| Parâmetro | Descrição | Exemplo |
|---|---|---|
| Ativar Pré-Permissão | Exibe o pop-up antes do pedido oficial | Sim |
| Tempo de Espera | Segundos até o pop-up aparecer após o carregamento | 20s |
| Mensagem Personalizada | Texto exibido no pop-up | "Ative as notificações para receber novidades" |
| Texto do Botão de Aceite | Chamada do botão principal | "Quero receber" |
| Cor do Botão / Hover / Texto | Personalização visual do aceite | #0091FF / #58B7FF / #FFFFFF |
| Texto e Cor do Botão de Cancelar | Opção de recusa | "Não obrigado" / #000000 |
Dica: ajuste o tempo de espera para o usuário interagir com o site antes de ver o pedido, e use uma mensagem clara sobre o benefício de aceitar.
Próximos passos
Depois dessas configurações, finalize a integração técnica com os guias Instalação do SW.js no servidor e os artigos da seção Service Worker. Em caso de dúvidas, abra um chamado com o nosso suporte.
