Notificações Push de PWA

Notificações push PWA
para toda tela inicial.

Envie push do seu Progressive Web App para Android, navegadores desktop e aplicativos web na Tela Inicial no iPhone e iPad. O PushEngage se integra ao service worker que você já tem, para que o cache e o modo offline continuem funcionando.

Mais de 75.000 empresas Android, desktop e iOS 16.4+ Garantia de devolução do dinheiro em 14 dias

Galeria de modelos de campanha push do painel PushEngage

Confiável por mais de 75.000 empresas

Domino's TUI HP AJIO Shop LC Charlton Athletic Harvard Business Review FunnelKit

Por que funciona

Seu PWA já instala como um app. Agora ele reengaja como um.

Uma notificação push de PWA é uma mensagem push padrão da web entregue através do service worker registrado do seu app, então ela alcança as pessoas mesmo depois que elas fecham a aba ou o app na Tela Inicial.

Sem loja de aplicativos no caminho

Visitantes instalam seu PWA do navegador e se inscrevem na mesma visita. Sem listagem na loja, sem fila de revisão, sem segundo download antes que você possa alcançá-los.

Seu service worker permanece intacto

Um PWA obtém um service worker ativo por escopo. O PushEngage adiciona seu manipulador de push ao seu em vez de substituí-lo, então o cache, o modo offline e a sincronização em segundo plano continuam funcionando.

Marketing é dono das campanhas

Após a configuração única, sua equipe cria segmentos, fluxos e campanhas acionadas no painel. Sem servidor de push para executar, sem chaves para girar, sem ticket por envio.

Como funciona

Como o push de PWA funciona com o PushEngage, do service worker à venda.

Instruções de configuração do PushEngage: baixe o arquivo do service worker ou envie as instruções por e-mail para um desenvolvedor

Mescle o service worker. Mantenha seu PWA.

Se o seu PWA ainda não tem um service worker, faça o upload do arquivo PushEngage para sua raiz. Se ele já tem um, adicione a única linha PushEngage ao seu arquivo existente e desative o registro próprio do PushEngage nas Configurações Avançadas. Seu PWA registra um worker que faz os dois trabalhos.

  • Sem projeto Firebase, configuração FCM ou gerenciamento de chaves VAPID
  • PushEngage gerencia inscrições de push e atualização de token
  • O plugin WordPress registra o service worker para você
Leia o guia de mesclagem
Construtor de pop-up de opt-in PushEngage com visualização em tempo real

iPhone e iPad, gerenciados

No iOS e iPadOS 16.4 e posteriores, o push da web funciona para aplicativos da web adicionados à Tela Inicial e abertos a partir de seu ícone. O widget Adicionar à Tela Inicial detecta visitantes do iOS navegando no Safari e os guia através de Compartilhar, depois Adicionar à Tela Inicial. Quando eles abrem o aplicativo a partir do ícone, sua solicitação de permissão aparece.

  • Funciona no Safari, Chrome e Edge no iOS 16.4+
  • O prompt de permissão abre com um toque, como o iOS exige
  • Ícone e nome do app vêm do seu manifesto de aplicativo da web
Guia de configuração de push da web para iOS
Tipos de campanha acionada do PushEngage: gatilho personalizado, abandono de navegação, abandono de carrinho, queda de preço, de volta ao estoque

Campanhas que disparam com base no comportamento

Envie transmissões, agende fluxos ou deixe o comportamento decidir. Campanhas de abandono de carrinho, abandono de navegação, queda de preço e volta ao estoque disparam com base no que um assinante realmente fez em seu PWA, e Workflows encadeiam os acompanhamentos.

  • Prompts de opt-in acionados por tempo na página, profundidade de rolagem ou um clique
  • Segmentos por comportamento, dispositivo e localização
  • O rastreamento de metas vincula a receita à campanha que a gerou
Explorar Fluxos de Trabalho

Onde funciona

Push de PWA no Android, desktop e iOS: o que cada um precisa.

O padrão de push é o mesmo em todos os lugares. O que muda é como um visitante chega ao clique de Permitir.

PlataformaNavegadoresO que o assinante fazO que o PushEngage gerencia
AndroidChrome, Firefox, Edge, Samsung Internet, OperaClica em Permitir em sua solicitação de opt-in, no navegador ou no PWA instaladoDesign e tempo da solicitação de opt-in, assinatura, entrega
DesktopChrome, Firefox, Safari, EdgeClica em Permitir em sua solicitação de opt-inDesign e tempo da solicitação de opt-in, assinatura, entrega
iPhone e iPad (iOS / iPadOS 16.4+)Safari, Chrome, EdgeAdiciona seu site à Tela Inicial, abre-o pelo ícone, toca para permitirO widget Adicionar à Tela Inicial, uma solicitação de opt-in por toque para permitir, entrega. Você fornece um manifesto de aplicativo da web com a exibição definida como standalone ou fullscreen (recomendado em vez de obrigatório no iOS 26+).

Fontes: Guia de configuração de web push para iOS e iPadOS do PushEngage e documentação do widget Adicionar à Tela Inicial. Seu site deve ser servido via HTTPS. Versões do iOS anteriores a 16.4 não suportam web push.

O que está incluído

Tudo o que seu programa de push PWA precisa, em um único painel.

O mesmo motor de assinantes que executa o web push para mais de 75.000 empresas, direcionado ao seu PWA.

Prompts inteligentes de opt-in

Dispara o prompt na hora certa na página, profundidade de rolagem ou em um clique, com controle total do design. Não é um pop-up frio no navegador ao carregar.

Visualizar estilos de opt-in

Widget Adicionar à Tela Inicial

Guia os visitantes do iOS do Safari para o seu aplicativo na Tela Inicial, com sua própria cópia, cores, atraso e segmentação de URL.

Configure o widget

Fluxos de Trabalho Visuais

Jornadas de arrastar e soltar para boas-vindas, recuperação de carrinho e reengajamento. O construtor está em todos os planos, incluindo o Gratuito.

Explorar Fluxos de Trabalho

Segmentação dinâmica

Segmente por comportamento, dispositivo, localização e histórico de compras, para que cada push vá para as pessoas para quem foi escrito.

Ver segmentação

Campanhas acionadas

Gatilhos personalizados em qualquer evento em seu PWA, além de abandono de carrinho e navegação no plano Growth.

Ver campanhas acionadas

Queda de preço e volta ao estoque

Alerta os assinantes no momento em que um produto monitorado fica mais barato ou retorna. Disponível no plano Growth.

Veja alertas de queda de preço

Teste A/B

Teste títulos, imagens e chamadas para ação, e envie o vencedor. Disponível no plano Premium e acima.

Ver testes A/B

Rastreamento de metas e análises

Atribuição de receita por campanha e por fluxo de trabalho, no plano Premium e acima.

Ver rastreamento de metas

Drips e envio por fuso horário

Sequências de gotejamento de várias etapas e envios que chegam no mesmo horário local para cada assinante. Premium e acima.

Compare planos

Integrações e desenvolvedores

Qualquer framework PWA. Plugins onde você vende.

A mesclagem do service worker é a única etapa que toca no código. Tudo depois dela é executado a partir do painel ou da API.

Os números

Push PWA, em quatro números.

1
service worker por escopo, então PushEngage se mescla ao seu
16.4+
Versão iOS e iPadOS para push da web na Tela de Início
3
plataformas a partir de um painel: Android, desktop, iOS
75.000+
negócios no PushEngage

Preços

Comece grátis. Pague apenas por assinantes ativos.

Assinantes PWA são assinantes de push da web, com preços nos mesmos níveis públicos. Sem taxas por mensagem (cada plano inclui um volume de envio mensal), e cada plano pago oferece uma garantia de devolução do dinheiro em 14 dias.

Grátis

$0

Grátis para sempre, sem cartão

  • 1 site ou app, 200 assinantes
  • 30 campanhas (vitalício)
  • 1 fluxo de trabalho ativo

Profissional

$8/mês

a partir de $8/mês, cobrado anualmente (preço do primeiro ano)

  • 1 site, até 50.000 assinantes ativos
  • Campanhas ilimitadas
  • 5 fluxos de trabalho

Premium

$15/mês

a partir de $15/mês, cobrado anualmente (preço do primeiro ano)

  • 2 sites, até 100.000 assinantes
  • Teste A/B, gotejamento, rastreamento de metas
  • Envio por fuso horário

Crescimento

$24/mês

a partir de $24/mês, cobrado anualmente (preço do primeiro ano)

  • 3 sites, até 250.000 assinantes
  • Abandono de carrinho e navegação
  • Alertas de "de volta ao estoque" e "queda de preço"

Preços Enterprise são personalizados. Os preços mostrados são as taxas do primeiro ano. Veja todos os planos e a calculadora de preços.

Lado a lado

Três maneiras de adicionar push a uma PWA, comparadas com base no que você executa.

Uma comparação de recursos, não uma lista de preços. "Construa você mesmo" significa a API Push, suas próprias chaves VAPID e seu próprio servidor de push.

 Construa você mesmoO construtor de PWA para notificações pushPushEngage
Service workerVocê escreve o manipulador de push neleEmpacotado com o construtorUma linha mesclada à sua. A lógica de cache e offline permanece no lugar.
Chaves e assinaturasVocê gera chaves VAPID e armazena assinaturas no seu servidorGerenciado pelo construtorGerenciado pelo PushEngage, incluindo atualização de token
iPhone e iPadVocê cria o prompt Adicionar à Tela InicialVaria de acordo com o construtorWidget Adicionar à Tela Inicial mais um opt-in de toque para permitir
Prompt de opt-inSua própria interface e lógica de tempoVaria de acordo com o construtorPrompts projetados no tempo na página, profundidade de rolagem ou clique
Enviando campanhasScripts contra seu servidor de pushFrequentemente uma API em vez de um painel de campanhaTransmissões do painel, gotejamentos, campanhas acionadas e fluxos de trabalho
Campanhas de receitaConstrua cada umVaria de acordo com o construtorAbandono de carrinho e navegação, queda de preço, de volta ao estoque (Growth)
AtribuiçãoSuas próprias análisesVaria de acordo com o construtorRastreamento de metas por campanha e fluxo de trabalho (Premium e acima)
Quem o executa no dia a diaEngenhariaQuem quer que seja o proprietário do construtorMarketing, após uma configuração única

Construtores de PWA diferem; verifique o seu antes de se comprometer. As linhas do PushEngage descrevem os planos públicos na página de preços em 30 de setembro de 2026.

Plataforma

O push de PWA é um canal. Aqui estão os outros.

O mesmo painel executa notificações push da web, notificações push de aplicativos móveis e notificações no aplicativo. Escolhendo um fornecedor? Veja nosso serviço de notificações push ou a lista de verificação de software de notificações push. Configurando manualmente? Siga o guia passo a passo de notificações push de PWA.

FAQ

Perguntas sobre notificações push PWA, respondidas.

O que são notificações push de PWA?

Notificações push PWA são mensagens push web padrão entregues através do service worker registrado de um Progressive Web App. Como o service worker roda em segundo plano, os assinantes as recebem mesmo quando seu PWA ou sua aba está fechada.

As notificações push PWA funcionam no iPhone e iPad?

Sim, no iOS e iPadOS 16.4 e posteriores, para aplicativos web adicionados à Tela Inicial. O visitante adiciona seu site à Tela Inicial, o abre pelo ícone e toca para permitir notificações. Funciona no Safari, Chrome e Edge. O widget "Adicionar à Tela Inicial" do PushEngage guia os visitantes do iOS por essas etapas, e seu site precisa de um manifesto de aplicativo web com `display` definido como `standalone` ou `fullscreen`.

Meu PWA já tem um service worker. O PushEngage o substituirá?

Não. Um PWA só pode ter um service worker ativo por escopo, então você adiciona a linha do PushEngage ao seu arquivo de service worker existente e desativa o registro do próprio PushEngage nas Configurações Avançadas. Seu cache, modo offline e sincronização em segundo plano permanecem como estão. Se o seu PWA ainda não tem um service worker, envie o arquivo do PushEngage para a raiz do seu site.

Preciso de chaves Firebase ou VAPID?

Não. O PushEngage gerencia as chaves, as assinaturas push e a atualização de tokens nos bastidores. Você obtém um painel de campanhas em vez de um console Firebase e uma API REST quando seus desenvolvedores desejam controle programático.

E se o meu construtor de PWA não me permitir editar a raiz do site?

Alguns construtores sem código bloqueiam a pasta raiz onde um service worker normalmente reside. Publicamos uma solução alternativa para PWAs Base44, e nossa equipe pode ajudar com outros construtores hospedados.

Notificações push PWA são diferentes de web push?

É o mesmo padrão de web push. A diferença é o caminho de entrega: um PWA o envia através de seu próprio service worker, e no iPhone e iPad o site deve ser instalado na Tela Inicial primeiro. Todo o resto, desde o design de opt-in até a segmentação, funciona da mesma forma que o web push em um site comum.

Quanto custam as notificações push PWA?

Assinantes PWA são precificados como assinantes de web push. O plano Gratuito cobre 1 site, 200 assinantes e 30 campanhas. Planos pagos começam em US$ 8/mês, faturados anualmente, e você paga apenas por assinantes ativos, nunca por mensagem. Todo plano pago tem garantia de devolução do dinheiro em 14 dias.

Preciso de um desenvolvedor?

Apenas para a etapa do service worker, que é uma alteração única. No WordPress, o plugin cuida disso. Depois disso, sua equipe de marketing cria segmentos, campanhas e fluxos de trabalho no painel.

Traga de volta seus usuários PWA, em todas as telas iniciais.

Combine uma linha, escolha um opt-in, envie sua primeira campanha. Se o PushEngage não for a melhor opção em 14 dias, reembolsamos 100%. Sem perguntas.

Plano gratuito disponível Seu service worker permanece intacto Pague apenas por assinantes ativos