Como adicionar notificações Web Push ao seu site WordPress

Envolver os visitantes do seu site e mantê-los informados em tempo real é importante para criar relacionamentos sólidos e gerar tráfego recorrente. As notificações push da Web são uma maneira eficaz de conseguir isso.

Eles permitem que você envie atualizações instantâneas diretamente para os dispositivos dos visitantes, mesmo quando eles não estão no site. Isso traz usuários de volta, aumenta o tráfego e ajuda você a ganhar mais dinheiro.

Na WPBeginner, enviamos notificações push aos usuários para aumentar o envolvimento deles. Vimos em primeira mão como essa estratégia pode afetar significativamente o comportamento do usuário e fazer com que os visitantes repitam o nosso conteúdo.

Neste artigo, mostraremos como adicionar facilmente notificações Web Push ao seu site WordPress.

Abordaremos tudo o que você precisa saber sobre o envio de notificações push em nosso tutorial, e você pode usar os links rápidos abaixo para ir para diferentes seções:

O que são notificações push?

As notificações push são mensagens de notificação curtas e clicáveis que aparecem como um pop-up no desktop ou nos dispositivos móveis dos usuários.

Eles são exibidos na parte superior da área de trabalho ou na área de notificação em um dispositivo móvel. O melhor é que eles podem ser exibidos mesmo quando o navegador do usuário não está aberto.

Aqui está um exemplo de uma notificação por push.

As notificações por push permitem que você alcance usuários em todos os dispositivos com suas últimas atualizações e ofertas, o que as torna uma maneira eficaz de converter visitantes do site em seguidores e clientes fiéis.

Por que adicionar notificações Web Push ao seu site WordPress?

Você sabia que 70% das pessoas que saem do seu site nunca mais voltam? É por isso que você precisa converter esses visitantes do site do WordPress em assinantes e clientes.

Você pode fazer isso usando vários canais ao mesmo tempo. Esses canais podem incluir marketing por e-mail, mídia social, marketing móvel ou por SMS e notificações push da Web.

As listas de e-mail ainda são as ferramentas de marketing mais poderosas disponíveis, com 51% dos consumidores preferindo ser contatados pelas empresas por e-mail. No entanto, estamos descobrindo que as notificações por push também são muito eficazes.

No site WPBeginner, as notificações por push são consistentemente uma das cinco principais fontes de tráfego.

Aqui estão apenas alguns dos motivos que tornam as notificações push uma excelente ferramenta de marketing:

• Os usuários precisam dar permissão explícita para receber notificações por push. Isso significa que eles já estão interessados no que você tem a oferecer e têm maior probabilidade de se envolver com as notificações.
• As notificações push são mais curtas e exigem menos atenção do que as atualizações por e-mail ou mídia social.
• Não há algoritmo, como nas mídias sociais, para limitar seu alcance. Quase 100% das mensagens são entregues.
• Os usuários podem controlar como seus dispositivos exibem as notificações. Eles podem adiá-las ou desativá-las completamente.
• Não são tantas as empresas que estão usando notificações push.

Sites populares, como Facebook, Pinterest, LinkedIn e muitos outros, entendem a importância e já estão usando as notificações push da Web como estratégia de marketing.

As notificações push têm uma taxa de abertura 10 vezes maior do que a do e-mail e uma taxa de cliques 14 vezes maior. Elas são mais envolventes do que SMS, marketing por e-mail e plataformas de mídia social.

Dito isso, vamos dar uma olhada em como adicionar facilmente notificações Web Push a um site WordPress.

Configuração de notificações Web Push no WordPress com o PushEngage

O PushEngage é o melhor serviço de notificação por push do mercado que permite adicionar facilmente notificações por push ao seu site WordPress.

Isso permite que você se conecte com os visitantes mesmo depois que eles saem do seu site com mensagens push direcionadas.

Etapa 1: Criando sua conta do PushEngage

Primeiro, você precisa acessar o site do PushEngage e clicar no botão “Get Started For Free Now”.

O plano gratuito cobre até 200 assinantes e 30 campanhas de notificação por mês. À medida que você adicionar mais assinantes e enviar mais campanhas, será necessário fazer o upgrade.

Depois de selecionar um plano de preços, você deve criar uma conta do PushEngage. Você pode se registrar usando sua conta do Google existente ou criar uma nova conta com seu e-mail.

Depois de fazer isso, você será levado à página “Setup Your Account” (Configurar sua conta), onde deverá adicionar o domínio do seu site, o setor e o tamanho da empresa.

Seu subdomínio será gerado automaticamente de acordo com essas informações. Depois disso, você também precisará fornecer os detalhes do seu cartão de crédito aqui.

Ao se inscrever, você será levado ao painel do PushEngage.

Lembre-se de que, se você se inscreveu usando sua conta do Google, é aqui que você precisará fornecer os detalhes do seu site.

Depois de fazer isso, basta acessar a página Configurações do site ” Detalhes do site na coluna esquerda do painel do PushEngage.

A partir daqui, você pode editar o nome e o URL do site, se desejar. Depois disso, você deve carregar uma imagem que será usada como ícone do site para suas notificações Web Push.

Para fazer isso, clique no botão “Choose Image” (Escolher imagem).

Isso abrirá um prompt na tela em que você poderá carregar uma imagem do seu computador.

Você também pode adicionar uma imagem usando seu URL. Depois de selecionar uma imagem, basta clicar no botão “Usar”.

Depois disso, não se esqueça de clicar no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Lembre-se de que sua imagem precisa estar no formato de arquivo PNG ou JPG, e o tamanho recomendado é 192×192.

Agora você concluiu as principais informações da sua conta do PushEngage.

Etapa 2: conectar seu site WordPress ao PushEngage

A próxima etapa é conectar seu site WordPress ao PushEngage.

Para fazer isso, você precisa instalar e ativar o plug-in do PushEngage para WordPress. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, o prompt “Welcome to PushEngage Setup Wizard!” (Bem-vindo ao assistente de configuração do PushEngage!) será aberto na tela, onde você deverá clicar no botão “Connect Your Existing Account” (Conectar sua conta existente).

Isso abrirá o prompt “Add Your Site to PushEngage” (Adicionar seu site ao PushEngage) em uma nova janela. Aqui, você deve se certificar de que o site registrado no PushEngage é o mesmo que você está usando agora.

Depois disso, basta clicar no botão “Let’s Get Started” (Vamos começar).

Depois que sua conta do PushEngage estiver conectada ao WordPress, um assistente de configuração será iniciado na tela e você poderá configurá-lo de acordo com suas preferências.

Depois de terminar, basta clicar no botão “PushEngage Dashboard” para ser redirecionado para o painel do WordPress.

Agora é hora de começar a criar uma notificação push da Web para seu blog ou site do WordPress.

Etapa 3: Configuração de suas mensagens de notificação por push

Para criar uma notificação por push, vá até a página PushEngage ” Campaigns e clique no botão “Add New” (Adicionar novo).

Isso o direcionará para a tela “Create New Push Broadcast” (Criar nova transmissão por push) no painel do WordPress.

A partir daqui, você pode começar digitando um nome para a notificação por push no campo “Notification Title” (Título da notificação). Em seguida, digite a mensagem que você deseja exibir na notificação por push no campo “Message” (Mensagem).

Em seguida, você precisa adicionar o URL do seu site ao campo “Notification URL” (URL de notificação).

Depois de adicionar o título e a mensagem, você verá uma visualização da sua notificação por push no canto direito da tela.

Em seguida, role para baixo até a seção “Show Large Image” (Mostrar imagem grande) e ative a opção se quiser adicionar uma imagem à notificação por push.

Essa imagem será exibida na parte superior de sua notificação e não atrapalhará o alinhamento do título e da mensagem da notificação.

Em seguida, role para baixo até a seção “Notification Duration” (Duração da notificação) e alterne o botão para ativo.

Depois de fazer isso, você pode marcar a opção “Manter a notificação aberta até a interação”. Isso significa que a notificação será exibida constantemente, a menos que o usuário interaja com ela.

Você também pode personalizar a duração de suas notificações por push nos menus suspensos. Essa configuração controla por quanto tempo a notificação por push será exibida.

Lembre-se de que esses recursos só funcionam para o Chrome 47 e versões superiores, e não para outros navegadores.

Depois de definir as configurações, basta clicar no botão “Save & Select Audience” (Salvar e selecionar público) na parte superior.

Isso o direcionará para a próxima etapa, na qual você deve selecionar o público-alvo para o qual deseja enviar notificações por push.

Aqui, escolheremos a opção “Send to All Subscribers” (Enviar para todos os assinantes) para que nossa notificação por push seja exibida para todos os nossos assinantes.

Em seguida, clique no botão “Send/Schedule” (Enviar/Agendar) na parte superior para avançar.

Na próxima etapa, você deve programar o tempo da notificação por push da Web.

Por exemplo, se você quiser começar a enviar suas notificações por push imediatamente, selecione a opção “Begin sending immediately”. No entanto, você também pode programar a notificação para ser enviada em um horário específico ou transformá-la em uma notificação por push recorrente.

No entanto, lembre-se de que você precisará de um plano pago do PushEngage para acessar esses dois recursos.

Por fim, clique no botão “Send Notification Now” (Enviar notificação agora) para salvar sua campanha e começar a enviar suas notificações Web Push.

Depois de configurar as notificações por push, é recomendável verificar se elas estão funcionando conforme o esperado.

Para testar suas notificações por push, abra o site no computador ou no telefone. Aqui, você deverá ver imediatamente a notificação por push da Web que acabou de criar.

Aqui está o nosso em um computador desktop:

No entanto, lembre-se de que essa notificação por web push será exibida apenas para usuários que fazem parte da sua lista de assinantes do PushEngage.

Criar uma lista de assinantes com o PushEngage

Se você ainda não tiver uma lista de assinantes com o PushEngage, deverá visitar a página PushEngage ” Design na barra lateral de administração do WordPress.

Quando estiver lá, basta alternar o botão para ativo em um modelo de pop-up que você goste. Em seguida, clique no botão “Edit Popup”.

Isso abrirá o painel do site do PushEngage em uma nova página.

A partir daí, você pode configurar o layout, a mensagem e as regras de assinatura do seu pop-up.

Quando terminar, não se esqueça de clicar no botão “Save & Choose Display Options” (Salvar e escolher opções de exibição) na parte superior.

Isso mostrará as opções de exibição, onde você poderá escolher a duração do cookie, ativar o acionador de assinatura e muito mais.

Por fim, clique no botão “Save and Enable Popup” (Salvar e ativar pop-up) para armazenar suas configurações e ativar o pop-up.

Agora, você precisa acessar seu site usando outra conta do Google. Aqui, você verá um pop-up na parte superior do seu site solicitando aos usuários que permitam a exibição de notificações.

Agora, quando os usuários clicarem no botão “Allow” (Permitir), eles se tornarão automaticamente parte da sua lista de assinantes do PushEngage.

Envie notificações push aos assinantes toda vez que você publicar um novo post no WordPress

Com o PushEngage, você também pode enviar notificações por push aos assinantes sempre que publicar uma postagem de blog no WordPress.

Para fazer isso, acesse a página PushEngage ” Settings (Configurações ) no painel do WordPress e vá para a guia “Auto Push Settings” (Configurações de envio automático). A partir daqui, alterne o botão “Auto Push” para ativo.

Depois disso, você precisa escolher se deseja exibir a imagem em destaque do post na notificação por push e ativar os botões de várias ações.

Com os botões de ação múltipla, você pode permitir que os usuários interajam com suas notificações por push de várias maneiras, como visitando a publicação do seu blog, inscrevendo-se no seu canal do YouTube e assinando o boletim informativo por e-mail.

Você também pode usar a imagem em destaque do post do blog ou o ícone do site como a imagem do ícone de notificação.

Por fim, clique no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Agora, crie uma nova postagem no editor de blocos do WordPress e role para baixo até a seção “PushEngage Push Notifications Settings” (Configurações de notificações push do PushEngage).

A partir daí, você pode adicionar um título e uma mensagem para a notificação push da Web e até mesmo selecionar um público para ela.

Quando terminar, basta clicar no botão “Publish” (Publicar) para salvar suas alterações e tornar sua postagem ativa.

Agora seus assinantes receberão uma notificação sobre a nova postagem do blog em seu site.

Bônus: configure notificações automatizadas por gotejamento com o PushEngage

Se desejar, você também pode configurar notificações automáticas de gotejamento com o PushEngage. As campanhas de gotejamento são mensagens automatizadas que geralmente são enviadas aos assinantes para dar-lhes as boas-vindas ao seu site, anunciar uma venda ou oferecer cupons de desconto.

Isso pode ajudar a aumentar o envolvimento do usuário e gerar mais leads.

Para configurar uma campanha de gotejamento, acesse a página PushEngage ” Drip no painel do WordPress e clique no botão “Add New” (Adicionar novo).

Depois disso, você pode criar diferentes notificações por push de acordo com sua preferência. Ao expandir cada notificação, você pode adicionar um título, uma mensagem, um URL ou uma imagem de ícone.

Depois de fazer isso, o PushEngage permitirá que você escolha quando enviar cada notificação da campanha. Por exemplo, você pode enviar a primeira notificação por push quando o usuário entrar na sua lista de assinantes.

Para fazer isso, basta clicar no menu suspenso “Enviar notificação”.

Depois disso, você pode definir horários diferentes para cada notificação em sua campanha. Você também pode enviar notificações específicas para um grupo selecionado de público-alvo de seus assinantes.

Quando terminar, não se esqueça de clicar no botão “Activate Autoresponder” (Ativar resposta automática) para ativar as notificações push automatizadas. Para obter instruções mais detalhadas, consulte nosso tutorial sobre como configurar notificações automáticas de gotejamento no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar notificações Web Push ao seu site WordPress. Talvez você também queira ver nosso guia para iniciantes sobre como criar uma lista de e-mails e nossa comparação entre notificações push e e-mail para ver qual é o melhor.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.