Notificações Push de Aplicativos da Web

Como Enviar Notificações Push de Web App (Fácil)

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:

exemplo de notificações push para aplicativo da web

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 :

PushEngage

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:

Configurações do Site PushEngage

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:

Configurações de Instalação PushEngage

Em seguida, clique na guia Qualquer Site:

Código de Instalação do PushEngage para 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.

Baixar 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:

Pop-ups Modais

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:

Criar Nova Campanha Acionada

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

Tipos de Campanhas Acionadas

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:

1ª exemplo de Carrinho Abandonado

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:

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.

Comece hoje mesmo com o PushEngage!

Adicionar um Comentário

Ficamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Engaje e Retenha Visitantes Depois Que Eles Saírem do Seu Site

Aumente o valor de cada visita ao site com Notificações Push que são difíceis de ignorar.

  • Plano Gratuito Para Sempre
  • Configuração Fácil
  • Suporte 5 Estrelas