As campanhas de pop-up e mensagens no aplicativo permitem exibir mensagens segmentadas diretamente no seu site ou aplicativo móvel para engajar visitantes no momento certo. As mensagens do site são chamadas de pop-ups, e as mensagens de aplicativos móveis (iOS e Android) são chamadas de mensagens no aplicativo. Ambos os tipos compartilham exatamente as mesmas etapas de configuração, design e definição.

Use pop-ups e mensagens no app para promover ofertas, destacar anúncios ou gerar ações sem enviar uma campanha separada. Ao contrário das campanhas push, os visitantes não precisam fazer opt-in para receber pop-ups ou mensagens no app — elas chegam a todo mundo.

É bom saber

• Os pop-ups e as mensagens no app usam a mesma configuração que as notificações push. Se você já configurou notificações push, não precisa configurar os pop-ups e as mensagens no app novamente. Para saber mais, confira nosso artigo dedicado Configurar notificações push Web, pop-ups e mensagens no app.
• As campanhas de pop-up e mensagens no aplicativo são diferentes dos formulários de assinatura pop-up. Os formulários de assinatura são usados para coletar novos contatos e aumentar suas listas, enquanto pop-ups promocionais e mensagens no aplicativo são mensagens de campanha enviadas aos visitantes do seu site ou app. Para saber mais, consulte nosso artigo dedicado Criar um formulário de assinatura pop-up na Brevo.

🔎 Etapa 1: Criar sua campanha de pop-ups ou mensagens no aplicativo

Para criar sua campanha de pop-up ou de mensagens no app:

1. Vá para Marketing > Campaigns (Marketing > Campanhas).
2. Clique em Create campaign (Criar campanha).
3. Escolha pop-up.
4. Dê um nome à sua campanha para encontrá-la facilmente na sua lista de campanhas de pop-ups e mensagens no app. Esse nome só ficará visível para você.
5. (Opcional) Selecione uma ou várias tags. Para saber mais, confira nosso artigo dedicado Criar e usar tags para suas campanhas e automação.
6. (Opcional) Selecione uma pasta na qual você deseja salvar sua campanha para fins de organização. Para saber mais sobre pastas de campanhas, confira nosso artigo dedicado Organize suas campanhas e modelos com pastas.
   
7. Clique em Criar pop-up.

🎨 Etapa 2: Criar seu pop-up ou mensagem no app

Agora você pode começar a projetar a aparência do seu pop-up ou mensagem no aplicativo, tanto no desktop quanto em dispositivos móveis.

Você pode arrastar e soltar blocos e configurar outros elementos para criar sua campanha de pop-ups ou de mensagens no app, ou usar o editor de HTML/CSS.

Crie sua campanha de pop-ups ou de mensagens no app

Editor de arrastar e soltarHTML/CSS

Para começar a criar sua campanha de pop-ups ou de mensagens no app com o editor de arrastar e soltar:

1. Clique em Create design > Drag & drop editor (Criar design > Editor de arrastar e soltar).
2. Selecione Start from scratch (Começar do zero) ou escolha um dos modelos disponíveis.

3. Use o editor para adicionar conteúdo ao seu pop-up ou mensagem no app.

   Expanda os seguintes acordeões para saber mais sobre os blocos disponíveis para criar seu pop-up ou mensagem no aplicativo.

   ✏️ Texto

   

   O bloco Text (Texto) permite que você inclua texto descritivo no seu pop-up ou mensagem no app. Você pode adicionar uma introdução envolvente e fornecer mais contexto sobre o propósito do pop-up ou da mensagem no app. Quando você clica em um bloco de texto, uma barra superior é exibida. Essa barra permite modificar a formatação do texto (como estilo, fonte, tamanho, cor e alinhamento) e inserir links.

   🖼️ Imagem

   O bloco Image (Imagem) permite adicionar uma imagem envolvente. Você pode selecionar ou gerar uma imagem. Você pode adicionar uma página ou tela de destino e personalizar o estilo da imagem.

   🖱️ Button (Botão)

   O bloco Button (Botão) permite que você adicione uma chamada para ação ao adicionar uma URL, o que permite que os visitantes sejam redirecionados quando a clicarem. Você pode personalizar o estilo do botão de chamada para ação: alterar o texto, a cor, a fonte, o raio da borda e o preenchimento.

4. Você pode personalizar a aparência do seu pop-up ou mensagem no aplicativo. Clique em cada elemento da pré-visualização para editá-lo. Personalize o design do seu pop-up ou mensagem no aplicativo usando o painel de configuração. Expanda os seguintes acordeões para saber mais sobre quais elementos do pop-up ou mensagem no aplicativo você pode personalizar. 

   🔳 Sobreposição de plano de fundo

   Clique na sobreposição de plano de fundo na visualização para personalizá-la. Você pode escolher uma cor e a opacidade para o plano de fundo para destacar o pop-up ou a janela de mensagem no app.

   💬 Janela pop-up (layout, imagem, estilo)

   Clique na janela pop-up na pré-visualização para personalizar o design dela: Posição e tamanho: defina a posição e o tamanho do pop-up ou da mensagem no aplicativo. Layout: ajuste o espaçamento, as margens, a distância da borda da página e a orientação. Image: ative a opção Show image (Mostrar imagem) para exibir uma imagem no seu pop-up ou na mensagem no app. Clique em Select image (Selecionar imagem) para fazer upload de uma imagem ou em Generate (Gerar) para criar uma com IA. Style (Estilo): personalize a cor de fundo, as bordas, os cantos arredondados e a sombra. Animation (Animação): escolha como o pop-up ou a mensagem no app aparece e desaparece. Automatic closure (Fechamento automático): ative o fechamento automático do pop-up ou da mensagem no app. 💡 É bom saber A seção Image (Imagem) permite adicionar apenas uma imagem no pop-up ou na mensagem no aplicativo. Para adicionar mais imagens ou colocá-las em outro lugar, use o bloco Image (Imagem) em vez disso. Observe que esta imagem não é clicável, ao contrário do bloco Image (Imagem).

   ✖️ Botão Close (Fechar)

   Clique no botão de fechar para editar a cor do ícone em formato de X, a cor de preenchimento, as bordas e o sombreamento.

Para começar a criar sua campanha de pop-ups ou mensagens in-app com o editor HTML/CSS:

1. Clique em Create design > HTML/CSS editor (Criar design > Editor HTML/CSS).
2. Selecione um layout:
   • Start from scratch (Começar do zero): comece com uma tela em branco e crie seu pop-up ou mensagem no app do zero.
   • Carrossel de integração: integre seus clientes em várias etapas para comunicar valor e processos complexos.
3. Escreva seu código HTML e CSS diretamente no editor para controlar totalmente o design do seu pop-up ou mensagem no app.
4. Clique em Save and exit (Salvar e sair) quando terminar.

Visualização móvel

Você pode pré-visualizar a aparência do seu pop-up ou mensagem no app em um dispositivo móvel alternando a visualização de desktop para móvel na parte superior do editor. Observe que não é possível pode editar a visualização móvel.

Quando estiver satisfeito com a aparência do seu pop-up ou mensagem no app, clique em Save and exit (Salvar e sair). 

Editar e redefinir seu design

Na visão geral da sua campanha de pop-ups ou de mensagens no app, você pode alterar o design antes de ativar sua campanha:

1. Clique em Edit (Editar) ao lado de Design para fazer outras alterações.

2. Clique no ícone de três pontos ao lado de Edit (Editar) > Reset design (Redefinir design) para limpar o design atual e começar de novo. 
   

   ❗️ Importante

   A redefinição do design é permanente e não pode ser desfeita.

⚙️ Etapa 3: Configurar sua campanha de pop-ups ou de mensagens no app

Expanda os seguintes acordeões para ver as opções disponíveis para configurar seu pop-up ou mensagem no app.

🚀 Etapa 4: Ativar seu pop-up ou mensagem no aplicativo

Agora você pode ativar seu pop-up ou mensagem no aplicativo:

1. Revise sua configuração de mensagens pop-up ou no aplicativo.
2. Clique em Activate now or later (Ativar agora ou mais tarde).
   
3. No menu suspenso Activate pop-up (Ativar pop-up), selecione:
   • Now (Agora) para publicar seu pop-up ou mensagem no app imediatamente, ou
   • At a specific time (Em um horário específico) para selecionar um dia e um horário de ativação.
4. No menu suspenso Deactivate pop-up (Desativar pop-up), selecione:
   • Never (Nunca) para manter seu pop-up ou mensagem no app ativos, ou
   • At a specific time (Em um horário específico) para selecionar um dia e um horário de desativação.
5. Clique em Activate now (Ativar agora) ou Schedule pop-up (Agendar pop-up).

Quando seu pop-up ou mensagem in-app estiver no ar, você poderá acompanhar seu desempenho na página Campaigns (Campanhas): visualizações, cliques e taxa de conversão.

⏭️ O que vem a seguir?

• Configurar notificações push web, pop-ups e mensagens no aplicativo
• Criar um formulário de assinatura pop-up na Brevo

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