Procurando uma maneira simples de adicionar notificações push de aplicativos da web que podem ajudar a expandir seus negócios?
Configurar notificações push para aplicativos da web pode ser um pouco complicado. Sempre há algum conflito no envio de notificações push da web. Geralmente, o maior problema são as taxas de entrega. Você pode adicionar push da web ao seu aplicativo da web de várias maneiras. Mas como enviar notificações push da web que realmente são entregues a partir do 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 lá.
Como Instalar Notificações Push de Aplicativos da Web
Adicionar notificações push a um aplicativo da web é bastante simples. Basta seguir os passos deste artigo. Se você seguir todos os passos, ao final deste artigo, você deverá ser capaz de 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ções push por meio de modais pop-up. Mas todos os aplicativos da web já possuem um arquivo service worker que serve a um propósito diferente. E, no momento, seu aplicativo da web só pode usar um service worker.
Em palavras simples, os serviços de push da web confundem seu aplicativo da web. Portanto, às vezes ele coletará 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 elas serem entregues apenas a alguns assinantes.
Claro, construtores de aplicativos da web como o Mendix vêm com seu próprio sistema de notificações 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. O PushEngage é o software de notificação push número 1 do mundo. Portanto, você sabe que suas campanhas estão em boas mãos.
Vamos começar.
Passo nº 1: Configure Sua Conta PushEngage
Acesse 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 recorrente e engajamento, isso provavelmente é 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á para o seu painel PushEngage e vá para Configurações do Site » Detalhes do Site:

Você pode definir seu logotipo, nome do site e URL do site aqui. É muito importante organizar essas coisas agora para que você possa testar toda a sua configuração mais tarde.
Etapa nº 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 sua 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 da web não requer um arquivo service worker. Tudo o 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 service worker, você pode simplesmente adicionar o service worker do PushEngage ao diretório raiz do seu site ou aplicativo da web.
Mas se seu aplicativo da web já possui um service worker, então NÃO faça o upload direto do arquivo do service worker do PushEngage como está. Abra o service worker do PushEngage em um editor de texto como o Bloco de Notas e copie o código do arquivo do service worker do PushEngage. Em seguida, encontre o arquivo do service worker do seu aplicativo da web e simplesmente adicione o código do service worker do PushEngage ao arquivo.
Se você negligenciar esta etapa, não poderá coletar assinantes de notificações push.
Etapa nº 4: Configurar a Opt-In do PushEngage
Agora, volte ao seu painel PushEngage. Vá para Design » Popup Modals e selecione a opção de sua escolha:

A ideia aqui é dar aos seus visitantes um bom motivo para se inscrever. Se precisar de ajuda com isso, confira nosso artigo sobre como criar um opt-in de notificação push personalizado.
E se você quiser alguns modelos para começar, confira este artigo sobre opt-ins de notificação push de alta conversão.
Etapa nº 5: Criar Sua Primeira Campanha
Agora que seu aplicativo da web pode enviar notificações push, você deve criar uma campanha real.
Uma campanha de carrinho abandonado ajuda a gerar receita extra convertendo carrinhos abandonados. É um lembrete simples que vende muitos produtos no piloto automático. Portanto, é uma ótima campanha para apoiar qualquer página de destino que gere vendas diretas.
Basta acessar seu painel do PushEngage e ir para Campanhas » Campanhas Acionadas » Criar Nova Campanha Acionada:

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

Se você é novo na criação de campanhas de marketing automatizadas, pode simplesmente 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 só para você saber, 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 seu processo de assinatura de notificações push. Confira este artigo sobre testar suas notificações push. Se tudo estiver funcionando perfeitamente, você terminou!
O que fazer depois de adicionar notificações push ao aplicativo da web?
É tudo por hoje, pessoal!
Agora você pode enviar notificações push para aplicativos da web. Até agora, você também criou uma poderosa campanha de notificações push da web para impulsionar seu crescimento. Tudo isso, em menos de 10 minutos!
Confira como criar outras campanhas automatizadas de notificações push também. A maioria das campanhas de push são simples e eficazes. Portanto, recomendamos a configuração de várias campanhas para o seu site. Aqui estão algumas ótimas para começar:
- Como Enviar Automaticamente Notificações Push do RSS
- Como Configurar Notificações Push de Abandono de Carrinho Usando GTM
- Como agendar notificações push da maneira fácil [Guia de 5 min.]
E se você ainda não o fez, comece com o PushEngage. O PushEngage é o software de notificação push nº 1 do mundo. Portanto, suas campanhas estão em boas mãos.
