Configurar Notificações Push Web em Qualquer Website

Como Configurar Notificações Push Web em Qualquer Website

Procura uma forma de adicionar notificações push web ao seu website?

As notificações push podem ajudá-lo a gerar muito tráfego, envolvimento e vendas de forma automática e com muito pouco esforço. Mas uma questão importante é: como é que se faz isso?

Neste artigo, vamos mostrar-lhe como adicionar notificações push ao seu website, mesmo que nunca o tenha feito antes.

Para este artigo, vamos usar o PushEngage para configurar notificações push no seu site. O PushEngage é o software de notificações push número 1 do mundo. Assim, as suas campanhas estarão em boas mãos.

Vamos a isso.

Como Instalar Notificações Push no Seu Site

Vamos começar com uma pré-visualização do que pode esperar como resultado deste artigo. Se seguir estes passos, no final deste artigo, deverá ser capaz de enviar notificações push do seu site como esta:

1º Exemplo de Carrinho Abandonado

Não importa com o que o seu website foi construído. Independentemente da stack tecnológica que utilizou para desenvolver o seu site, pode sempre instalar notificações push no seu site. Cobriremos tudo isso nos próximos segmentos.

Vamos a isso.

Passo #1: Configurar a Sua Conta PushEngage

Aceda à página inicial do PushEngage e clique no botão Começar:

PushEngage

Pode selecionar o plano gratuito para experimentar o PushEngage, ou escolher um plano pago se estiver a levar a sério o crescimento do seu negócio. Os planos pagos vêm com mais opções de campanha e a capacidade de construir listas de subscritores ainda maiores.

Depois de se inscrever numa conta, dirija-se ao painel do PushEngage e vá a Definições » Definições do Site » Definições de Instalação:

Configurações do Site PushEngage

É aqui que configura os detalhes do seu site e a marca. Vá em frente e defina um logótipo e URL do site para as suas notificações push. Deve fazer isto agora para poder testar as suas notificações push corretamente.

Passo #2: Obter o Código de Instalação do PushEngage

Em seguida, terá de se dirigir ao painel do PushEngage e obter o código de instalação. Vá a Definições » Definições do Site » Definições de Instalação:

Adicionar Notificações Push no site Squarespace

É aqui que as coisas começam a ficar um pouco técnicas.

Dentro desta aba, verá que pode obter um código diferente para diferentes tipos de websites.

Encontre o correto para o seu site e copie-o.

Se estiver a executar um site num CMS que não está listado no separador, pode dirigir-se aos separadores HTTP ou HTTPS, dependendo se o seu site tem um certificado SSL instalado.

Uma parte realmente importante deste passo, se estiver a usar um site HTTPS, é ter acesso à pasta raiz do seu servidor. Para que as notificações push funcionem num site HTTPS, terá de descarregar o ficheiro service-wroker.js do mesmo separador. E depois, carregá-lo para a sua pasta raiz.

NOTA: Se não conseguir carregar o ficheiro service-worker para a pasta raiz, tem a opção de carregar o ficheiro para outra pasta. Vá a PushEngage Dashboard » Settings » Site Settings » Advanced Settings

Basta seguir as instruções nas Definições do Service Worker e está pronto:

Definições do Service Worker

E é tudo!

Instalou com sucesso notificações push web no WordPress sem usar um plugin.

Passo #3: Colocar o Código de Instalação no HTML do Seu Site

Essencialmente, não importa o tipo de website que tem, vai querer colocar este código de instalação no <head> HTML do seu website. E o processo para fazer isso é diferente para diferentes plataformas. Se desejar um guia específico da plataforma sobre como instalar notificações push web no seu website, consulte estes recursos:

Se estiver a executar um site personalizado construído em HTML, saberá exatamente onde colocar o código. Mas o processo de colocar o código de instalação na cabeça do seu site mudará com base no seu CMS ou construtor de websites.

Para certos CMSs, pode inserir o seu código de instalação diretamente do seu painel. Noutras instâncias, como com o PrestaShop, precisará de usar a Chave API PushEngage em vez disso. Portanto, recomendamos que siga estes tutoriais específicos da plataforma para qualquer outro site.

Passo #4: Configurar a Opção de Adesão do PushEngage

Finalmente, no seu painel PushEngage, vá a Definições » Definições de Subscrição » Caixa de Diálogo de Subscrição » Editar:

Definições de Instalação PushEngage

A partir daqui, pode personalizar a sua opção de adesão de notificações push. Se precisar de ajuda com isso, deve consultar este artigo sobre como criar uma opção de adesão de notificações push personalizada.

Se precisar de alguma inspiração, pode consultar este artigo sobre opções de adesão de notificações push de alta conversão

Passo #5: Criar uma Notificação de Boas-Vindas

Assim que terminar de configurar a opção de adesão, o seu site poderá recolher subscritores.

Mas como sabe se as suas notificações push estão a funcionar corretamente?

Recomendamos que crie uma notificação push de boas-vindas para testar se a sua configuração correu bem. Uma notificação de boas-vindas é uma notificação push que envia a um novo subscritor para confirmar a sua subscrição e dar-lhe as boas-vindas. 

Dirija-se a Definições » Definições do Site » Definições de Instalação e configure a sua mensagem de boas-vindas:

Nova Notificação Push de Boas-vindas

Finalmente, volte ao seu site e opte pelas suas próprias notificações push para testar se tudo está a funcionar corretamente.

E é tudo o que há para fazer!

Configurou com sucesso as notificações push web no seu website. É hora de voltar ao seu painel PushEngage e começar a criar as suas campanhas de notificações push.

Conclusão

É tudo por esta vez, pessoal!

Se é novo em notificações push, deve seguir um processo completo de teste de notificações push antes de publicar. Isso ajudá-lo-á a resolver problemas comuns antes que os seus visitantes os vejam e comecem a reclamar de uma experiência de utilizador quebrada.

Recomendamos que entre em contacto com os nossos Gestores de Sucesso do Cliente se ficar preso em algum destes passos. Teremos todo o gosto em ajudá-lo com qualquer problema.

E se ainda não o fez, experimente o PushEngage. O PushEngage é o serviço de notificações push número 1 do mundo. Portanto, se leva a sério o crescimento do seu negócio, deve investir no PushEngage.

Comece hoje com PushEngage!

Adicionar um Comentário

Temos todo o gosto que tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com a nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Interaja e Mantenha Visitantes Depois de Saírem do Seu Website

Aumente o valor de cada visita web com Notificações Push que são difíceis de ignorar.

  • Plano Gratuito para Sempre
  • Configuração Fácil
  • Suporte 5 Estrelas