A configuração de push Web permite que você vincule a Brevo ao seu site. Dessa forma, você poderá gerenciar as campanhas push Web do seu site diretamente na Brevo.
O objetivo dessa configuração também é habilitar o prompt de assinatura para clientes. Se os clientes permitirem o prompt, eles receberão notificações push Web quando acessarem seu site. Se os clientes bloquearem o prompt de assinatura, eles nunca mais receberão o prompt de assinatura, nem suas notificações push Web.
🔎 Etapa 1: acessar o Push
Para acessar o Push:
- Vá para Marketing > Campaigns (Campanhas).
- Clique em Create campaign (Criar campanha).
- Selecione Push.
- Dê um nome à sua campanha push Web para encontrá-la facilmente na lista de suas campanhas push. Esse nome só ficará visível para você.
-
Clique em Create campaign (Criar campanha).
💡 É bom saberVocê já pode criar e projetar sua notificação push, mas você não poderá enviá-la até concluir a configuração do Push.
🌐 Etapa 2: selecione seu site
Antes de enviar sua primeira campanha, você precisa configurar o Push no seu site. Você só precisa fazer isso uma vez.
- Clique em Set up Push (Configurar Push).
- Selecione o cartão Website (Site).
-
Selecione o menu suspenso Website (Site) e clique em
+ Add website (Adicionar site).
-
Insira o link da URL do site e clique em Add website (Adicionar site) para confirmar.
A URL do seu site deve ser a URL da página inicial apenas com o domínio raiz (sem subdomínios). Use um destes formatos:
https://seusite.com ; https://www.seusite.com❗️ ImportanteA URL do seu site não deve redirecionar automaticamente para outro URL. Se a URL do seu site tiver um redirecionamento, as notificações push não funcionarão. - Clique em Continue (Continuar).
🛠️ Etapa 3: instalar push Web no seu site
- Se você já instalou o plug-in do WooCommerce ou WordPress no seu site, a etapa 2 "Instalação do plug-in" será automaticamente ignorada para a instalação com um plug-in.
- Se você já instalou o rastreador Brevo no seu site para Automações, a etapa 3 "Rastreador Brevo" será automaticamente ignorada para instalações com Google Tag Manager ou rastreador Brevo.
Agora você pode instalar push Web no seu site:
-
Escolha uma opção de instalação.
Existem três opções para configurar seu site:
Essas opções permitem que você vincule a Brevo ao seu site por meio do WooCommerce ou WordPress.
- Instale o plug-in do WooCommerce ou WordPress. Para saber mais, confira nossos artigos dedicados Plug-in da Brevo para WooCommerce - Sincronize sua loja e automatize seu marketing e Plug-in da Brevo para WordPress - Conecte seu site WordPress com a Brevo.
- Clique em Continue (Continuar).
Essa opção usa o Google Tag Manager para configurar o push Web. A vantagem é que você não precisa alterar a codificação do seu site.
- Baixe os arquivos de configuração .
- Descompacte o arquivo.
-
Adicione os dois arquivos de configuração ao diretório raiz do seu site para que as URLs sejam os seguintes:
https://yoursite.com/brevo-frame.html
https://yoursite.com/sw.js💡 É bom saberAlguns sistemas de gerenciamento de conteúdo (CMS) não permitem a hospedagem de arquivos e, portanto, não são compatíveis com o push Web. - Clique em Verify setup files (Verificar arquivos de configuração) para verificar se eles estão corretamente instalados.
-
Para todas as páginas do seu site, copie o código do rastreador Brevo e cole-o na seção
<head>do código HTML dessas páginas.
Essa opção consiste em copiar e colar um código para seu site.
- Baixe os arquivos de configuração.
- Descompacte o arquivo.
-
Adicione os dois arquivos de configuração ao diretório raiz do seu site para que as URLs sejam os seguintes:
https://yoursite.com/brevo-frame.html
https://yoursite.com/sw.js💡 É bom saberAlguns sistemas de gerenciamento de conteúdo (CMS) não permitem a hospedagem de arquivos e, portanto, não são compatíveis com o push Web. - Clique em Verify setup files (Verificar arquivos de configuração) para verificar se eles estão corretamente instalados.
- Copie o código do rastreador Brevo e cole na tag HTML personalizada.
-
Acesse seu site e visite algumas páginas.
Isso nos permite verificar se o código do rastreador foi adicionado corretamente. Se for o caso, a Brevo poderá detectar as ações que você realizou em seu site. - Clique em Verify Brevo tracker (Verificar rastreador Brevo) ou Verify Installation (Verificar instalação).
- As etapas de verificação podem levar até alguns minutos para funcionar depois que você concluir as etapas anteriores.
- Se a verificação do plug-in do WordPress não estiver funcionando, você poderá tentar recarregar a página de administração do WordPress e verificar se a automação está ativada no WordPress.
Se a verificação ainda não estiver funcionando depois de alguns minutos e você tiver concluído as etapas anteriores corretamente, entre em contato com nossa equipe de suporte.
Você pode configurar o ícone e o nome do push Web, bem como habilitar os prompts de assinatura para permitir que os visitantes assinem sua campanha push.
🖼️ Etapa 4: configurar o ícone e o nome do push Web
Para configurar o ícone e o nome do push Web:
- Clique no menu suspenso da conta e selecione Settings > Campaigns > Push (Configurações > Campanhas > Push).
- Clique em Web push icon and name (Ícone e nome do push Web).
- Insira ou edite o nome do seu site.
-
Selecione um arquivo PNG ou JPG de no máximo 5 MB para usar como
ícone do seu site
ou solte-o na zona dedicada.
- Clique em Save (Salvar).
🔔 Etapa 5: configurar prompts de assinatura
Os prompts de assinatura permitem que os visitantes assinem as notificações push. Para configurar seus prompts de assinatura:
- Clique no menu suspenso da conta e selecione Settings > Campaigns > Push (Configurações > Campanhas > Push).
- Clique em Subscription prompts (Prompts de assinatura).
-
Ative as diferentes opções e clique em
Configure (Configurar) para personalizá-las de acordo com suas necessidades.
Você pode configurar e personalizar os seguintes elementos:-
Sino de assinatura
Exiba um sino permanente no canto inferior da tela. -
Prompt nativo
Exiba o prompt de permissão nativo do navegador no momento certo. Essa opção está disponível somente para HTTPS e é ativada por padrão. -
Caixa de diálogo HTML
Exiba uma caixa de diálogo personalizável com sua mensagem e ícone no momento certo. -
Link em linha
Exiba um link clicável e um ícone embutido em qualquer lugar da página.
-
Sino de assinatura
- Clique em Save (Salvar).
⏭️ O que vem a seguir?
- Crie sua campanha push
- Defina suas configurações de pressão e parâmetros UTM
- Revise suas campanhas push
- FAQ - Push
🤔 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 à agência parceira da Brevo certa.