Procurando uma maneira fácil de configurar notificações push para o seu site?
A maioria das notificações push pode ser realmente confusa para configurar. A pior parte é que você precisará de um desenvolvedor para consultar a documentação do desenvolvedor e a documentação da API para configurar notificações push.
Mas adicionar notificações push da web a um site não é realmente tão complicado.
Neste artigo, mostraremos como adicionar notificações push ao seu site, mesmo que você nunca tenha feito isso antes. E faremos isso sem jargões técnicos. Portanto, mesmo que você não seja 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. 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
Antes de começarmos, aqui está uma rápida olhada no que você pode esperar em seu site ao final deste artigo. Se você seguir as etapas deste tutorial, deverá ser capaz de enviar notificações push de seu site, assim como esta:
E não importa se o seu site foi construído em um Sistema de Gerenciamento de Conteúdo (CMS) popular, como WordPress, ou se é um site construído sob medida. Você poderá instalar notificações push em seu site, não importa o quê.
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 incluem melhores opções de segmentação de público e recursos de automação de campanhas.
Depois de se inscrever em sua conta PushEngage, vá para o seu painel PushEngage e vá para Configurações do Site » Detalhes do Site:
Você pode definir seu logotipo, nome do site e URL do site aqui. É muito importante organizar essas coisas agora para que você possa testar toda a sua configuração mais tarde.
Etapa nº 2: Obtenha o Código de Instalação do PushEngage
Para instalar notificações push, você precisará obter um código de instalação. Na sua tela Configurações do Site, role para baixo e clique no botão Clique Aqui Para Instruções de Configuração:
Em seguida, clique na guia Qualquer Site:
E copie o trecho de código Javascript. Você precisará dele em breve.
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 conseguir carregar o arquivo service-worker na pasta raiz, ainda poderá carregar o arquivo em outra pasta. Vá para o Painel do PushEngage » Configurações do Site » Configurações Avançadas.
Basta ativar o botão Ativar registro do service worker do PushEngage:
Por fim, você vai querer colocar o código de instalação do PushEngage no <head> HTML 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 gerenciar seu site, não se preocupe. O processo para editar o <head> HTML é diferente para cada plataforma. Por isso, criamos guias detalhados, passo a passo, para as plataformas mais populares para você:
- Instalar notificações push no WordPress
- Instalar notificações push no WordPress (sem plugin)
- Instalar notificações push no WooCommerce
- Instalar notificações push no Wix
- Instalar notificações push no Blogger
- 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 Drupal
- Instalar notificações push no Squarespace
- Instalar notificações push no X-Cart
- Instalar notificações push no BigCommerce
- Instalar notificações push no Jimdo
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 do PushEngage. Portanto, recomendamos seguir estes tutoriais específicos da plataforma para adicionar o código de notificação push corretamente.
Etapa nº 3: Configurando a Solicitação de Opt-In do PushEngage
Agora, volte ao seu painel PushEngage. Vá para Design » Popup Modals e selecione a opção de sua escolha:
A ideia aqui é dar aos seus visitantes um bom motivo para se inscrever. Se precisar de ajuda com isso, confira nosso artigo sobre como criar um opt-in de notificação push personalizado.
E se você quiser alguns modelos para começar, confira este artigo sobre opt-ins de notificação push de alta conversão.
Etapa BÔNUS: 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 a inscrição dele e dar as boas-vindas.
Veja como Habilitar Notificações de Boas-Vindas no PushEngage. Vá para o painel do PushEngage e acesse Campanha » Drip Autoresponders e clique em Criar Novo Drip Autoresponder:
Em seguida, nomeie sua campanha (sugerimos algo como Drip de Boas-Vindas) e, em Conteúdo, selecione a opção que diz “Enviar notificação imediatamente após o usuário se inscrever“):
Neste ponto, você pode clicar na seta ao lado da notificação para editar o conteúdo dela. Se você tiver um plano Premium ou Enterprise com PushEngage, poderá adicionar mais de uma notificação para criar uma sequência de mensagens de boas-vindas automatizadas. Basta clicar em Adicionar Nova Notificação e editar o conteúdo.
Quando terminar, clique em Configurações de Drip e selecione a opção para enviar sua campanha de boas-vindas a todos os assinantes:
Em seguida, role para baixo para definir seus próprios parâmetros UTM para rastrear as notificações push:
E quando terminar, role para cima novamente e clique no botão Ativar Autoresponder:
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.
O que fazer depois de adicionar notificações push ao seu site
É 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.
Você também deve conferir algumas campanhas de notificação push mais automatizadas, como:
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ção push nº 1 do mundo. Portanto, se você está falando sério sobre o crescimento do seu negócio, o PushEngage é a opção certa para você.
