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.
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.