A configuração de push e pop-ups permite que você faça o link entre a Brevo e seu site ou seus apps Android/iOS. Dessa forma, você pode gerenciar as campanhas de push e pop-up do seu site ou app diretamente na Brevo. Você pode configurar notificações push e pop-ups no seu site, nos seus apps Android e iOS, ou em ambos.
Escolha qual plataforma você gostaria de configurar:
É bom saber
- As notificações push e os pop-ups compartilham o mesmo processo de configuração. Se você já configurou um deles, o outro automaticamente se torna pronto para uso.
- 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.
- Ao contrário das campanhas push, os visitantes não precisam fazer opt-in para receber pop-ups — eles podem chegar a todo mundo.
🌐 Configurar notificações push e pop-up no seu site
Antes de enviar sua primeira campanha, você precisa configurar o Push no seu site. Você só precisa fazer isso uma vez.
Etapa 1: adicione o URL do seu site
Para acessar as configurações de push e pop-up:
- Clique no menu suspenso da conta e selecione Settings > Campaigns > Push (Configurações > Campanhas > Push).
- Clique em Website (Site).
- Selecione o cartão Website (Site).
- Selecione o menu suspenso Website (Site) e clique em + Add website (+ Adicionar site).
-
Insira o link do URL do site e clique em Add website (Adicionar site) para confirmar.
O URL do site deve ser o 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❗️ ImportanteCertifique-se de que o URL do seu site não redirecione automaticamente para outro URL. Se o URL do seu site tiver um redirecionamento, as notificações push não funcionarão. - Clique em Continue (Continuar).
Etapa 2: Instalar push web e pop-ups em seu site
- Se você já instalou o plug-in do WooCommerce ou WordPress em seu site, a etapa de instalação do plug-in é automaticamente ignorada.
- Se você já instalou o rastreador Brevo no seu site para automação, a etapa de configuração do rastreador Brevo será automaticamente ignorada para instalações com Google Tag Manager ou rastreador Brevo.
Agora você pode instalar push web e pop-up 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 via 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 push web e pop-ups. 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 os URLs sejam os seguintes:
https://seusite.com/brevo-frame.html
https://seusite.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 instalados corretamente.
- 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 os URLs sejam os seguintes:
https://seusite.com/brevo-frame.html
https://seusite.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 instalados corretamente.
- 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 estiver, 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.
Etapa 3: Configurar o ícone e o nome do push Web
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.
- 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 4: Configurar seus prompts de assinatura de push Web
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:- Subscription bell (Sino de assinatura) — Exiba um sino permanente no canto inferior da tela.
- Native prompt (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.
- HTML dialog (Caixa de diálogo HTML) — Exiba uma caixa de diálogo personalizável com sua mensagem e ícone no momento certo.
- Inline link (Link em linha) — Exiba um link clicável e um ícone embutido em qualquer lugar da página.
- Clique em Save (Salvar).
📱 Configurar notificações push e pop-up no seu app Android ou iOS
Para configurar notificações push e pop-up no seu app para Android ou iOS:
- Clique no menu suspenso da conta e selecione Settings > Campaigns > Push (Configurações > Campanhas > Push).
- Clique em aplicativo Android ou aplicativo iOS.
- Selecione o framework utilizado por seu app: Native, Cordova, Ionic, React Native, Expo ou Flutter.
- Faça upload do seu:
- (Android) Credenciais do Firebase: ID do projeto do Firebase, ID de remetente e credenciais da conta de serviço.
- (iOS) Credenciais da Apple: Key ID, Team ID, Bundle ID e detalhes do ambiente.
- Integre o SDK.
❌ Desativar notificações push e pop-ups
Para parar de exibir notificações push e pop-up para seus visitantes, desative a integração do rastreador Brevo:
- Clique no menu suspenso da conta e selecione Settings > Campaigns > Push (Configurações > Campanhas > Push).
- Vá para Configurações avançadas.
- Desative a integração do Brevo Tracker.
- Clique em Save (Salvar).
As notificações push e os pop-up não aparecerão mais para seus visitantes.
⏭️ O que vem a seguir?
- Crie sua campanha push
- Criar sua campanha de pop-ups
- 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.