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. 
3. (Opcional) Clique no ícone de caneta de IA abaixo do botão na barra superior de ferramentas de texto para gerar ou 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)
     Essa é a opção básica para links, escolha essa para adicionar uma URL.
   • Click to call phone number (Clique para ligar para o número de telefone)
     Adicione um link para um número de telefone.
   • Email Link (Link de e-mail) (mailto)
     Adicione um link para um endereço de e-mail.

   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 confirmem 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.
   • Web version
     O mirror link pode ser adicionado ao cabeçalho de suas campanhas. É um link em que os destinatários podem clicar se tiverem problemas para visualizar seu e-mail em sua caixa de entrada e quiserem abrir seu e-mail como uma página da web. Ter um mirror link em suas campanhas não é obrigatório. 
     ➡️ To learn more, check our dedicated article on mirror links.
   • Link para o perfil do contato
     A Brevo oferece um formulário de atualização do perfil para ajudar você a coletar informações atualizadas sobre seus assinantes, como detalhes, preferências e até mesmo a quais listas eles desejam se inscrever. Recomendamos incluir um link para esse formulário no rodapé de todos os seus e-mails para ajudar os assinantes a compartilharem suas preferências com você. 
     O seu formulário de atualização do perfil será adicionado automaticamente nas configurações adicionais da campanha de e-mail conforme explicado aqui. 
     If you're creating an modelo de e-mail, you need to manually add the link to the Update your preferences formulário.
     ➡️ To learn more, check our dedicated article on Update profile links.
   • Revoke pixel tracking consent 
     Add a Revoke pixel tracking consent link to your e-mail if you want your destinatários to unsbscribe to pixel tracking by the CNIL recommandation. Adicionar um link para revogar o consentimento para rastreamento por pixel aos seus e-mails de marketing enviados a contatos baseados na França é obrigatório, juntamente com o link de descadastramento.
     ➡️ Para saber mais sobre o rastreamento por pixel, confira nosso artigo dedicado Sobre pixels de rastreamento de e-mail e a recomendação da CNIL na Brevo.

   Links da Brevo

   • Pagamentos
     Selecione um dos links para pagamento criados em Payments (Pagamentos). 
     ➡️ Para saber mais, consulte nosso artigos dedicados sobre Pagamentos. 
   • Wallet Passe
     Select one of your wallet passes created from Wallet. 
     ➡️ To learn more, check our dedicated articles on Wallet. 

   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 escolhido, insira um URL, selecione um link ou insira qualquer informação necessária. 
   
6. (Opcional) Clique no ícone { } Add variable (Adicionar variável) para personalizar seu 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 gerar ou aprimorar seu texto,  Alterar a fonte, o tamanho, a cor e o formato do texto, 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.