O que são e como criar botões de e‑mail para suas campanhas

O que é um botão de e-mail?

Um botão de e-mail é um botão CTA em seu e-mail que informa aos usuários o que fazer a seguir. Quando alguém abre seu e-mail, é apresentado a vários conteúdos. No entanto, o principal objetivo da sua campanha de marketing por e-mail é trazer os clientes de volta ao seu site para agir. Por exemplo, uma empresa de comércio eletrônico pode promover um determinado produto para aumentar as vendas por meio de uma campanha de e-mail direcionada.

Existem algumas maneiras diferentes de criar um botão de e-mail, incluindo aquelas com imagens de fundo e diferentes tamanhos e pesos de fonte. Um dos tipos mais populares de botões de e-mail é o botão “bulletproof”.

Ao contrário dos botões construídos com imagens, eles são construídos com código HTML e CSS, permitindo que o botão seja exibido em vários clientes de e-mail. O benefício mais significativo dos botões bulletproof é que eles aparecem nos e-mails mesmo quando as imagens estão desativadas. Botões bulletproof são cruciais para criar e-mails bulletproof que podem aumentar os cliques e o envolvimento em suas campanhas de marketing por e-mail.

Mesmo que esses botões sejam codificados, você pode editar o modelo HTML para atualizar o tamanho ou o peso da fonte, a imagem de fundo e as cores para criar botões de e-mail HTML bulletproof verdadeiramente únicos.

Além de serem exibidos em todos os clientes mesmo quando as imagens estão desativadas, os botões HTML carregam mais rapidamente, tornando seu e-mail mais eficaz porque os usuários verão seu CTA e saberão o que fazer a seguir. Mas é claro que os botões de e-mail HTML são menos exclusivos do que os botões baseados em imagem porque você não pode projetar seu botão em ferramentas de design como Photoshop ou Canva.

Benefícios de usar botões de e-mail em suas campanhas

Seja usando botões de e-mail HTML bulletproof ou baseados em imagem, a vantagem mais significativa é aumentar seu ROI e CTR. Os botões de e-mail incentivam os assinantes a agir, permitindo que você destaque seu CTA para atrair mais atenção.

Os usuários não farão nada se o seu e-mail não tiver um CTA forte. A alternativa para um botão de e-mail é o texto com hiperlink, que pode confundir os assinantes porque o texto pode não dizer a eles o que devem esperar.

Os botões de e-mail são incrivelmente visuais. Quando alguém abre seu e-mail, provavelmente é uma das primeiras coisas que chama a atenção, levando a pessoa a agir, fazer uma compra, visitar seu site ou receber uma oferta. Um botão cuidadosamente projetado pode aumentar a probabilidade de os clientes entrarem em ação, tornando os e-mails mais eficazes em geral.

Infelizmente, se seus CTAs tiverem imagens de fundo ou forem imagens em si, muitos usuários podem nunca vê-los porque o cliente de e-mail tem imagens desativadas. Portanto, os botões de e-mail são cruciais para o sucesso de suas campanhas e aumento de cliques.

Considere como a maioria das pessoas lê e-mails. Como quando leem blogs, a maioria das pessoas procura informações pertinentes em vez de ler cada palavra e olhar cada imagem. Seu botão de e-mail se destaca do restante do conteúdo por vários motivos, incluindo tamanho e peso da fonte.

Os botões são normalmente maiores com fontes em negrito para chamar a atenção do usuário. Além disso, possuem elementos de design que os destacam de textos e imagens. Como resultado, CTAs de botão de e-mail são muito mais eficazes para chamar a atenção dos usuários, tornando mais fácil para eles entenderem o que você deseja que eles façam.

Como adicionar um botão de e-mail em HTML e CSS

Existem várias maneiras de adicionar um botão de e-mail em HTML e CSS, e você não precisa ser um desenvolvedor de site ou programador mestre para fazer isso para garantir que seus botões de e-mail sejam “bulletproof”. Lembre-se, as duas formas mais populares de adicionar botões de e-mail são usando imagens com links ou HTML.

O Mailchimp facilita o design do seu botão de e-mail, incluindo a alteração da fonte com blocos de conteúdo, permitindo que você arraste e solte para criar botões com facilidade.

Botões de e-mail HTML

Os botões de e-mail HTML podem ter largura total ou fixa, dependendo de como você deseja que seu botão fique ao lado do resto do layout do e-mail.

Para criar botões de e-mail HTML, você precisará personalizar seu modelo de e-mail usando o seguinte código:

'''< table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#505050; border:1px solid #353535; border-radius:5px;">

<td align="center" valign="middle" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
  <a href="http://www.mailchimp.com/blog/" target="_blank" style="color:#FFFFFF; text-decoration:none;">Leia mais</a>
</td>

Como você pode ver, neste caso, seu botão diria "Leia mais". Você também pode alterar a fonte para corresponder à sua marca e às fontes do site, conforme desejar. É claro que a melhor fonte para e-mail dependerá da sua marca e design em geral, mas recomendamos que seja simples.

Botões de e-mail adaptáveis

Os botões de e-mail adaptáveis se adaptarão à largura do e-mail, dependendo do texto dentro da mesma célula. Esses botões não têm uma largura especificada no código porque seguirão a mesma largura que o texto. O código dos botões de e-mail adaptáveis é assim:

'''

<td align="center" valign="middle" style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
  <a href="http://www.mailchimp.com/blog/" target="_blank" style="color:#FFFFFF; text-decoration:none;">Leia mais histórias em nosso blog</a>
</td>

'''

Felizmente, você não precisa saber codificar para criar os botões de e-mail perfeitos para suas campanhas de marketing por e-mail. Em vez disso, você pode arrastar e soltar um bloco de conteúdo em um modelo existente e editar o HTML como achar melhor.

O que fazer e o que não fazer nos botões de e-mail

Para que seus botões de e-mail sejam eficazes, você deve garantir que eles tenham uma boa aparência e funcionem corretamente. Aqui estão algumas dicas para ajudá-lo a começar:

Não use imagens

Como mencionamos, nem todas as imagens são exibidas em todos os clientes de e-mail. Portanto, muitos de seus assinantes podem não ver seus botões de e-mail CTA se tiverem imagens desativadas.

Embora o uso de imagens como botões possa fazer com que seus botões pareçam únicos e se destaquem, é mais importante que eles apareçam para todos os seus assinantes se você quiser que eles façam alguma coisa.

Escolha as fontes certas

Como as imagens, nem todas as fontes são exibidas corretamente em todos os clientes de e-mail. Portanto, você deve escolher fontes universalmente reconhecidas. Você pode usar um gerador de fontes para ajudá-lo a encontrar a fonte certa para suas campanhas de marketing por e-mail para garantir que ela se destaque e possa ser exibida corretamente.

Além disso, você deve considerar o tamanho e o peso da fonte, o que afetará a capacidade do seu botão de se destacar do restante do conteúdo do e-mail.

Considere o destino

Ao usar botões de e-mail, você tem um objetivo específico em mente. Por exemplo, empresas de comércio eletrônico que promovem um produto para aumentar as vendas provavelmente terão um botão de e-mail que diz "Compre agora" após destacar o produto do restante do conteúdo. Se o seu botão não levar à página do produto, os assinantes ficarão confusos e sairão do site. Portanto, você deve sempre garantir que está definindo as expectativas corretas para onde os clientes irão quando clicarem em seu botão.

Escreva um CTA forte

Os elementos de design do seu botão de e-mail são cruciais para ajudá-lo a se destacar, mas o CTA é essencial para definir expectativas e incentivar os assinantes a agir.

Seu CTA deve ter apenas algumas palavras para dizer aos clientes o que fazer. Algo tão simples como "Compre agora" ou "Pesquisar coleção" pode efetivamente informar aos clientes o que esperar quando clicarem no botão.

Aproveite o poder de um CTA forte

Um forte CTA de marketing por e-mail é mais do que apenas as palavras que você usa para atrair os usuários; a simples adição de um botão pode chamar a atenção para o seu CTA para definir expectativas e ajudá-los a entender as próximas etapas.

Os botões são a melhor maneira de mostrar aos assinantes o que fazer em seguida porque se destacam do resto do conteúdo do e-mail. O Mailchimp facilita o design de botões de e-mail que incentivam cliques e vendas. Com o design certo, você pode melhorar a eficácia das suas campanhas.