A configuração de push web permite vincular a Brevo ao seu site. Dessa forma, você poderá gerenciar as campanhas push web do seu site diretamente pela Brevo.

O objetivo desta configuração também é permitir a opt-in do navegador para os clientes. Se os clientes permitirem a adesão, eles receberão notificações push web quando acessarem seu site. Se os clientes bloquearem a aceitação, eles nunca mais receberão a aceitação do navegador nem suas notificações push web.

Criamos uma série de artigos para ajudar você a começar a enviar campanhas push web:

• O que são notificações push web?
• Parte 1: Configurar notificações push web - VOCÊ ESTÁ AQUI
• Parte 2: Criar sua campanha push web
• Parte 3: Revisar e gerenciar sua campanha push web
• Solução de problemas: por que não recebo notificações push web?

🔎 Etapa 1: Detalhes do site

1. Vá para Campaigns (Campanhas) e clique em Create campaign (Criar campanha). 
2. Selecione Web Push (Push web). 
3. Insira o nome do seu site e o link do URL para a página inicial do seu site.
   O URL do site deve seguir um destes formatos:
   https://yoursite.com, https://www.yoursite.com ou https://subdomain.yoursite.com
   ❗️ Importante

   Após configurar push web, você não poderá alterar o URL do site. No entanto, poderá acessar a página Configurações de push web para editar o opt-in, nome do site, logotipo da empresa, rastreamento de código e outras opções.
   Para saber mais, confira nosso artigo dedicado Parte 3: revisar e gerenciar suas campanhas push web.
4. Opcional: Carregue o logotipo da sua empresa.
   O logotipo do seu site aparecerá nas notificações push web. 
5. Clique em Salvar.
   

👥 Etapa 2: Coleta de inscritos

Esta etapa consiste em instalar um rastreador para vincular seu site à Brevo e coletar o opt-in dos seus visitantes.

1. Escolha uma opção de instalação.
   Existem três opções de como configurar seu site:
   
   Plug-ins (método mais fácil) JS Tracker Google Tag Manager

   
   Esta opção permite vincular a Brevo ao seu site por meio de um aplicativo (Shopify, WordPress, WooCommerce, Prestashop etc). Para saber mais, consulte nosso artigo dedicado Que plug-ins da Brevo criam automaticamente eventos de rastreamento?

   💡 É bom saber

   As etapas 2 e 3 poderão ser ignoradas se você usar os seguintes plug-ins: Wordpress, Shopify, Prestashop, Shopware 5 ou Shopware 6.

   A etapa 2 poderá ser ignorada se você usar o WooCommerce.

   
   Esta opção consiste em copiar e colar um trecho de código no seu site.

   
   Esta opção usa o Google Tag Manager para configurar push web. A vantagem desta opção é que você não precisa alterar a codificação do seu site.
2. Opcional: Ative Identifique visitantes e veja a atividade deles para habilitar cookies. Você pode usar um rastreador próprio ou de terceiros.
3. Siga as instruções exibidas para a opção de instalação que você escolheu.
4. Clique em Avançar para verificar se a instalação foi concluída com sucesso.

🔔 Etapa 3: Entrega de notificações

As informações anteriores que você adicionou foram reunidas em um arquivo. Você precisa baixar e carregar este arquivo para o seu site.

1. Baixe o arquivo de configuração. 
   
2. Faça upload do arquivo de configuração para seu site.
   
   1. Vá para o Gerenciador de arquivos em sua plataforma de criação de sites.
      
      
   2. Crie uma pasta sendinblue na pasta raiz, que seja acessível publicamente. Essa pasta raiz geralmente é chamada public_html.
      ❗️ Importante

      Por enquanto ainda é necessário nomear a pasta como sendinblue, não brevo.
   3. Carregue o arquivo de configuração service-worker.js na pasta sendinblue.
      
      
      
3. Vá para yoursite.com/sendinblue/service-worker.js (substitua yoursite.com por seu domínio real).
   ➡️  Por exemplo

   Se seu domínio for theexample.com, vá para o link theexample.com/sendinblue/service-worker.js.
   ✅ Se o arquivo de configuração estiver instalado corretamente, você verá esta mensagem: 
   
   ❌ Se você vir uma página 404 ou outra página, verifique se o arquivo de configuração foi carregado corretamente na estrutura de diretório sendinblue. 
4. Clique em Ativar. 
   

⏭️ O que vem a seguir?

• Parte 2: Criar sua campanha push web
• Parte 3: Revisar e gerenciar sua campanha push web
• Solução de problemas: por que não recebo notificações push web?

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.