Como configurar notificações push da Web em seu site
Publicados: 2022-02-17Procurando um guia rápido e fácil sobre como configurar notificações push da Web em seu site?
Estamos protegendo você.
Neste artigo, mostraremos como configurar notificações push da Web em seu site, mesmo que:
- Você nunca fez isso antes
- Você não tem um desenvolvedor para fazer isso por você
- Você tentou e não conseguiu adicionar notificações push ao seu site
A melhor parte? Faremos isso sem o jargão técnico. Portanto, mesmo se você não for um desenvolvedor, ainda poderá instalar notificações push com bastante facilidade.
Para este artigo, usaremos o PushEngage para configurar notificações push em seu site. PushEngage é o software de notificação push nº 1 do mundo. Assim, suas campanhas estarão em boas mãos.
Vamos mergulhar.
Como instalar notificações push em seu site
Antes de começarmos, veja uma rápida olhada no que você pode esperar em seu site no final deste artigo. Se você seguir as etapas deste tutorial, poderá enviar notificações push do seu site como esta:
Não importa como você desenvolveu seu site, que tipo de negócio você está executando ou quaisquer outras especificações técnicas. Você poderá instalar notificações push em seu site de qualquer maneira.
Vamos mergulhar.
Passo #1: Configure sua conta PushEngage
Vá até a página inicial do PushEngage e clique no botão Começar :
Você pode selecionar o plano gratuito para experimentar o PushEngage, mas se você levar a sério o crescimento de seus negócios, escolha um plano pago. Os planos pagos incluem melhores opções de segmentação de público e recursos de automação de campanha.
Depois de se inscrever para uma conta, vá até o painel do PushEngage e vá para Configurações » Configurações do site » Configurações de instalação :
Você pode configurar o URL e a identidade do seu site nesta tela. Vá em frente e defina um logotipo e URL do site para suas campanhas e transmissões de notificação por push.
Todos os seus assinantes de notificações push verão o nome do site , a imagem do site e a URL do site em suas notificações. Portanto, você deve configurá-los agora para poder testar suas notificações push mais tarde.
Etapa 2: obter o código de instalação do PushEngage
Em seguida, você precisará acessar o painel do PushEngage e obter o código de instalação. Vá para Configurações » Configurações do site » Configurações de instalação :
Dentro desta guia, você verá que pode obter um código diferente para diferentes tipos de sites. Encontre o caminho certo para o seu site e copie-o. Se você estiver executando um site em um CMS que não está listado na guia, poderá acessar as guias HTTP ou HTTPS com base no fato de seu site ter um certificado SSL instalado.
Esta próxima parte é super importante. Se você não fizer essa etapa, seu site não poderá coletar assinantes de notificação por push.
Se estiver usando um site HTTPS e tiver acesso à pasta raiz do servidor, será necessário fazer download do arquivo service-wroker.js na mesma guia. Em seguida, faça o upload para sua pasta raiz.
NOTA: Se você não puder carregar o arquivo do service-worker para a pasta raiz, ainda poderá carregar o arquivo para outra pasta. Vá para Painel do PushEngage » Configurações » Configurações do site » Configurações avançadas .
Basta seguir as instruções nas Configurações do Service Worker e você estará pronto:
Finalmente, você vai querer colocar o código de instalação do PushEngage no HTML <head> do seu site. Se você é um desenvolvedor acostumado a codificar em HTML, já sabe como fazer isso.
Mas se você é novo em HTML e está usando um CMS para executar seu site, não se preocupe. O processo para editar o HTML <head> é diferente para diferentes plataformas. Por isso, criamos guias detalhados passo a passo para as plataformas mais populares para você:
- Instale notificações push no WordPress
- Instale notificações push no WordPress (sem plugin)
- Instale notificações push no WooCommerce
- Instale notificações push no Wix
- Instalar notificações push no Blogger
- Instale notificações push no Zoho
- Instale notificações push no Volusion
- Instale notificações push no Weebly
- Instale notificações push no ClickFunnels
- Instale notificações push no PrestaShop
- Instale notificações push no OpenCart
- Instale notificações push no CS-Cart
- Instale notificações push no Drupal
- Instale notificações push no Squarespace
- Instale notificações push no X-Cart
- Instale notificações push no BigCommerce
- Instale notificações push no Jimdo
IMPORTANTE: Você pode inserir seu código de instalação diretamente do seu painel em alguns construtores de sites e CMSs. Em outras instâncias, como PrestaShop, você precisará usar a chave de API PushEngage. É por isso que recomendamos seguir os tutoriais específicos da plataforma para adicionar o código de notificação por push corretamente.
Etapa 3: Configurando o PushEngage Opt-In
Por fim, no painel do PushEngage, vá para Configurações » Configurações de assinatura » Caixa de diálogo de assinatura » Editar :
A partir daqui, você pode personalizar seu opt-in de notificação por push. Se você precisar de ajuda com isso, confira este artigo sobre como criar um opt-in de notificação por push personalizado.
Se você precisar de alguma inspiração, confira este artigo sobre opt-ins de notificação por push de alta conversão.
Etapa BÔNUS: crie uma notificação de boas-vindas
Depois de configurar o opt-in, seu site pode coletar assinantes.
Mas como você sabe se suas notificações push estão funcionando corretamente?
Recomendamos que você crie uma notificação por push de boas-vindas para testar se a configuração ocorreu sem problemas. Uma notificação de boas-vindas é uma notificação por push que você envia a um novo assinante para confirmar sua assinatura e recebê-lo a bordo.
Vá para Configurações » Configurações do site » Configurações de instalação e configure sua mensagem de boas-vindas:
Por fim, volte ao seu site e opte por suas próprias notificações push para testar se tudo está funcionando sem problemas.
E isso é tudo o que há para isso!
Você configurou com sucesso as notificações push da Web em seu site. É hora de voltar ao seu painel PushEngage e começar a criar suas campanhas de notificação por push.
Empacotando
Se você é novo em notificações por push, deve seguir um processo completo de teste de notificação por push antes de entrar no ar. Isso ajudará você a solucionar problemas comuns antes que seus visitantes os vejam e comecem a reclamar sobre uma experiência de usuário ruim.
Recomendamos que você entre em contato com nossos gerentes de sucesso do cliente se tiver problemas com isso. Estamos mais do que felizes em ajudá-lo com qualquer problema. As notificações push são uma ótima maneira de direcionar o tráfego repetido para o seu site e aumentar as vendas diretas e o engajamento.
Não convencido? Confira estes recursos épicos:
- Campanhas de gotejamento e respostas automáticas para notificações push da Web
- 5 benefícios de usar a campanha de notificação push de abandono de carrinho
- Como converter assinantes em compradores usando notificações push da Web
Se você ainda não o fez, vá em frente e experimente o PushEngage. PushEngage é o serviço de notificação push nº 1 do mundo. Portanto, se você leva a sério o crescimento de seus negócios, o PushEngage é a opção certa para você.
Comece hoje mesmo com o PushEngage!