como adicionar notificações push da web ao seu site wordpress

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

Deseja configurar as notificações push do WordPress em seu site?

Com as notificações push da Web, é possível enviar mensagens aos usuários mesmo depois de eles terem saído do site. Isso aumenta o tráfego direcionado e pode impulsionar suas conversões.

Corrija seus e-mails do WordPress agora

Neste artigo, mostraremos como configurar um plug-in de notificação por push gratuito para que você possa experimentá-lo por si mesmo.

O que são notificações Web Push?

As notificações push da Web são mensagens enviadas aos visitantes (que optaram por recebê-las) depois que eles saíram do seu site. Para optar por recebê-las, você geralmente verá um prompt como este:

Optin de notificação por push do OptinMonster

As notificações push funcionam e se parecem exatamente com as notificações que você recebe em seu telefone. Elas funcionam tanto em desktops quanto em dispositivos móveis e podem ser enviadas automática ou manualmente.

O melhor das notificações por push é o seu desempenho, especialmente em comparação com o e-mail:

Quer ver se você obtém os mesmos resultados? Vamos testar o PushEngage em seu site.

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

O PushEngage é um plug-in gratuito de notificação por push para WordPress compatível com os navegadores mais populares, incluindo:

  • Cromado
  • Firefox
  • Safári
  • Microsoft Edge

Vamos usar o PushEngage porque ele pode ser usado em muitas plataformas, incluindo WordPress e Shopify.

Se você tiver um site WooCommerce, poderá enviar notificações por push para alertas de abandono de carrinho, vendas e estoque baixo. Se você escreve blogs regularmente, pode configurar o PushEngage para criar notificações push automáticas sempre que publicar algo novo.

  • A versão gratuita permite que você inscreva 500 assinantes e envie até 300 notificações por mês.
  • Os planos pagos começam em US$ 14/mês para até 100.000 assinantes e notificações ilimitadas. Você também recebe suporte para WooCommerce e outros recursos avançados.

1. Instale o plug-in do PushEngage

Primeiro, instalaremos o plug-in PushEngage. Você o encontrará no repositório de plug-ins do WordPress.

Se você não tiver certeza de como encontrá-lo, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

instalar o pushengage

Depois de instalar o plug-in, você poderá criar uma conta gratuita no PushEngage e vinculá-la ao plug-in.

2. Criar uma conta gratuita no PushEngage

Nesta etapa, criaremos sua conta e a conectaremos ao WordPress.

Acesse o site do PushEngage e clique em Get Started for Free Now!

O site do PushEngage

Preencha os detalhes de sua conta e conclua a inscrição aqui. Se você optar por fazer a configuração usando sua conta do Google, o PushEngage solicitará que você insira os detalhes do seu site.

Quando estiver no painel, você verá um assistente de instalação que facilita a configuração do plug-in. Clique em View Tasks para iniciar o processo.

Tarefas do PushEngage

Primeiro, faremos o upload do logotipo do seu site. Ele será exibido como a imagem padrão na mensagem de notificação por push.

Clique no botão Change (Alterar ) e carregue uma imagem no formato de arquivo PNG ou JPG.

Carregar imagem para notificação por push

Quando você concluir essa etapa, o PushEngage solicitará que você confirme seu fuso horário. Como isso é feito automaticamente, vamos passar para a terceira etapa do assistente de integração.

3. Conecte seu site WordPress

Nesta etapa, conectaremos seu site à sua nova conta do PushEngage.

Já instalamos o plug-in, portanto, isso é simples. Só precisamos copiar o código da API do PushEngage e colá-lo em nosso site.

No site do PushEngage, role para baixo e clique no botão Get API Key (Obter chave de API ) e, em seguida, clique em Generate a new API key (Gerar uma nova chave de API).

gerar nova chave de API no site do PushEngage para WordPress

Volte para o painel do WordPress agora. Copie e cole a chave da API onde for solicitado e clique em Submit (Enviar).

Cole a chave da API do PushEngage no site do WordPress

O site agora se conectará ao PushEngage.

Agora você pode alterar algumas configurações básicas no painel do WordPress. Em particular, talvez você queira prestar atenção a essas duas configurações:

Configurações de notificação push do WordPress

  • Envie automaticamente uma notificação por push aos seus assinantes sempre que você publicar uma nova postagem: Essa configuração enviará uma notificação aos seus assinantes assim que uma nova postagem for publicada. Se quiser ter mais controle, desative essa opção aqui. Você pode então enviar notificações manuais marcando uma caixa no editor de postagens ou escrevendo sua própria notificação no site do PushEngage.
  • Permitir que todos os tipos de postagens acionem automaticamente uma notificação: Se essa opção estiver ativada, verifique os tipos de post personalizados em seu site para não enviar notificações acidentalmente para tipos de post que são privados. Em caso de dúvida, você pode desativar essa opção.

A partir deste ponto, algumas das configurações que mostraremos a você podem ser aplicadas no WordPress ou no site do PushEngage. Mostraremos o site do PushEngage, pois ele é um pouco mais detalhado.

4. Definir a notificação de boas-vindas

A quarta tarefa é configurar uma notificação de boas-vindas para seus assinantes. Essa notificação será exibida depois que alguém se inscrever para receber notificações de seu site.

Na mensagem de boas-vindas, você precisa definir um título e uma mensagem. Você pode definir o URL para qualquer página que desejar. Usamos o URL da página inicial, mas você também pode usar uma categoria específica ou uma página de venda.

Configurar a notificação push de boas-vindas do WordPress

Certifique-se de marcar a caixa Send Welcome Notifications to Subscribers (Enviar notificações de boas-vindas aos assinantes ) e clique no botão Update (Atualizar ) para salvar as alterações.

Em seguida, configuraremos a caixa de diálogo que convida os usuários a optarem por participar.

5. Caixa de diálogo Set Up Subscription (Configurar assinatura)

A quinta tarefa é configurar uma caixa de diálogo de assinatura ou o prompt de notificação que os visitantes verão quando visitarem seu site.

Você pode encontrá-lo na lista de tarefas ou em Configurações " Configurações de assinatura " Caixa de diálogo de assinatura. Você pode visualizar para ver a aparência de cada uma delas ou clicar em Editar para alterar o estilo.

O PushEngage recomenda o Push Single Step Opt-in para obter o melhor desempenho.

Caixa de diálogo de assinatura de pushengage

Nesse ponto, você precisará fazer upload de alguns arquivos se não estiver usando o WordPress. Isso permitirá que você envie notificações de seu domínio em vez do subdomínio do PushEngage.

Como já temos o plug-in do WordPress instalado, vamos pular essa parte e começar a enviar.

7. Iniciar o envio de notificações push

Agora é hora de enviar sua primeira notificação. Se quiser testar essa etapa, visite sua página inicial e inscreva-se para que você tenha um assinante de teste para começar.

Para enviar uma nova notificação, clique em Notifications (Notificações ) na barra lateral e clique em Create " New Notification( Criar " Nova Notificação).

Aqui, você precisa digitar:

  • O título e a mensagem da notificação
  • O URL da página específica que você deseja segmentar
  • Uma imagem personalizada para a mensagem de notificação (se você quiser substituir a imagem padrão).

enviar notificação

Dica profissional: Recomendamos que você também use a Notificação de várias ações. Isso permite que você adicione um botão "Leia mais" que pode ajudar a obter mais cliques.

Feito isso, você pode optar por enviar a notificação agora ou programá-la para um momento posterior. Se você estiver em um plano pago, também poderá programar o envio de acordo com o fuso horário do usuário.

Revise tudo antes de clicar no botão Send Notification (Enviar notificação)... e pronto! Fique de olho em suas análises do PushEngage para ver o desempenho de suas notificações.

Corrija seus e-mails do WordPress agora

Em seguida, notifique os autores quando suas postagens forem publicadas

É muito mais fácil acompanhar a programação de postagens de um blog com vários autores se você tiver notificações automáticas por e-mail configuradas para os autores quando suas postagens forem publicadas.

E se você estiver farto de spam em seu site, recomendamos que confira estas alternativas ao Google reCAPTCHA

Pronto para corrigir seus e-mails? Comece hoje mesmo com o melhor plugin SMTP para WordPress. Se você não tiver tempo para corrigir seus e-mails, poderá obter assistência completa da White Glove Setup como uma compra extra, e há uma garantia de reembolso de 14 dias para todos os planos pagos.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais sobre o WordPress.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Renee DeCoskey

Renee DeCoskey escreve em blogs desde 2001 e usa o WordPress desde 2007. Quando não está escrevendo sobre plug-ins do WordPress, pode ser encontrada enrolada em um livro ou se divertindo no Rotary.Saiba mais

Experimente nosso plugin gratuito WP Mail SMTP

Use seu provedor de SMTP favorito para enviar seus e-mails do WordPress de forma confiável.

Ative o JavaScript em seu navegador para preencher este formulário.