Procurando uma maneira de adicionar notificações push da web ao seu site?
As notificações push podem ajudar você a gerar muito tráfego, engajamento e vendas no piloto automático e com muito pouco esforço. Mas uma grande questão é: como você faz isso?
Neste artigo, mostraremos como adicionar notificações push ao seu site, mesmo que você nunca tenha feito isso antes.
Para este artigo, usaremos o PushEngage para configurar notificações push em seu site. O PushEngage é o software de notificações push nº 1 do mundo. Portanto, suas campanhas estarão em boas mãos.
Vamos lá.
Como Instalar Notificações Push em Seu Site
Vamos começar com uma prévia do que você pode esperar como resultado deste artigo. Se você seguir estas etapas, ao final deste artigo, você poderá enviar notificações push do seu site como esta:
Não importa com o que seu site foi construído. Não importa qual stack de tecnologia você usou para desenvolver seu site, você sempre pode instalar notificações push em seu site. Cobriremos tudo isso nos próximos segmentos.
Vamos lá.
Passo nº 1: Configure Sua Conta PushEngage
Acesse a página inicial do PushEngage e clique no botão Começar:
Você pode selecionar o plano gratuito para experimentar o PushEngage, ou escolher um plano pago se você estiver sério sobre o crescimento do seu negócio. Os planos pagos vêm com mais opções de campanha e a capacidade de construir listas de assinantes ainda maiores.
Depois de se inscrever para uma conta, vá para o painel do PushEngage e acesse Configurações » Configurações do Site » Configurações de Instalação:
É aqui que você configura os detalhes do seu site e a marca. Vá em frente e defina um logotipo e URL do site para suas notificações push. Você deve fazer isso agora para poder testar suas notificações push corretamente.
Etapa nº 2: Obtenha o Código de Instalação do PushEngage
Em seguida, você precisará ir ao painel do PushEngage e obter o código de instalação. Vá para Configurações » Configurações do Site » Configurações de Instalação:
É aqui que as coisas começam a ficar um pouco técnicas.
Dentro desta aba, você verá que pode obter um código diferente para diferentes tipos de sites.
Encontre o correto para o seu site e copie-o.
Se você estiver executando um site em um CMS que não está listado na guia, pode ir para as guias HTTP ou HTTPS, dependendo se o seu site possui um certificado SSL instalado.
Uma parte muito importante desta etapa, se você estiver usando um site HTTPS, é ter acesso à pasta raiz do seu servidor. Para que as notificações push funcionem em um site HTTPS, você precisará baixar o arquivo service-wroker.js da mesma guia. E então, carregue-o para sua pasta raiz.
OBSERVAÇÃO: Se você não puder fazer o upload do arquivo service-worker para a pasta raiz, você tem a opção de fazer o upload do arquivo para outra pasta. Vá para o Painel PushEngage » Configurações » Configurações do Site » Configurações Avançadas.
Basta seguir as instruções nas Configurações do Service Worker e pronto:
E é só isso!
Você instalou com sucesso as notificações push da web no WordPress sem usar um plugin.
Etapa nº 3: Colocando o Código de Instalação no HTML do Seu Site
Essencialmente, não importa o tipo de site que você tenha, você vai querer colocar este código de instalação no <head> HTML do seu site. E o processo para fazer isso é diferente para diferentes plataformas. Se você gostaria de um guia específico da plataforma sobre como instalar notificações push da web em seu site, confira estes recursos:
- Instalar notificações push no WordPress
- Instalar notificações push no WooCommerce
- Instalar notificações push no Wix
- Instalar notificações push no Zoho
- Instalar notificações push no Volusion
- Instalar notificações push no Weebly
- Instalar notificações push no ClickFunnels
- Instalar notificações push no PrestaShop
- Instalar notificações push no OpenCart
- Instalar notificações push no CS-Cart
- Instalar notificações push no Squarespace
Se você estiver executando 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 no cabeçalho do seu site mudará com base no seu CMS ou construtor de sites.
Para certos CMSs, você pode inserir seu código de instalação diretamente do seu painel. Em outras instâncias, como com o PrestaShop, você precisará usar a Chave de API PushEngage. Portanto, recomendamos seguir estes tutoriais específicos da plataforma para qualquer outro site.
Etapa nº 4: Configurando a Opt-In do PushEngage
Finalmente, no seu 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 push. Se precisar de ajuda com isso, você deve conferir este artigo sobre como criar um opt-in de notificação push personalizado.
Se precisar de inspiração, você pode conferir este artigo sobre opt-ins de notificação push de alta conversão.
Etapa nº 5: Crie uma Notificação de Boas-Vindas
Assim que terminar de configurar a opção de inscrição, seu site poderá coletar inscritos.
Mas como você sabe se suas notificações push estão funcionando corretamente?
Recomendamos que você crie uma notificação push de boas-vindas para testar se sua configuração ocorreu sem problemas. Uma notificação de boas-vindas é uma notificação push que você envia a um novo assinante para confirmar sua assinatura e dar-lhes as boas-vindas.
Vá para Configurações » Configurações do Site » Configurações de Instalação e configure sua mensagem de boas-vindas:
Finalmente, volte ao seu site e opte por suas próprias notificações push para testar se tudo está funcionando sem problemas.
E é só isso!
Você configurou com sucesso as notificações push da web em seu site. É hora de voltar ao seu painel do PushEngage e começar a criar suas campanhas de notificação push.
Concluindo
É tudo por hoje, pessoal!
Se você é novo em notificações push, deve seguir um processo completo de teste de notificações push antes de ir ao ar. Isso o ajudará a solucionar problemas comuns antes que seus visitantes os vejam e comecem a reclamar de uma experiência do usuário quebrada.
Recomendamos que você entre em contato com nossos Gerentes de Sucesso do Cliente se estiver com dificuldades em algum destes pontos. Teremos o maior prazer em ajudá-lo com qualquer problema.
E se você ainda não o fez, experimente o PushEngage. O PushEngage é o serviço de notificações push número 1 do mundo. Portanto, se você está falando sério sobre expandir seus negócios, deve investir no PushEngage.
