Crie botões chamativos para incentivar os leitores a realizar alguma ação em suas campanhas de e-mail. Utilizando o bloco de conteúdo Button (Botão) no editor de e-mail de arrastar e soltar, também chamado de chamada para ação (CTA), para ajudar a guiar seus destinatários para a próxima etapa, seja visitar seu site, fazer uma compra ou se inscrever em um evento. Uma chamada para ação (CTA) bem posicionada e bem projetada pode fazer toda a diferença no desempenho da sua campanha.

Antes de começar

• Entenda a diferença entre blocos de seção e de conteúdo. 
• Configure sua Biblioteca de marca para que cada novo modelo selecionado herde as propriedades de sua marca, como logotipo, cores, fontes e links de mídia social. Para saber mais, consulte nosso artigo dedicado Crie automaticamente seus e-mails com seus ativos de marca usando a Biblioteca de marca.
• Configure os estilos dos seus botões com fontes, tamanho, cores e bordas na guia Style (Estilo) antes de criar seu e-mail para definir sua identidade visual sem precisar estilizar cada bloco individualmente. Para saber mais, consulte nosso artigo dedicado Configure o layout e o design do seu e-mail com a guia Style (Estilo).

💡 Dicas para uma chamada para ação eficaz

Sua CTA deve ser clara, concisa e visualmente atraente. Tenha em mente estas melhores práticas:

• Seja breve (2 a 4 palavras)
  Botões longos criam uma aparência confusa e reduzem o impacto visual.
• Use verbos de ação ("Obter", "Comprar", "Reservar", "Experimentar") 
  Incentiva os leitores a tomarem medidas imediatas.
• Escolha uma cor contrastante.
  Faz com que seu botão se destaque do resto do seu e-mail.
• Posicione-se estrategicamente
  Coloque sua CTA principal próximo ao topo e repita-a no final, se necessário.
• Torne-a compatível com dispositivos móveis e com o modo escuro.
  Certifique-se de que o botão seja grande o suficiente para ser tocado facilmente na tela de um dispositivo móvel e visível em uma tela com modo escuro.

✅ O que fazer	❌ Não faça isso

🖱️ Insira um botão no design no seu e-mail

Para inserir um botão no design do seu e-mail:

1. Arraste e solte um bloco de conteúdo Button (Botão) em sua tela de e-mail. 
2. Clique no botão e substitua Call to action (Chamada para ação) pelo seu próprio texto. As configurações do botão são abertas no painel esquerdo.
3. (Opcional) Clique em Use AI assistant (Usar assistente de IA)na barra superior de ferramentas de texto para aprimorar o texto do seu botão. 
4. Na seção Link settings (Configurações do link), escolha no menu suspenso Type of link (Tipo de link) qual tipo de link você deseja adicionar abaixo do seu botão:
   
   Links externos

   • Absolute link (URL) (Link absoluto)
     Esta é a opção básica para links, escolha esta para adicionar um URL.
   • Email Link (Link de e-mail) (mailto)
     Adicione um link para um endereço de e-mail.
   • Click to call phone number (Clique para ligar para o número de telefone)
     Adicione um link para um número de telefone.

   Links padrão

   • Unsubscribe link (global) (Link de cancelamento da assinatura (global)
     O link de cancelamento da assinatura é adicionado automaticamente ao rodapé de suas campanhas. É um link no qual os destinatários podem clicar para abrir a página de cancelamento de inscrição da Brevo e parar de receber seus e-mails. Ter um  link de cancelamento da assinatura em suas campanhas é obrigatório, pois é essencial para seus contatos e para o bom funcionamento de suas campanhas. 
     ➡️ Para saber mais, consulte o nosso artigo dedicado sobre links de cancelamento da assinatura.
   • Link para double opt-in 
     Adicione um link para double opt-in ao seu modelo de e-mail se desejar que os destinatários confirme a assinatura dos seus e-mails após o preenchimento do formulário de inscrição. 
     ➡️ Para saber mais, consulte o nosso artigo dedicado sobre como criar um modelo de confirmação de double opt-in.
   • View in browser (Ver no navegador)
     O  link espelho pode ser adicionado ao cabeçalho de suas campanhas. É um link que os destinatários podem clicar caso tenham problemas para visualizar seu e-mail na caixa de entrada e queiram abri-lo como uma página da web. Ter um link espelho em suas campanhas não é obrigatório. 
     ➡️ Para saber mais, confira nosso artigo dedicado sobre links espelho.
   • Atualize suas preferências
     A Brevo oferece um formulário de atualização do perfil para ajudar você a coletar informações atualizadas sobre seus assinantes, como dados pessoais, preferências e até mesmo as listas às quais desejam se inscrever. Recomendamos incluir um link para esse formulário no rodapé de todos os seus e-mails para facilitar o compartilhamento de preferências entre seus assinantes e você. 
     Seu formulário de atualização do perfil será adicionado automaticamente às Configurações adicionais da campanha de e-mail conforme explicado aqui. 
     Se você estiver criando um modelo de e-mail, precisará adicionar manualmente o link ao formulário Atualizar suas preferências.
     ➡️ Para saber mais, consulte nosso artigo dedicado a links de atualização de perfil.

   Links da Brevo

   • Pagamentos
     Selecione um dos links para pagamento criados em Payments (Pagamentos). 
     ➡️ Para saber mais, confira os artigos dedicados sobre Pagamentos. 

   Links de âncora

   • Link relativo (para âncora)
     Depois de criar a âncora na sua campanha, use esta opção para fazer a vinculação com a âncora.
     Por exemplo, voltar a uma parte específica do boletim informativo no topo da página.
   • Anchor for relative links (Âncora para links relativos)
     Crie uma âncora em algum lugar da sua campanha e usa a opção de link relativo para vincular a essa âncora.

   ➡️ Para saber mais sobre links de âncora, consulte nosso artigo dedicado Adicione um índice e links de âncora ao seu e-mail.

5. Na lista suspensa Link target (Destino do link), dependendo do tipo de link que escolheu, insira uma URL, selecione um link ou insira qualquer informação necessária. 
   
6.  (Opcional) Clique no ícone {} Add variable (Adicionar uma variável para personalizar sua URL com um atributo de contato, dados de evento ou variável de feed de dados.
7. (Opcional) Adicione um título de link para exibir uma dica de ferramenta que descreve o destino do link para os seus destinatários quando eles passam o mouse sobre isto.

Parabéns! 🎉 Você adicionou com sucesso uma chamada para ação ao seu e-mail. Agora você pode personalizá-la para que se adapte à sua marca. 

🎨 Edite e personalize o estilo do seu botão 

Agora que você adicionou o botão, personalize-o! Personalize o texto, a cor e o formato para criar uma chamada para ação (CTA) que combine com a sua marca e chame a atenção à primeira vista:

• Altere a cor e o tamanho (largura e altura) do seu botão de chamada para ação
• Altere a cor, a fonte, o tamanho do texto da chamada para ação etc.
• Adicione cantos arredondados à sua chamada para ação
• Adicione uma borda à sua chamada para ação

Altere a cor e o tamanho (largura e altura) do seu botão 

Para alterar a cor e o tamanho da sua chamada para ação, clique no botão para abrir suas configurações no painel esquerdo. A partir daí, você pode:

↔️ Alterar a largura do seu botão

Para alterar a largura do botão, basta puxar as laterais para alongá-lo ou encurtá-lo. Alternativamente, você pode alterar a largura em porcentagem (%) ou em pixels (px) no campoWidth (Largura), na seção Button settings (Configurações do botão) . 

↕️ Alterar a altura do botão

Para alterar a altura do botão, abra a seção Spacing (Espaçamento) no painel esquerdo e adicione um preenchimento à parte superior e inferior do botão. 

🖍️ Alterar a cor do seu botão

Para alterar a cor do botão, abra a seção Button settings (Configurações do botão) no painel esquerdo e escolha uma cor na opção Background color (Cor de fundo) .

Altere a cor, a fonte, o tamanho do texto do seu botão etc.

Para personalizar a cor e o formato do texto do seu botão, clique no botão e use a barra de ferramentas superior. A partir daí, você pode:

Usar IA para aprimorar seu texto  Alterar a fonte, o tamanho, a cor, o formato e Adicionar emojis ou variáveis.

➡️ Para saber mais sobre como usar a barra de ferramentas superior para personalizar seu texto, confira nosso artigo dedicado Sobre os blocos de conteúdo Title (Título) e Text (Texto).

Adicione cantos arredondados ao seu botão

Para adicionar cantos arredondados ao seu botão, abra a seção Button settings (Configurações do botão) e escolha o raio do canto na opção Rounded corners (Cantos arredondados):

Adicione uma borda ao seu botão

Para adicionar uma borda ao seu botão, abra a seção Button settings (Configurações do botão) e escolha a largura e a cor da borda na opção Borders (Bordas):

❓ FAQs

Posso rastrear cliques na minha CTA?

Sim! A Brevo rastreia automaticamente os cliques nos seus links e nas chamadas para ação (CTAs). Você pode acessar suas análises de clique no relatório de campanha de e-mail. 

⏭️ O que vem a seguir?

• Sobre os blocos de conteúdo Title (Título) e Text (Texto)
• Insira e edite imagens em seus designs de e-mail
• Insira vídeos na minha campanha de e-mail
• Adicione um índice e links de âncora ao seu e-mail
• Seção Editor de e-mail de arrastar e soltar

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