Configurar notificações web push com VTEX

O segundo passo para integrar sua conta Connectif com sua loja VTEX Legacy é configurar as Notificações Web Push do Connectif. Assim, você poderá começar a criar workflows nos quais solicitar aos usuários que se inscrevam nas suas notificações push.

Neste artigo você aprenderá como configurar as notificações web push com VTEX Legacy.

 
Tempo de implementação: 15 min.
Dificuldade: Baixa.
Quando utilizar?: Ao abrir sua conta no Connectif.

 

PASSO 1. Download do ServiceWorker

 

Para que o Connectif possa gerenciar assinaturas push e exibir notificações, é necessário que a loja torne público seu arquivo ServiceWorker a partir de seu próprio domínio.
Encontre mais informações sobre o ServiceWorker e seu funcionamento em este artigo.

1. Acesse Configuração da loja no menu lateral esquerdo e, no seletor de aba, vá para "Canais > Notificações Web Push".

2. Dirija-se à aba Notificações Push e clique em    Baixar.

Configurar notificaciones web push 2023 - 01-min (1).png

 

3. Salve o arquivo service-worker.js no seu computador.

 

PASSO 2. Instalação do ServiceWorker na loja VTEX Legacy

 

Para instalar o ServiceWorker na sua loja, siga os passos da documentação da VTEX.

4. No portal admin da sua loja VTEX, acesse "Configuração da loja > Checkout" e clique em    (Configurações).

 

Não feche esta janela, você precisará dela mais tarde.

Configurar_notificaciones_push_en_VTEX_LEGACY_-_3.png

 

5. Na aba Código, adicione um novo arquivo clicando em Novo > Carregar arquivo.

Configurar_notificaciones_push_en_VTEX_LEGACY_-_4.png

 

6. Insira o nome "service-worker.js" e localize o arquivo baixado do Connectif no seu computador.

Configurar_notificaciones_push_en_VTEX_LEGACY_-_5.png

 

7. Clique em    Salvar .

Configurar_notificaciones_push_en_VTEX_LEGACY_-_6.png

 

PASSO 3. Configuração do canal push no Connectif

8. Volte ao campo do Connectif onde você realizou o download do arquivo (passo 1) e insira sua URL no campo URL do ServiceWorker.

  

Esta URL deve ter o seguinte formato: https://SEUDOMINIO/files/service-worker.js

Configurar notificaciones web push 2023 - 02-min (1).png

 

9. Clique em    Salvar.

 

 

Sucesso! 
A configuração das notificações web push na sua loja já está pronta.

 


Continue aprendendo!

Para aproveitar todo o potencial da sua conta no Connectif, recomendamos continuar com os seguintes artigos: