Como adicionar notificações do navegador para WordPress

Se você tentou aumentar sua lista de assinantes de e-mail, mas não está vendo os visitantes retornarem ao seu site, pode estar se perguntando o que mais pode fazer. Manter os visitantes do site informados sobre as atualizações e direcionar o tráfego de retorno para o seu site pode ser um desafio.

Felizmente, as notificações do navegador ou notificações 'push' podem adicionar um elemento dinâmico à experiência do seu site. A opção de enviar informações por meio do navegador de cada usuário pode abrir uma nova maneira de manter seus visitantes informados e até mesmo atrair novos assinantes.

Neste artigo, explicaremos o que são notificações push e onde elas podem ser usadas. Também veremos como configurá-los para navegadores de desktop e móveis. Se você está pronto para aprender mais sobre esta técnica útil, vamos começar!

O que são notificações do navegador do site (notificações push)?

Como usuário da web, você pode estar mais familiarizado com notificações push quando se trata de seu smartphone. As notificações push, fiéis ao seu nome, 'enviam' informações automaticamente para o seu dispositivo ou navegador para que você saiba quando algo notável aconteceu. Isso pode acontecer quando você recebe uma mensagem de texto, por exemplo, ou gosta ou comenta em uma postagem social.

Na verdade, 52% dos usuários móveis têm notificações push habilitadas em seus telefones. Além do mais, a mesma tecnologia pode ser usada para obter notificações push em navegadores da web de desktop. Ao habilitar as notificações push para o seu site, você pode aproveitar recursos como geolocalização para criar experiências personalizadas ou rastrear os hábitos do comprador para reduzir os carrinhos de compras abandonados.

Um exemplo de notificações do navegador em ação é o site de cupons e amostras grátis da Freefly. O Freefly's usa uma notificação push para navegadores de desktop. Quando um usuário visita o site, ele recebe uma notificação perguntando se deseja receber seus “Alertas de brindes”. Você pode selecionar “Sim” ou “Não, obrigado” e continuar visualizando o site:

Um estudo de caso sobre a implementação de notificações por push do Freefly revela que seu objetivo era fornecer comunicação instantânea de negócios com limite de tempo aos visitantes. Essa abordagem atraiu 4.400 novos assinantes em 30 dias, após um processo de configuração de apenas três minutos.

Como configurar as notificações do navegador com o WordPress (em 6 etapas)

Agora vamos dar uma olhada no OneSignal, um plug-in gratuito do WordPress que oferece push móvel ilimitado e notificações da Web para até 30.000 assinantes.

O OneSignal também possui a capacidade de segmentar públicos, implementar recursos de localização, rastrear resultados com o Google Analytics e fazer uso de uma API robusta.

Isso significa que você pode integrá-lo a todos os principais serviços de email marketing para enviar newsletters por meio de notificações push, para uma experiência do cliente ainda mais personalizada. Vamos dar uma olhada em como começar a usar o OneSignal seguindo estas seis etapas.

1. Baixe e instale o plug-in OneSignal

Primeiro, você deve ir até o diretório de plugins do WordPress e procurar por OneSignal. Depois de baixar os arquivos do plug-in, você precisará visitar a seção Plug-ins na área de administração do seu site WordPress.

Como alternativa, você pode procurar por OneSignal na seção Plugins e adicionar o plug-in gratuito ali mesmo.

Depois de instalar o plug-in, certifique-se de selecionar o botão Ativar que aparece após a conclusão da instalação. Depois de fazer isso, você pode clicar no link OneSignal para concluir o processo.

2. Visite o site OneSignal para se conectar com o WordPress

No site OneSignal, você precisará criar uma conta gratuita. Há também algumas etapas que você terá que concluir para garantir que o OneSignal esteja configurado para o seu site WordPress e para escolher os navegadores que deseja usar.

Depois de se inscrever, você será solicitado a selecionar um aplicativo para suas notificações.

Em nosso exemplo, vamos usar o Chrome. Você precisará nomear seu aplicativo para continuar na próxima etapa. Na tela seguinte, você será solicitado a configurar seu web push.

Você deve selecionar o plugin do WordPress ou o Construtor de sites na parte superior da tela para alterar as opções apresentadas. Depois de fazer isso, você verá um ícone do WordPress para escolher, entre uma lista de outros aplicativos da web.

Depois de selecionar o ícone do WordPress , mais opções de configuração rotuladas como Configuração do site WordPress aparecerão abaixo. É aqui que você poderá adicionar as informações do seu site e fazer upload de um ícone personalizado, se desejar.

Nesta caixa de diálogo de configuração, você também encontrará documentação sobre sites que não são totalmente HTTPS. Se você estiver nessa situação, convém revisar esta documentação e seguir as recomendações do OneSignal. Quando terminar de preencher as informações do seu site, salve as alterações.

3. Confirme as configurações no painel de configurações do plug-in do WordPress

Depois de salvar as informações de configuração do site WordPress, você verá uma tela com detalhes importantes que precisam ser transferidos para o painel de configurações do OneSignal no WordPress. Isso inclui sua API ID e API Key para o aplicativo que você acabou de configurar.

Você pode usar o botão Ir para o meu site abaixo das informações da API ou navegar até o painel do WordPress em outra guia do navegador para concluir a configuração.

Quando estiver no painel, clique em OneSignal Push no menu à esquerda e selecione a guia Configuração . É aqui que você precisará inserir esses códigos de API para fazer a conexão final entre o WordPress e o OneSignal.

Para configurar uma notificação por push também para o navegador Apple Safari, você terá que voltar ao site OneSignal e adicionar o Safari como um aplicativo (e assim por diante para outros navegadores).

4. Personalize sua mensagem pop-up

Agora que você fez a conexão entre o WordPress e o OneSignal, pode começar a personalizar todas as várias opções incluídas no plug-in. Isso inclui a mensagem pop-up para assinar suas notificações push.

Nas configurações do OneSignal Push no WordPress, você pode rolar para baixo abaixo das informações da API e decidir o que deseja que o texto do convite push diga.

Esta é uma excelente forma de personalizar a experiência e motivar os visitantes a usar suas notificações.

5. Personalize seu ícone de notificação

Outro item importante que você pode personalizar é o ícone de notificação. Isso permitirá que você ajuste a maneira como os visitantes recebem notificações em seus navegadores. Por exemplo, você pode criar uma mensagem de agradecimento personalizada que os visitantes receberão assim que se inscreverem.

Além disso, você pode configurar o texto para notificações que aparecerão se um visitante bloquear ou cancelar a assinatura de seu serviço de notificação por push. Embora isso às vezes aconteça, você pode tentar manter o visitante conectado criando uma mensagem que deixe claro por que é benéfico permanecer inscrito em suas notificações.

6. Envie notificações do seu site WordPress

Agora que você está configurado com OneSignal, você pode estar se perguntando como enviar notificações. Felizmente, o aplicativo OneSignal enviará automaticamente notificações push sempre que uma nova postagem for publicada em seu site.

No entanto, se você deseja enviar manualmente uma notificação para uma página ou postagem, pode fazer isso em qualquer tela de edição do WordPress.

Na guia Documento , agora você terá uma opção OneSignal. A partir daí, você pode marcar a caixa para enviar uma nova notificação do navegador sempre que a postagem for atualizada. Isso pode ser particularmente útil se você estiver atualizando um item em sua loja online, por exemplo. Você também pode configurar o OneSignal para enviar automaticamente notificações push para determinados tipos de postagem personalizados.

Precisa de ajuda para melhorar sua experiência digital?

A configuração de notificações push para o seu site WordPress pode ser uma maneira perfeita de criar uma experiência dinâmica para os visitantes do seu site. Se você gostou de aprender sobre essa ferramenta, vai adorar os outros excelentes recursos para desenvolvedores que temos para compartilhar aqui no WP Engine.

O WP Engine fornece mais do que apenas serviços de hospedagem WordPress rápidos e confiáveis. Também oferecemos uma plataforma de experiência digital completa. Isso significa que, com o WP Engine, você pode se concentrar no desenvolvimento de um excelente design de site para seus clientes e deixar o gerenciamento de hospedagem conosco!