Como adicionar notificações push da Web ao seu site WordPress

Publicados: 2023-08-11


Você está se perguntando como adicionar notificações push ao seu site WordPress?

As notificações push permitem que você envie mensagens aos usuários mesmo quando eles não estão no seu site. Isso ajuda você a trazer usuários de volta ao seu site, aumentar o tráfego e ganhar mais dinheiro.

Neste artigo, mostraremos como adicionar facilmente notificações push da web ao seu site WordPress.

Add web push notifications to your WordPress site

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 pular para diferentes seções:

O que são notificações push?

Notificações push são mensagens de notificação curtas e clicáveis ​​que aparecem como um pop-up na área de trabalho 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 de 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 notificação push.

Web Push Notification desktop preview

As notificações push permitem que você alcance usuários em vários dispositivos com suas atualizações e ofertas mais recentes, tornando-as uma forma eficaz de converter visitantes do site em seguidores e clientes fiéis.

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

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

Você pode fazer isso usando vários canais ao mesmo tempo. Isso pode incluir marketing por email, mídia social, marketing móvel ou SMS e notificações push na web.

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

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

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

  • Os usuários precisam dar permissão explícita para receber notificações push. Isso significa que eles já estão interessados ​​no que você tem a oferecer e são mais propensos a interagir com as notificações.
  • As notificações push são mais curtas e exigem menos atenção do que atualizações por e-mail ou mídia social.
  • Não existe algoritmo como nas redes sociais para limitar seu alcance. Quase 100% das mensagens são entregues.
  • Os usuários podem controlar como seus dispositivos exibem notificações. Eles podem adiá-los ou desligá-los totalmente.
  • Poucas empresas usam notificações push.

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

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

Dito isto, vamos dar uma olhada em como adicionar facilmente notificações push da web a um site WordPress.

Configurando notificações push da Web no WordPress com PushEngage

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

Isso ajuda você a se conectar com os visitantes mesmo depois que eles saem do seu site com mensagens push direcionadas.

Etapa 1: Criando sua conta PushEngage

Primeiro, você precisa ir ao site PushEngage e clicar no botão ‘Comece gratuitamente agora’.

PushEngage

O plano gratuito cobre até 200 assinantes e 30 campanhas de notificação por mês. Você terá que atualizar à medida que conseguir mais assinantes e precisar enviar mais campanhas.

Depois de selecionar um plano de preços, você precisará criar uma conta PushEngage. Você pode usar sua conta Google existente para se registrar ou criar uma nova conta.

Register for a PushEngage account

Depois de fazer isso, você será direcionado para a página ‘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 dados do seu cartão de crédito aqui.

Provide website details to complete the signup process

Ao se inscrever, você será direcionado 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 visitar 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 seu site, se desejar. Depois disso, você deve fazer upload de uma imagem que será usada como ícone do site para notificações push da web.

Para fazer isso, clique no botão ‘Escolher imagem’.

Choose an icon image for push notifications

Isso abrirá um prompt na tela onde você pode fazer upload de 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 ‘Salvar alterações’ para armazenar suas configurações.

Upload an image from the computer

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

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

Etapa 2: Conectando seu site WordPress ao PushEngage

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

Para fazer isso, você precisa instalar e ativar o plugin PushEngage WordPress. Para mais detalhes, você pode ver nosso guia passo a passo sobre como instalar um plugin WordPress.

Após a ativação, a mensagem 'Bem-vindo ao Assistente de configuração do PushEngage!' um prompt será aberto na tela, onde você deverá clicar no botão ‘Conectar sua conta existente’.

Click Connect to your existing account button

Isso abrirá o prompt ‘Adicionar seu site ao PushEngage’ em uma nova janela. Aqui, você deve ter certeza de que o site cadastrado no PushEngage é o mesmo que você está usando agora.

Depois disso, basta clicar no botão ‘Vamos começar’.

Connect PushEngage account to WordPress

Assim que sua conta PushEngage estiver conectada ao WordPress, um assistente de configuração será iniciado em sua tela que você pode configurar de acordo com sua preferência.

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

Click the PushEngage dashboard button in the setup wizard

Agora é hora de você começar a criar uma notificação push na web para o seu blog ou site WordPress.

Etapa 3: configurando suas mensagens de notificação push

Para criar uma notificação push, vá para a página PushEngage »Campanhas e clique no botão 'Adicionar novo'.

Isso o direcionará para a tela ‘Criar nova transmissão push’ no painel do WordPress.

Create a new push engage campaign by clicking the Add New button

A partir daqui, você pode começar digitando um nome para sua notificação push no campo ‘Título da notificação’. Em seguida, digite a mensagem que deseja exibir na notificação push no campo ‘Mensagem’.

Em seguida, você precisa adicionar o URL do seu site ao campo ‘URL de notificação’.

Ao adicionar o título e a mensagem, você poderá ver uma prévia da sua notificação push no canto direito da tela.

Type the title, message, and URL for the push notification

Em seguida, role para baixo até a seção ‘Mostrar imagem grande’ e mude o botão para ativo se desejar adicionar uma imagem à sua notificação push.

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

Add image to the push notification

Em seguida, você precisa rolar para baixo até a seção ‘Duração da notificação’ e alternar o botão para ativo.

Depois de fazer isso, você pode marcar a opção ‘Manter 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 da notificação push nos menus suspensos. Esta configuração controla por quanto tempo a notificação push será exibida.

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

Depois de definir as configurações, basta clicar no botão ‘Salvar e selecionar público’ na parte superior.

Add duration for push notification

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

Aqui, escolheremos a opção ‘Enviar para todos os assinantes’ para que nossa notificação push seja exibida para todos os nossos assinantes.

Em seguida, clique no botão ‘Enviar/Agendar’ na parte superior para seguir em frente.

Choose an audience to send push notifications

Na próxima etapa, você precisa agendar o tempo de notificação push da web.

Por exemplo, se quiser começar a enviar notificações push imediatamente, você pode selecionar a opção ‘Começar a enviar imediatamente’. No entanto, você também pode programar sua notificação para ser enviada em um horário específico ou transformada em uma notificação push recorrente.

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

Schedule and send your notification to your users

Por fim, clique no botão ‘Enviar notificação agora’ para salvar sua campanha e começar a enviar notificações push da web.

Depois de configurar as notificações push, é uma prática recomendada verificar se elas estão funcionando conforme o esperado.

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

Aqui está o nosso em um computador desktop:

Push notification preview

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

Crie uma lista de assinantes com PushEngage

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

Quando estiver lá, basta alternar o botão para ativo para obter um modelo pop-up de sua preferência. Em seguida, clique no botão 'Editar pop-up'.

Choose popup template

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

A partir daqui, 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 ‘Salvar e escolher opções de exibição’ na parte superior.

Configure popup design

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

Por fim, clique no botão ‘Salvar e ativar pop-up’ para armazenar suas configurações e ativar o pop-up.

Save and enable popup

Agora você precisa visitar 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 'Permitir', eles automaticamente se tornarão parte da lista de assinantes do PushEngage.

Allow notification preview

Envie notificações push para assinantes sempre que publicar uma nova postagem no WordPress

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

Para fazer isso, visite a página PushEngage »Configurações no painel do WordPress e mude para a guia ‘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 da postagem na notificação push e ativar os botões multiação.

Toggle auto push switch

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

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

Por fim, clique no botão ‘Salvar alterações’ para armazenar suas configurações.

Agora crie uma nova postagem no editor de bloco do WordPress e role para baixo até a seção ‘Configurações de notificações push do PushEngage’.

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

Add title and message for blog post push notification

Quando terminar, basta clicar no botão ‘Publicar’ para salvar suas alterações e publicar sua postagem.

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

Preview for push notifications for blog post publications

Esperamos que este artigo tenha ajudado você a aprender como adicionar notificações push da web ao seu site WordPress. Você também pode consultar nosso guia para iniciantes sobre como construir uma lista de e-mail e nossas escolhas de especialistas sobre os melhores serviços de marketing por e-mail para pequenas empresas.

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