As notificações web push são mensagens instantâneas e totalmente personalizáveis que os contatos recebem em seus dispositivos. Essa comunicação imediata e individualizada permite impactar os usuários nos momentos e lugares adequados para aumentar as taxas de conversão, mesmo quando não visitam o site.
Neste artigo, você aprenderá como configurar notificações web push.
Tempo de implementação: 10 minutos.
Dificuldade: Média
Quando usá-lo: Quando você quiser integrar no Connectif o envio de notificações web push para seus contatos.
As notificações web push lançadas pelo Connectif funcionam nos navegadores e versões que suportam a API de PUSH. Isso inclui os navegadores mais utilizados no mercado: Chrome, Firefox ou Edge (Chromium). No entanto, as notificações web push não têm suporte no Safari nem em dispositivos móveis Iphone.
Para consultar a lista completa, clique aqui.
Requisitos
Para que os contatos possam receber uma notificação web push, devem ser atendidos vários requisitos:
- No navegador, o contato deve ter autorizado o envio de notificações. As notificações web push lançadas a partir do Connectif funcionam em navegadores e versões que dão suporte à API Push. Veja a lista em este link.
- O contato deve ter concedido permissão para receber notificações push do seu domínio web. Para isso, o contato deve clicar no botão Permitir na janela pop-up que aparece no canto superior esquerdo da página.
Esta janela pode ser inserida através do conteúdo web do Connectif. Você pode encontrar como fazer isso em este artigo. Também pode ser mostrada através de qualquer outro meio no seu site.
- O contato deve ter as notificações ativadas no desktop e/ou no mobile.
PASSO 1. Configurar o ServiceWorker
1. Acesse Configuração da loja no menu lateral esquerdo.
2. No seletor de aba, vá para "Canais > Notificações Web Push".
3. Clique em Baixar.
Um arquivo ServiceWorker (como o "service-worker.js" do download) é um script JavaScript executado pelo navegador em segundo plano. Usando-o, certos processos do site continuam funcionando mesmo que o contato tenha fechado o navegador ou ainda não o tenha aberto.
4. Carregue o arquivo no seu servidor e copie o caminho.
5. Insira o caminho para o ServiceWorker na seção URL do ServiceWorker.
Para o funcionamento correto das notificações web push, é necessário que o domínio da sua loja ou site seja HTTPS.
6. Clique em Salvar.
PASSO 2. Verificar a configuração
1. Em uma nova aba ou janela, acesse a URL do ServiceWorker.
Se o caminho estiver correto, o navegador mostrará o fragmento de código que define o ServiceWorker.
2. Abra o console de ferramentas de desenvolvimento (DevTools) do navegador.
Todos os navegadores têm um menu com um link para abrir o DevTools. Aqui você encontra instruções para abrir no Google Chrome (navegador usado em nosso exemplo), Mozilla Firefox, Microsoft Edge e Safari.
Como alternativa, se você estiver usando Chrome, Firefox ou Edge, pode usar a tecla de atalho F12.
3. Na janela das ferramentas de desenvolvimento, clique em Aplicativo.
4. No menu da coluna esquerda, selecione Service Workers.
5. Verifique se o status do ServiceWorker é "ativo e em execução". Além disso, o semáforo que acompanha o Status será verde.
Sucesso!
As notificações web push estão prontas para serem usadas em suas estratégias.
Continue aprendendo!
Para aproveitar ao máximo a sua conta Connectif, recomendamos a leitura dos seguintes artigos:
- Editor de notificações web push, para projetar o conteúdo de suas notificações web push.
- Assinatura push com notificação do navegador, para lançar a notificação de assinatura push do navegador sem enviar conteúdo web.
-
Pedir assinatura para notificações web push com um popup, para criar uma estratégia que assina os contatos por meio de um popup.
-
Assinatura push com slide in, para criar uma estratégia que assina os contatos por meio de um slide in.