O que são Notificações Push da Web? Guia de Crescimento para Iniciantes

O que são notificações push da web? Não se preocupe, vamos te contar tudo sobre isso. Mas primeiro, imagine o seguinte…

Imagine receber tráfego gratuito no piloto automático toda vez que publicar um novo post no blog, sem as campanhas de SEO que consomem tempo. Se você tem um site WordPress, já sabe o quanto é trabalhoso promover seu conteúdo e fazer com que os leitores voltem sempre.

A boa notícia é que existe uma maneira fácil de gerar visitantes recorrentes no piloto automático:

• Mesmo que… você esteja apenas começando e sua base de fãs ainda seja pequena;
• Mesmo que… você tenha uma loja de e-commerce com centenas de promoções todo mês;
• Mesmo que… você tenha um mega blog que já gera muito tráfego de SEO;

A resposta é:

Notificações push da web para WordPress!

Neste artigo, mostraremos como obter visitantes recorrentes instantaneamente toda vez que você publicar:

A melhor parte?

É totalmente gratuito, e você não precisa ficar esperando os motores de busca começarem a te enviar tráfego.

Vamos direto ao ponto.

O que são Notificações Push da Web?

Uma campanha push é uma mensagem pop-up curta e clicável que aparece no dispositivo de um assinante e o redireciona para o seu conteúdo com um clique:

A melhor parte é que as notificações aparecem mesmo que o assinante não esteja usando um navegador. É como um e-mail em massa, mas com uma campanha push do navegador, seus assinantes não precisam estar usando um aplicativo para ver sua mensagem.

Em resumo: notificações push da web para WordPress é uma maneira simples de enviar um link clicável para o seu conteúdo para qualquer pessoa que optou por recebê-las.

Com sequências de gotejamento de campanhas push, seu público agora não tem desculpa para ignorar você. E ao contrário dos sites de mídia social, não há um algoritmo limitando seu alcance para te fazer pagar por anúncios.

A parte mais legal sobre campanhas push do navegador é que você pode usá-las para complementar seus lead magnets e formulários de opt-in de e-mail! 

Dica profissional: Se você ainda não está usando lead magnets, deveria começar a criar lead magnets com OptinMonster para aumentar suas conversões.

Recomendamos o uso de PushEngage para começar com push da web e push mobile gratuitamente. Toda vez que você publicar um post no blog, PushEngage enviará automaticamente uma transmissão push para todos os seus assinantes.

Na próxima seção, mostraremos exatamente como configurá-lo em 15 minutos ou menos.

Como Instalar Notificações Push da Web em Seu Site

PushEngage é um dos melhores plugins de notificação push para WordPress. Você alcança instantaneamente até 2.500 assinantes apenas com o plano gratuito. Se o seu blog crescer para mais de 2.500 assinantes, você pode escalar rapidamente atualizando seu plano.

Agora, vamos começar a aumentar seu público com notificações push do navegador gratuitamente.

Etapa nº 1: Crie uma Conta Gratuita no PushEngage

Acesse o PushEngage e clique em Começar Gratuitamente:

Selecione o plano Gratuito ou o que melhor atende às suas necessidades:

Etapa nº 2: Cadastre-se no PushEngage

Cadastre-se no plugin com seus dados de usuário ou seu ID do Gmail:

E siga as instruções para finalizar a configuração da sua conta e adicionar um aplicativo de notificações push da web ao seu site.

Etapa nº 3: Instalar o Plugin de Notificações Push da Web para WordPress

OBSERVAÇÃO: Se o seu site não foi criado usando WordPress, você pode instalar notificações push para sites usando outros métodos. Não cobrimos esses métodos neste artigo, mas confira nosso guia de instalação se tiver interesse.

Após o cadastro, você será direcionado para o painel do PushEngage:

Acesse Configurações do Site » Detalhes do Site:

Clique no botão Clique Aqui Para Instruções de Configuração :

Em seguida, clique no botão Instalar Plugin do WordPress:

Se você já configurou o URL do seu site, o PushEngage será instalado automaticamente no seu site.

Etapa nº 4: Conectar seu site WordPress ao serviço de notificações push da web

Quando terminar de instalar e ativar o plugin PushEngage para WordPress, você verá o assistente de configuração do PushEngage:

O assistente é bastante simples. Se você for um novo usuário, clique em Novo? Reivindique sua conta gratuita. E se você já se cadastrou, clique em Conectar sua conta existente.

Em seguida, você pode selecionar seu site no menu suspenso Selecionar um Site em Conectar um site registrado se você já registrou um site durante o cadastro:

Ou, você pode clicar em Registrar um novo site para adicionar um novo site se você tiver um plano de preços Premium ou superior. Na próxima etapa, o assistente de configuração solicitará que você instale outros plugins essenciais do WordPress.

Se você seguiu cada etapa corretamente, verá esta mensagem de sucesso do assistente:

Agora você está pronto para criar campanhas e modais de pop-up de notificações push.

Como Funcionam as Notificações Push da Web?

Vamos ficar um pouco técnicos agora e explorar como funcionam as notificações push da web.

A versão simplificada é que toda vez que um novo visitante entra no seu site, ele é solicitado a se tornar um assinante de notificações push da web.

Tudo isso é cuidado por um arquivo Javascript chamado service worker. O trabalho do service worker é ajudar a criar opt-ins de push da web para coletar assinantes de push. Isso não é verdade apenas para sites, mas também para aplicativos web progressivos (PWAs). No entanto, é diferente para push de aplicativos Android e notificações push de aplicativos iOS. Notificações push para dispositivos móveis geralmente exigem uma API de push como os SDKs Móveis PushEngage.

Em seguida, você usa um serviço de notificação push da web como o PushEngage para criar e agendar as notificações que deseja enviar aos seus assinantes. Você pode optar por enviá-la para todos os assinantes da sua lista ou para segmentos específicos de seus assinantes.

Você vai querer começar criando um Autoresponder de Gotejamento:

Finalmente, seus assinantes recebem suas notificações quando seus dispositivos ficam online e realizam a ação sugerida.

Tudo isso é perfeitamente verdade, mas é apenas uma pequena parte do que acontece nos bastidores. Então, vamos dar uma olhada nos detalhes técnicos. Mas primeiro, se você ainda não o fez, comece com o PushEngage hoje mesmo.

Em primeiro lugar, o PushEngage tem servidores que se conectam aos dispositivos do seu assinante e enviam suas notificações push. Agora, esses servidores não armazenam nenhuma informação pessoal, como o nome ou endereço de e-mail de qualquer assinante.

Então, o que esses servidores armazenam? 

Para o PushEngage e nossos servidores, seus assinantes são um número hash exclusivo gerado com base no dispositivo e navegador do seu assinante. Além disso, o servidor também pode armazenar a geolocalização dos seus assinantes.

Agora, você não terá acesso direto a esses servidores. Você só pode usar o Painel do PushEngage para criar, otimizar e gerenciar campanhas de notificação push.

Em outras palavras, o PushEngage é o seu provedor de serviços. Isso significa que você não precisa saber nada sobre codificação ou como manter os servidores originais. Nós cuidamos de tudo isso para você. Tudo com o que você precisa se preocupar é configurar suas campanhas e obter lucro!

Outros serviços populares de push para navegador incluem:

• Firebase Cloud Messaging
• Amazon Simple Notification Service
• Airship
• Leanplum Inc.
• Pushwoosh Inc.

Se você não tem certeza de qual serviço é o certo para você, comece dando uma olhada em quanto custam as notificações push.

Até agora, você provavelmente está se perguntando como funcionam as campanhas de push personalizadas se os servidores armazenam apenas um número hash e nenhum detalhe pessoal. A realidade é que você pode armazenar dados suficientes do cliente usando segmentos sem precisar identificar seus assinantes. Além disso, você pode criar campanhas totalmente personalizadas e armazenar qualquer tipo de dado do usuário que desejar. É aqui que a API de push da web entra em jogo. Para você, essa seria a API Javascript do PushEngage.

Você pode usar esta API e conectá-la a qualquer outro CRM ou banco de dados que você possa ter. Isso permite que você use os detalhes pessoais de seus assinantes para enviar notificações push personalizadas. 

Você também pode usar a API do PushEngage para enviar campanhas avançadas, como campanhas de abandono de carrinho.

Quais são as diferentes partes de qualquer notificação push da web?

Agora que entendemos como as notificações push funcionam tecnicamente, vamos dar uma olhada nas diferentes partes de uma notificação push que você pode personalizar (ou não):

Além disso, você deve conferir alguns exemplos de notificações push da web para ter uma imagem mais clara.

#1. Título da Notificação Push

O título é o texto mais proeminente na notificação push. Ele é restrito a 60-80 caracteres para visibilidade clara. O objetivo deste título é atrair a atenção do assinante. Portanto, é importante que todo o título esteja claramente visível.

Confira nosso guia de redação para notificações push para criar títulos matadores que seus assinantes vão adorar.

#2. O Domínio

O domínio em uma notificação push é apenas o URL do seu site. Você também não pode alterar isso. Mas, ao contrário do ícone do navegador, seu domínio precisa ser claramente visível, pois contribui para o reconhecimento da sua marca.

Agora, há uma opção para você armazenar os dados da notificação push em um subdomínio do PushEngage. Se você usar o subdomínio, esta parte da notificação push exibirá o URL de um subdomínio do PushEngage em vez da sua marca. 

Não recomendamos o uso desta opção, pois ela pode diminuir o valor da sua marca.

#3. Conteúdo da Notificação Push

O conteúdo da notificação contém a maior parte do texto em toda a notificação. Ele é restrito a 120-150 caracteres para visibilidade, assim como o título. Embora você possa usar mais caracteres, recomendamos mantê-lo curto e direto.

Normalmente, esta parte serve como uma forma de oferecer mais contexto ao título ou de completar uma oferta. Não se preocupe em usar uma chamada para ação no próprio texto. Com notificações push para web, você pode adicionar botões de chamada para ação.

Dica Pro: Você pode usar idiomas regionais para tornar suas notificações push mais personalizadas. Leia este estudo de caso sobre como a Phooto usou idiomas locais em notificações push para aumentar o engajamento.

#4. Imagem Grande da Notificação

A imagem grande é a estrela do show e é a primeira coisa que você percebe em qualquer notificação. Geralmente é uma imagem de 360×180 que serve como a parte mais atraente de uma notificação push.

A imagem da notificação também é totalmente opcional. Você pode optar por não usar uma, se desejar. Usar uma imagem de notificação pode fazer sua notificação push parecer um anúncio. Isso pode fazer com que a notificação seja ignorada por muitos assinantes.

Mas, se você fizer isso corretamente, as imagens podem melhorar a CTR (taxas de cliques) em até 62%. Confira nosso estudo sobre o impacto das imagens em notificações push por setor.

Se você não tem certeza se deve usar uma imagem grande, sugerimos testar A/B a notificação com e sem a imagem.

#5. Ícone da Notificação Push 

O ícone da notificação push é como o ícone do site no seu site, mas para suas campanhas push. É uma imagem de 192×192 ou maior para representar seu negócio. Normalmente, este será o ícone do seu site e você só pode defini-lo uma vez para todas as suas notificações push.

Dica Pro: Se você mudar de marca a qualquer momento, lembre-se de alterar o ícone da notificação push no PushEngage também. Além disso, lembre-se de que você não pode usar imagens animadas para o seu ícone. Portanto, GIFs não funcionarão aqui.

#6. Botões de Chamada para Ação

Cada notificação push suporta até 2 botões. Recomendamos o uso de botões de call-to-action personalizados para suas campanhas. Você pode até adicionar URLs e ícones de botões separados para cada CTA.

Confira esta lista de truques de notificação push da web para ter ótimas ideias de CTA.

#7. Ícone do Navegador

A menor parte da notificação push é o ícone do navegador que indica qual navegador seu assinante está usando no momento. É uma das partes mais negligenciadas porque você não pode alterá-la de forma alguma e, na maioria das vezes, um assinante nem notará o ícone do navegador.

#8. Rótulo do Navegador

O rótulo do navegador é apenas a versão em texto de um ícone do navegador. Assim como o ícone, você não pode alterar o rótulo do nome do navegador.

#9. Carimbo de Data/Hora 

O carimbo de data/hora é uma maneira simples para seus assinantes saberem quando a mensagem foi recebida. Ele é gerado pelo sistema e você também não pode alterá-lo.

Diferentes Tipos de Opt-ins de Notificação Push

Toda campanha push começa com consentimento. É uma extensão da ideia de marketing de permissão de Seth Godin. A ideia é muito simples: antes de enviar qualquer conteúdo que seus visitantes da web possam ou não querer ver, peça permissão.

O processo de obter permissão para enviar campanhas push é chamado de “opt-in”. Portanto, antes de poder enviar uma campanha de notificação push, você primeiro precisa que os visitantes do seu site façam o opt-in e se inscrevam em suas notificações.

Se você é um criador de conteúdo no YouTube, já está familiarizado com o funcionamento dos inscritos. A única diferença é que você não possui a lista de seus inscritos do YouTube e não pode controlar as notificações que envia a eles.

Com o PushEngage, você possui essa lista porque essas informações são armazenadas em seu domínio. Agora, existem dois tipos de opt-ins que você pode usar para seu site com base no processo de opt-in:

• Opt-ins Únicos
• Opt-ins Duplos

A principal diferença entre eles é muito clara. Opt-ins únicos pedem permissão para enviar notificações apenas uma vez. Opt-ins duplos pedem a cada assinante para confirmar sua decisão. Então, qual você deve escolher?

Observamos que opt-ins únicos podem obter até 150% mais assinantes do que opt-ins duplos. Confira nosso artigo sobre como aumentar suas taxas de opt-in se você estiver com dificuldades nisso.

Do ponto de vista legal, o GDPR exige que você tenha apenas um opt-in único. Mas com opt-ins duplos, você obtém um engajamento muito melhor porque seus assinantes realmente querem mais do seu conteúdo. Em termos de números brutos de opt-in, no entanto, opt-ins de etapa única são muito mais eficazes.

Outro ponto a considerar é que você PRECISA instalar um certificado SSL em seu site para poder usar opt-ins únicos. Mas você pode instalar opt-ins de duas etapas mesmo sem um site seguro.

Portanto, se você tem um certificado SSL instalado, use opt-ins únicos. Se não, confira este artigo sobre como instalar um certificado SSL em sites WordPress.

Melhore as Taxas de Engajamento de Notificações Push Personalizando

Antes de criar uma campanha, você deve configurar segmentos e grupos de público para enviar mensagens push personalizadas.

Nada supera o nível de personalização que você pode obter criando segmentos e grupos de audiência para seus assinantes de notificação push. Vá para PushEngage » Audiência e comece a criar segmentos e grupos de audiência imediatamente.

Na aba Segmentos, você pode criar novos segmentos ou editar os existentes:

E se você precisar de ainda mais personalização, crie um grupo de audiência na aba Grupos de Audiência:

Se você é novo em segmentos de notificação push e notificações push personalizadas, deve conferir nosso artigo sobre como criar segmentos e como usar agrupamento de público para direcionar o comportamento do usuário.

Crie Notificações Push da Web Direcionadas para Melhor Engajamento

Vá para o painel do PushEngage e acesse Campanha » Auto-Responders de Drip e clique em Criar Novo Auto-Responder de Drip:

Em seguida, nomeie sua campanha (sugerimos algo como Drip de Boas-Vindas) e, em Conteúdo, selecione a opção que diz “Enviar notificação imediatamente após o usuário se inscrever“):

Neste ponto, você pode clicar na seta ao lado da notificação para editar o conteúdo da sua notificação.

Se você tem um plano Premium ou Enterprise com PushEngage, poderá adicionar mais de uma notificação para criar uma sequência de mensagens de boas-vindas automatizadas. Basta clicar em Adicionar Nova Notificação e editar o conteúdo. Quando terminar, clique em Configurações de Drip e selecione a opção para enviar sua campanha de boas-vindas a todos os assinantes:

Em seguida, role para baixo para definir seus próprios parâmetros UTM para rastrear as notificações push:

E quando terminar, role para cima novamente e clique no botão Ativar Autoresponder:

E pronto!

Como Enviar Transmissões Push da Web

Acesse seu painel do PushEngage e vá para Campanha » Transmissões Push e clique no botão Criar uma Nova Transmissão Push:

Na guia Conteúdo, adicione o conteúdo da sua notificação push:

E você pode configurar um teste A/B para aumentar suas taxas de cliques ou pode agendar suas transmissões push para obter mais visualizações. Em qualquer um dos casos, você deve conferir nossas melhores práticas de notificação push para obter os melhores resultados.

Como Criar Modais de Popup de Notificação Push da Web Engajadores

Um modal de popup de notificação push é uma pequena janela que aparece sobre a interface de um site ou aplicativo móvel para exibir uma mensagem ou notificação ao visitante do site. O modal de popup pode ser acionado por vários eventos. Você pode configurar popups para serem acionados na visita à página, na profundidade de rolagem e até mesmo em ações personalizadas, como clique em botão.

Geralmente, você verá uma chamada para ação no modal de popup, como "Assinar" ou "Permitir", para obter o consentimento dos visitantes para enviar a eles transmissões push ou campanhas de gotejamento. Se você seguir este tutorial, poderá criar um popup como este:

Você pode criar modais de popup que segmentam assinantes diretamente ou criar popups regulares que simplesmente coletam assinantes com os atributos padrão, como geolocalização e navegador.

Volte ao seu painel do WordPress. Vá para PushEngage » Design:

E você pode configurar quantos modais de popup desejar. Claro, você pode garantir que eles sejam acionados em momentos diferentes em Opções de Exibição para cada modal de popup.

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 criar modais de popup mais direcionados, pode usar as regras de segmentação na guia Regra de Segmentação:

Estas são regras de segmentação globais e terão preferência sobre as regras de segmentação para modais de pop-up individuais. Mas, se desejar, você pode criar regras de segmentação robustas para cada modal editando-os.

Por exemplo, você pode criar modais de pop-up em diferentes idiomas para segmentar visitantes de diferentes países.

E se você quisesse alguns modelos com alta taxa de cliques para começar, você deveria conferir este artigo sobre opt-ins de notificação push de alta conversão.

O que Fazer Antes de Enviar Notificações Push da Web Direcionadas

Você está quase terminando. Antes de começar a enviar transmissões push ou campanhas de gotejamento, você precisará configurar um opt-in de assinatura para o seu site. Seu opt-in converterá visitantes do site em assinantes de notificações push. Portanto, este é um elemento crítico. Se precisar de inspiração, confira este artigo sobre opt-ins de notificações push de alta conversão. Assim que terminar de configurar o opt-in, seu site poderá coletar assinantes. Mas como você sabe que seu opt-in está funcionando corretamente?

Portanto, a atitude sensata é configurar uma notificação push de boas-vindas.

Dica Profissional: Você deve dedicar algum tempo a um teste em larga escala de suas notificações push. Isso solucionará os problemas mais comuns e você não perderá tempo tentando resolver problemas mais tarde. Além disso, você precisa de uma estratégia adequada de engajamento do usuário ou de uma estratégia de campanha push antes de lançar um monte de campanhas.

O que Fazer Agora Que Você Sabe o Que São Notificações Push da Web

Agora que você sabe o que são notificações push da web, é hora de configurar suas próprias campanhas push.

Se você está apenas começando com push da web, veja como criar sua primeira mensagem de boas-vindas usando o PushEngage. Uma mensagem de boas-vindas é ótima para reengajamento e para visitantes recorrentes do seu site.

Além disso, se você já começou a usar push da web, percebemos que pode ser difícil ter ideias para campanhas. Quanto mais tempo você usa uma fonte de tráfego, mais difícil se torna ter novas ideias. Confira algumas ideias de campanhas push que nossos clientes já estão usando. Você pode encontrar a inspiração que precisa!

Começar com segmentação pode parecer intimidante. Mas se você ficar de olho no rastreamento de metas e análises, tudo ficará bem. Mais importante, você terá muito mais lucro com a ajuda de campanhas de notificações push. Aqui estão alguns recursos interessantes para você começar:

• Como Usar Notificações Push de Retargeting para Dobrar Sua Receita
• Como classificar suas notificações push e encontrar campanhas vencedoras
• Como Limpar Listas de Assinantes de Notificações Push (Fácil)
• Como Enviar Automaticamente Notificações Push do RSS
• Como Usar Notificações Push para Promover um Site de Notícias
• Como Usar Notificações Push de Cross-Selling para Dobrar Suas Vendas
• Como Usar Notificações Push de Abandono de Navegação (4 Passos)

Se você tem um site de eCommerce, confira as campanhas de abandono de carrinho a seguir. Se não, envie sua primeira campanha de gotejamento push. Estas são algumas das campanhas com maior taxa de conversão para a maioria dos nossos clientes.

E se você ainda não o fez, comece com o PushEngage hoje mesmo!