Como enviar notificações push de aplicativos da Web (fácil)

Procurando uma maneira simples de adicionar notificações push a aplicativos da web que possam ajudá-lo a expandir seus negócios?

Configurar notificações push para aplicativos da web pode ser um pouco complicado. Sempre há algum conflito com o envio de notificações push da web. Normalmente, o maior problema são as taxas de entrega. Você pode adicionar web push ao seu aplicativo web de várias maneiras. Mas como você envia notificações push da web que realmente são entregues pelo seu aplicativo da web?

Não se preocupe! Neste artigo, mostraremos passo a passo como você pode enviar notificações push de aplicativos da web com taxas de entrega confiáveis ​​em menos de 10 minutos.

Vamos mergulhar.

Como instalar notificações push de aplicativos da Web

Adicionar notificações push a um aplicativo da web é bastante simples. Basta seguir as etapas deste artigo. Se você seguir todas as etapas, ao final deste artigo, você poderá enviar notificações push como esta:

O principal desafio é que todo software de notificação push da web usa um arquivo Javascript chamado service_worker.js . O service worker ajuda você a coletar assinantes de notificação push por meio de modais pop-up. Mas todos os aplicativos da web já possuem um arquivo de service worker que serve a uma finalidade diferente. E por vez, seu aplicativo da web só pode usar um service worker.

Em palavras simples, os serviços web push confundem seu aplicativo web. Então, às vezes ele coleta assinantes de notificações push e às vezes não. Às vezes você pode enviar notificações e às vezes não. Você pode até acabar enviando mensagens push para toda a sua lista de assinantes e entregando-as apenas a alguns assinantes.

É claro que criadores de aplicativos da web como o Mendix vêm com seu próprio sistema de notificação push. Mas e se você quiser migrar para algum outro serviço de notificação push? E se você quiser mais flexibilidade e controle sobre suas campanhas de notificação push?

Recomendamos o uso do PushEngage para enviar notificações push de aplicativos da web. PushEngage é o software de notificação push nº 1 do mundo. Então, você sabe que suas campanhas estão em boas mãos.

Vamos começar.

Etapa 1: Configure sua conta PushEngage

Vá para a página inicial do PushEngage e clique no botão Começar :

Você pode experimentar o PushEngage gratuitamente. Se você tem um blog pequeno que precisa de tráfego e engajamento repetidos, isso provavelmente é bom o suficiente. Mas se você leva vendas a sério, deve adquirir o pacote Enterprise e desbloquear as campanhas automatizadas.

Depois de se inscrever em sua conta PushEngage, vá até o painel do PushEngage e vá para Configurações do site »Detalhes do site :

Você pode definir o logotipo, o nome do site e o URL do site aqui. É muito importante resolver isso agora para que você possa testar toda a sua configuração mais tarde.

Etapa 2: Obtenha o código de instalação do PushEngage

Para instalar notificações push, você precisará obter um código de instalação. Na tela Configurações do site , role para baixo e clique no botão Clique aqui para instruções de configuração :

Em seguida, clique na guia Qualquer site :

Você pode usar o código Javascript para começar a enviar notificações push.

Etapa nº 3: adicionar o código do Service Worker para notificações push de aplicativos da Web

A parte mais complicada do processo finalmente chegou. No painel do PushEngage em Instruções de configuração , você também verá uma opção para baixar o arquivo do service worker.

IMPORTANTE: Por padrão, um aplicativo Web não requer um arquivo de service worker. Tudo que você precisa para transformar qualquer site em um aplicativo da web é um arquivo de manifesto. Portanto, se o seu aplicativo da web não tiver um arquivo de service worker, você pode simplesmente adicionar o service worker PushEngage ao diretório raiz do seu site ou aplicativo da web.

Mas se o seu aplicativo da web já tiver um service worker instalado, NÃO carregue diretamente o arquivo do service worker PushEngage como está. Abra o service Worker PushEngage em um editor de texto como o Bloco de Notas e copie o código no arquivo do Service Worker PushEngage. Em seguida, encontre o arquivo do service worker para seu aplicativo da web e simplesmente adicione o código do service worker PushEngage ao arquivo.

Se você negligenciar esta etapa, não poderá coletar assinantes de notificações push.

Etapa 4: configurar a aceitação do PushEngage

Agora, volte para o painel do PushEngage. Vá para Design »Modais Popup e selecione a opção de sua preferência:

A ideia aqui é dar aos visitantes um motivo sólido para se inscreverem. Se precisar de ajuda com isso, confira nosso artigo sobre como criar uma opção de notificação push personalizada.

E se quiser alguns modelos para começar, você deve verificar este artigo sobre opções de notificação push de alta conversão.

Etapa 5: Crie sua primeira campanha

Agora que seu aplicativo web pode enviar notificações push, você deve criar uma campanha real.

Uma campanha de carrinho abandonado ajuda a gerar receita extra ao converter carrinhos abandonados. É um lembrete simples que vende muitos produtos no piloto automático. Portanto, é uma ótima campanha para apoiar qualquer landing page que gere vendas diretas.

Basta acessar o painel do PushEngage e ir para Campanhas »Campanhas acionadas» Criar uma nova campanha acionada :

E então, selecione o modelo de campanha de Abandono de Carrinho :

Se você é novo na criação de campanhas de marketing automatizadas, basta seguir nosso artigo sobre como configurar uma campanha de notificação push de carrinho abandonado. Siga cada etapa e você poderá configurar notificações push como esta:

E caso você esteja se perguntando, você não precisa ser uma marca conhecida para que suas campanhas de notificação push sejam eficazes. Na verdade, o PushEngage foi criado para ajudar pequenas empresas a crescer usando notificações push.

Mas antes de começar a comercializar seu site, você deve corrigir quaisquer problemas com o processo de assinatura de notificações push. Confira este artigo sobre como testar suas notificações push. Se tudo estiver funcionando perfeitamente, pronto!

O que fazer depois de adicionar notificações push de aplicativos da Web?

Isso é tudo, pessoal!

Agora você pode enviar notificações push de aplicativos da web. Até agora, você também criou uma poderosa campanha de notificação push na web para impulsionar seu crescimento. Tudo isso em menos de 10 minutos!

Veja como criar também outras campanhas automatizadas de notificação push. A maioria das campanhas push são simples e eficazes. Portanto, recomendamos a configuração de várias campanhas para o seu site. Aqui estão alguns ótimos para começar:

• Como enviar notificações push RSS automaticamente
• Como configurar notificações push de abandono de carrinho usando GTM
• Como agendar notificações push de maneira fácil [5 min. Guia]

E se ainda não o fez, comece com o PushEngage. PushEngage é o software de notificação push nº 1 do mundo. Portanto, suas campanhas estão em boas mãos.

Comece com PushEngage hoje!