Rápido Quiz pop: Qual é o nome da linguagem que os desenvolvedores web usam para criar as estruturas dos sites que você visita todos os dias? Respostas inteligentes e super inteligentes à parte, o Hypertext Markup Language (HTML) é um padrão sempre verde, presente no nascimento da web. No entanto, isto não se aplica apenas às páginas web. Sua caixa de entrada é um terreno fértil para o design de e-mails HTML.

Isto faz sentido se você considerar quantas imagens, GIFs, vídeos e conteúdo de marca você vê quase todas as horas em seus e-mails. Enquanto você poderia oferecer um e-mail de texto simples, uma versão HTML oferecerá mais benefícios e lhe dará mais oportunidades para marcar e comercializar você mesmo e sua empresa.

Para este artigo, vamos discutir como criar e enviar e-mails HTML, e porque você deve fazer isso. Em alguns pontos, vamos aprofundar em como você codificaria um e-mail, mas você não vai precisar desse conhecimento para criar o seu próprio.

O que é um e-mail HTML?

Os e-mails que chegam à sua caixa de entrada podem vir em dois sabores:

  • Texto simples: É quase um telegrama para a era moderna. Não há estilo ou formatação mínima, e o destinatário verá palavras com exclusão de todas as outras.
  • HTML: Este é um quebra-fogos de artifício comparado ao texto simples, e é pesado em termos de design. Ele usa código HTML para apresentar um e-mail, embora, como discutiremos, nem sempre vai utilizar os padrões modernos da web.

Por exemplo, você saberá se você receber um e-mail em texto simples, pois ele se parece exatamente com um documento em texto simples. Em contraste, um e-mail HTML parece quase o mesmo que uma página web moderna (dar ou receber algumas preocupações de estilo e formatação):

Um e-mail HTML dentro do navegador.
Um e-mail HTML dentro do navegador.

Na maioria dos casos, um e-mail HTML não se esforçará para fornecer o máximo em interatividade ou engajamento dinâmico. Mais uma vez, é algo que cobriremos mais tarde, mas o e-mail HTML está atrasado em relação à web, em termos de padrões. Como tal, HTML é mais uma ferramenta voltada para o design do que uma ferramenta para ajudar a fornecer uma experiência. Mas isso levanta uma questão: Por que você gostaria de usar o e-mail HTML se a única razão é visual? Nós procuraremos responder isso a seguir.

Porque você usaria o e-mail HTML sobre a formatação de texto simples

É raro que você veja um simples e-mail de uma empresa, por algumas razões. Entretanto, o texto simples não é errado por si só, mais do que não oferece nenhum dos benefícios da formatação de e-mails HTML. Por exemplo, o texto simples não oferece nenhum dos benefícios da formatação HTML:

  • Você pode usar os elementos visuais inerentes para ajudar a focar a atenção nas várias partes do conteúdo do seu e-mail.
  • Por extensão, um e-mail HTML é um formato rico para apresentar seu conteúdo. Isto significa que você pode alavancar os elementos que os usuários esperam se envolver com eles, tais como imagens, vídeo e muito mais.
  • Combinados, estes dois aspectos podem oferecer a você uma excelente oportunidade de marcar seu conteúdo, assim como você faria com seu site principal.

No entanto, decidir usar um e-mail HTML não é a tempestade perfeita que você pensaria. Há também alguns inconvenientes a considerar. Primeiro, você tem que considerar a experiência do usuário, assim como você consideraria quando você projeta um site. Isto pode não incluir apenas um navegador – muitos usuários também preferem ler e-mails em um cliente dedicado.

E mais, você também tem que considerar algumas das questões de privacidade e segurança que dominam o desenvolvimento web. Isto é especialmente verdade se você quiser incluir o JavaScript, você puxa fontes de terceiros, e outros aspectos.

Por causa disso, você tem que combater a acessibilidade e batalhas de padrões quase em mais frentes do que a web. É difícil criar um e-mail HTML que funcione com base no cross-browser e no cliente. É claro que é possível fazer isso, e nós cobriremos o aspecto técnico em uma seção futura. Por enquanto, você vai querer ter os vários elementos do seu e-mail decididos, então procure implementá-los.

Os elementos essenciais (e práticas típicas) de um e-mail HTML

Este artigo irá fazer referência ao web design em vários lugares, devido às semelhanças inerentes. Um aspecto que oferece um fluxo de trabalho similar é como decidir sobre as facetas e seções do seu e-mail HTML.

Assim como a web, há alguns elementos que são praticamente inegociáveis para seus e-mails. É claro, você precisa de conteúdo. Há alguns elementos típicos a serem considerados aqui:

  • Seu cabeçalho é importante porque esta é a primeira impressão que seu e-mail vai oferecer aos leitores.
  • Assim como o web design, pensar sobre quais elementos aparecem acima da dobra também será benéfico.
  • O conteúdo corporal é vital porque, afinal de contas, é por isso que o leitor assinará os seus e-mails.
  • O rodapé do seu e-mail HTML também oferece muito valor para você e seus assinantes também, e pode ser um elemento desvalorizado de seus e-mails.

Há alguns pontos aqui que podemos tocar mais adiante. Primeiro, considere o quanto os emojis permeiam nosso uso cotidiano da web. Embora eles não sejam um elemento HTML rigoroso, a aplicação de bom gosto dos emojis pode fazer maravilhas para o seu conteúdo, especialmente para o seu cabeçalho:

Uma seleção de emojis usados no cabeçalho do título
Uma seleção de emojis usados no cabeçalho do título

O rodapé é também o melhor lugar para algumas informações legais essenciais. Duas das maiores questões relacionadas a e-mails são spam e se um e-mail atinge as caixas de entrada certas (se é que atinge). Isto é algo que vamos analisar em uma seção posterior, pois é uma parte vital da criação e envio de e-mails HTML.

Considerando algumas práticas típicas para seus e-mails HTML

Há muito crossover com e-mail marketing quando se trata de algumas das práticas mais otimizadas que você usará dentro de seus projetos e layouts. Há uma que você vai querer incluir quase como um elemento não negociável: Um opt-in duplo.

Um dos maiores hacks de e-mail marketing é que você quer levar seus e-mails para o leitor. Em outras palavras, forneça um formulário de opt-in em um site, pois este tem uma grande taxa de conversão. No entanto, não deve ser a única vez que você pede confirmação. É uma excelente prática também enviar um segundo opt-in como um e-mail:

Um duplo e-mail de opt-in
Um duplo e-mail de opt-in

Há algumas razões para isso:

  • Primeiro, ele constrói confiança com seu leitor, porque você recebe permissão expressa para enviar-lhes e-mails.
  • Por extensão, você também tem consentimento explícito no caso de um encaminhamento de spam (mais sobre isso mais tarde).
  • Você ajuda a parar o abuso de e-mails e spam para outros, porque eles têm que optar especificamente por uma assinatura de seus e-mails.

Na verdade, porque uma dupla opção de inclusão envolve o envio de um e-mail para o endereço em questão, é a melhor maneira de validar o endereço de e-mail.

Há algumas outras boas práticas a serem consideradas também. Entretanto, as seguintes são mais opcionais, já que você obterá resultados fantásticos, mas haverá momentos em que você não vai querer seguir estas diretrizes:

  • Sua linha de assunto deve ser perfeita, e seu conteúdo de e-mail deve ser direto ao ponto. Dado o advento e agora o domínio da navegação móvel, isto é especialmente importante.
  • Por falar nisso, você vai querer ter certeza de que seu e-mail HTML será lido sem problemas em telas menores – isto significa que não haverá banners de grande alcance ou logos superdimensionados.
  • Se você incluir um call to action (CTA) forte em cada e-mail, você tem uma boa chance de um melhor envolvimento do usuário.
  • O rastreamento é uma questão controversa, mas isto o ajudará a entender o que seus usuários fazem quando você lhes envia um e-mail. Alguns provedores incluem um sólido conjunto de análises como padrão.

Tão importante quanto a forma como você apresenta e configura seu e-mail, é como criar o design e layout. Nas próximas seções, vamos analisar como construir um e-mail HTML, e depois terminar com algumas dicas para enviá-los.

A abordagem técnica que você precisará fazer para criar um e-mail HTML

Se você tem alguma experiência em desenvolvimento web, você sem dúvida usará HTML5 como sua linguagem markup. Este é um mundo à parte das instâncias anteriores de HTML e XHTML e inclui mais uma divisão entre estilo (do qual praticamente não há elementos válidos) e estrutura.

Para um exemplo deste último, HTML5 oferece uma série de tags diferentes para definir as áreas de conteúdo do seu site.

Uma série de tags estruturais HTML
Uma série de tags estruturais HTML.

Entretanto, o e-mail HTML é uma besta diferente, na medida em que está um pouco atrasado em relação aos tempos. Como tal, você vai querer usar todas aquelas tabelas HTML4 antigas e estilo inline para criar seu layout. Por isso, você precisará falar com os desenvolvedores dos clientes de e-mail, pois eles frequentemente alterarão o e-mail HTML à medida que ele entrar na sua caixa de entrada. Um dos atos mais comuns é tirar CSS e JavaScript dos e-mails por razões de segurança (entre outros).

Isto significa que você precisará fornecer outra maneira de adicionar estilo aos seus e-mails HTML – inline é a única opção para compatibilidade. Falando em compatibilidade, esta é uma consideração importante. Você tem que equilibrar um estilo único com as capacidades do cliente de e-mail do usuário final. Como tal, há algumas outras considerações técnicas que você vai querer anotar:

  • Usando fontes do sistema ao invés de fontes de terceiros, você economizará uma solicitação HTTP, carregará o e-mail rapidamente para o usuário e entregará um e-mail com aparência consistente para inicialização.
  • Você poderia ir ainda mais longe e fornecer uma versão em texto simples do seu e-mail para aqueles que não podem visualizar e-mails HTML em seus clientes. Muitos sites oferecerão uma versão HTML que você pode acessar online, tanto por este motivo quanto como backup.
  • Alt-text é tão importante para e-mails HTML quanto para a web. Como tal, use o texto alt em qualquer lugar que você adicionar uma imagem ao seu conteúdo para acessibilidade.

Há um aspecto técnico de um e-mail HTML no qual você deve pensar mais, pois ele pode se sobrepor à linha entre o estilo inline, CSS e outros fatores. Vamos discutir “condicionais” em resumo.

Usando condicionais

Um dos mais antigos e-mails HTML que costumavam estar no kit de ferramentas de um desenvolvedor web HTML é o de condicionais. Aqui é onde você especifica qual navegador irá usar um determinado trecho de código.

Para ser honesto, esta é quase sempre uma questão baseada na Microsoft. Para os desenvolvedores web, o Internet Explorer (IE) foi a semente do navegador spawn. No entanto, para e-mails HTML, é o Outlook. Entre as diferentes versões, você pode ver que seu estilo renderiza de uma maneira que você não esperava.

Por causa disso, você pode adicionar blocos de condições ao seu código, e definir esses elementos. Por exemplo, você pode direcionar tanto as versões do Outlook baseadas no Word quanto as baseadas no IE.

Primeiro, Word:

<!--[if mso]>

Isto é para as versões do Outlook baseadas em Word:

<![endif]-->

Para o Internet Explorer, você usa uma tag diferente:

<!--[if (IE)]>

Isto é para as versões do Outlook baseadas no IE:

<![endif]-->

Se o navegador que você deseja é baseado no WebKit (como o Apple Safari, o navegador PlayStation, o Kindle da Amazon, e outros), você pode usar uma consulta de mídia para fornecer um estilo específico:

.html-email-webkit {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ..html-email-webkit {
    display: block !important;
  }
}

Isto lhe dá uma maneira um pouco melhor de adaptar seu e-mail HTML para a exibição do usuário final. No geral, o estilo HTML para e-mails não é perfeito, mas há grunhido suficiente sob o capô de cada cliente de e-mail para ajudá-lo a criar alguns layouts impressionantes.

Suas opções para construir e-mails HTML

Apesar do que já discutimos, você tem uma série de opções flexíveis para ajudá-lo a criar e-mails HTML. Por exemplo, você pode construir a partir do zero usando um bom editor de texto e HTML.

No entanto, existem outras opções que podemos considerar:

  • Você pode usar um serviço dedicado, como um aplicativo de e-mail marketing, para criar seus e-mails. Muitos aplicativos fornecerão um construtor visual, mas também darão a você o escopo para escrever seu próprio código e criar seu próprio template.
  • Por falar nisso, você poderia baixar um template para seus e-mails HTML. Isto é muito parecido com um tema WordPress, na medida em que ele fornece uma base para o resto do seu design. A partir daí, você pode customizá-lo ao seu gosto. É um bom meio-termo entre as opções de codificação e construção.

Mais tarde, construiremos nosso e-mail usando HTML. Entretanto, antes disso, vamos analisar alguns dos provedores de serviços de e-mail que você pode querer considerar, independentemente do método escolhido para criar seus e-mails.

3 provedores de serviços de e-mail perfeitos para criar e-mails HTML

Como o foco deste artigo é a criação de e-mails HTML, não precisamos ser muito profundos quando se trata de provedores de serviços de e-mail. Mesmo assim, existem alguns que você provavelmente irá considerar.

Não podemos cobrir todos eles, então vamos mencionar três dos mais populares.

1. Mailchimp

A logo do Mailchimp
A logo do Mailchimp.

Este provedor de serviços de e-mail é uma solução de ponta a ponta – quase uma decisão irrefletida para muitos. Mailchimp é o padrão ouro em aplicativos de e-mail marketing aos olhos de muitos, e há muitas boas razões para isso:

  • Ele inclui muitas características típicas que você encontrará em muitos outros aplicativos similares.
  • Há muita ajuda quando se trata de promover um negócio, como automação de marketing, ferramentas de gerenciamento de audiência, e muito mais.
  • Você tem um conjunto de ferramentas criativas de primeira linha para ajudá-lo a construir e-mails HTML.

É claro, queremos olhar para este último aqui. O Assistente Criativo é uma forma de Mailchimp aprender sobre sua marca e ajudá-lo a construir e personalizar seus e-mails. Você também pode conectar aplicativos de terceiros, como o Adobe Photoshop, para ajudá-lo a construir o e-mail perfeito.

Também é simples trabalhar com HTML existente, especialmente se você usar o Construtor Clássico do Mailchimp. Independentemente disso, você tem maneiras de importar templates HTML se você precisar deles.

Mailchimp usa um híbrido complicado de níveis de assinatura mensal e o número de contatos para chegar a um preço final. Sugerimos que as pequenas empresas precisariam de um plano de cerca de $35 por mês, até 2.500 contatos. Entretanto, você precisará pesquisar o melhor plano para você com base nas características que você precisa e no número de contatos que você pensará que trará a bordo.

2. AWeber

Para alguns, AWeber representa o auge do e-mail marketing. É uma plataforma fantástica e poderosa e inclui um conjunto de recursos indiscutivelmente mais focado do que o Mailchimp.

A logo AWeber
A logo AWeber

Ele inclui uma série de características essenciais que você precisará enviar e-mails:

  • A habilidade de automatizar e agendar mensagens, campanhas e muito mais.
  • Você tem ótimas ferramentas organizacionais, como etiquetagem e segmentação de assinantes.
  • AWeber também permite que você automatize o conteúdo que você cria para seus e-mails. Por exemplo, você pode transformar mensagens de blogs em mensagens de saída com um mínimo de trabalho.

Quando se trata de criar seus e-mails, AWeber tem alguns truques na manga. Ele usa um construtor visual de arrastar e soltar e inclui uma biblioteca de modelos personalizados para iniciar você. Além disso, você pode conectar AWeber à sua conta Canva e usar esta última para ajudar a criar seus e-mails.

Há também um editor de HTML dedicado, o que não é o caso do Mailchimp. Você até recebe isto no nível gratuito do AWeber. Por falar nisso, o preço é mais direto aqui. Você pagará cerca de 25 dólares por mês por até 2.500 contatos.

3. Constant Contact

O Constant Contact é um outlier quando se trata de provedores de serviços de e-mail, mas é mais como uma arma secreta. Ele oferece uma gama fantástica de recursos e funcionalidades, e também permite que você trabalhe com HTML quando você precisar.

A logo da Constant Contact
A logo da Constant Contact

Assim como AWeber, Constant Contact foca o e-mail marketing sobre outras áreas de negócios. Como tal, ele tem um conjunto de recursos que você vai gostar:

  • Você tem ferramentas de gerenciamento de listas de clientes e funcionalidade de automação de marketing.
  • Existem extensas opções de relatórios.
  • Você é capaz de integrar programas de anúncios do Facebook, Instagram e Google.
  • Há muitas maneiras de se engajar e atrair novos assinantes para suas listas.

A funcionalidade de projeto do Constant Contact também é boa. Você pode escolher um modelo e trabalhar com um editor visual para construir o design inteiro. Entretanto, você também pode trabalhar com HTML – às vezes de forma avançada em relação a outras ferramentas.

O preço também é razoável. Você pagará cerca de $35 por mês pelo plano Core e 2.500 contatos, ou $70 pelo plano Plus.

O que você vai precisar para construir um e-mail HTML

Antes de começar a construir seus e-mails HTML, você precisará de algumas ferramentas e habilidades para entregar. Aqui está o que você deve fazer antes de começar:

  • Você vai querer usar um editor de código que você ache confortável porque ele precisará apoiá-lo durante o processo. Se você não souber qual escolher, muitos usuários optam pelo Visual Studio Code, embora Brackets sejam ideais para esta tarefa em particular. Vamos usar Onivim2, que é um editor no estilo Vim baseado na infraestrutura central do VS Code.
  • Embora você precise de habilidades HTML, você não precisará do mesmo conjunto de conhecimentos que um desenvolvedor web moderno (embora isso não prejudique seus prospectos).
  • Você precisará de uma maneira de testar seus e-mails – MailHog é uma solução que apresentamos em outro lugar no blog Kinsta.
  • Embora não vamos usar um template pré-construído, você pode querer usar um destes no futuro.
  • Você também precisará de um provedor de e-mail, pois você precisará de alguma maneira de enviar seu e-mail HTML finalizado.

Com tudo isso no lugar, você está pronto para abrir um editor de texto e começar. Em seguida, nós vamos percorrer o processo para criar um e-mail HTML básico.

Como criar um e-mail HTML a partir do zero

Antes de começarmos, vale a pena notar que não vamos usar um serviço dedicado como Mailchimp ou AWeber. Ao invés disso, vamos criar um modelo simples do zero que você pode importar para onde você precisar.

Nós vamos dividir o processo em algumas seções diferentes porque embora um e-mail HTML seja simplesmente relativo a um site, ainda há muito a considerar.

1. Crie a base para o seu e-mail HTML

É uma boa ideia começar com o esqueleto do seu modelo de e-mail. Isto seguirá algumas práticas típicas para HTML em geral:

<!DOCTYPE PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title></title>
  </head>
  <body>
  </body>
</html>

Há algumas coisas que estão acontecendo aqui que devemos mencionar. Primeiro, nós especificamos um “doctype” para o XHTML 1.0 Transitional, que é uma prática comum entre os desenvolvedores de e-mail. A partir daí, nós especificamos um espaço de nomes XML, que será importante mais tarde.

Você também notará algumas meta tags, e estas definem o conjunto de caracteres e como o navegador deve renderizar o HTML que segue em seu viewport.

O resto do esqueleto é simples – há o título e as etiquetas do corpo que usaremos em seguida.

2. Adicione a estrutura para o seu modelo de e-mail

Voltando à nossa discussão sobre quais tags HTML usar, você vai se lembrar que não queremos usar <div> ou outros elementos estruturais típicos. Ao invés disso, nós queremos usar tabelas, já que isso se torna bem dentro dos clientes e serviços de e-mail.

Tudo começará com um simples conjunto de <table> tags dentro do corpo:

<body>
  <table role="presentation">
    <tr>
      <td>
      </td>
    </tr>
  </table>
</body>

O atributo que definimos dentro da <table> tag ajuda os leitores a analisar o texto dentro dela, então é bom para a acessibilidade.

Daqui, você precisará adicionar novas linhas e colunas à sua tabela a fim de construir o modelo de e-mail HTML. Como você faz isso depende de você, mas é bom começar com uma base de seções de cabeçalho, rodapé e corpo. Não vamos repeti-las aqui por brevidade, mas vamos mencioná-las à medida que progredirmos.

A boa notícia é que você pode continuar a adicionar novas linhas à sua mesa se você precisar adicionar mais seções. No entanto, a partir daqui você vai querer começar a introduzir o estilo e outros elementos.

3. Inclua o estilo de seus elementos

A beleza do HTML é que ele é quase agnóstico ao seu estilo. A marcação é simples, mas os estilos que você aplica podem não ser. Aqui é onde você verá o seu e-mail HTML ganhar vida.

Como um guia enquanto projetamos, vamos adicionar um <style> tag ao <head> para exibir uma borda geral:

<style>
  table, td {border:2px solid #000000 !important;}
</style>

Para começar, vamos nos certificar de que não haja espaço inesperado no corpo ou na mesa principal (que aqui atua como nosso corpo porque alguns clientes de e-mail removerão essa etiqueta):

<body style="margin:0;padding:0;">
  <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;">
</body>

Nós também vamos adicionar um pouco de centralização e remover qualquer acolchoamento extra de nossas diferentes células de seção:

<tr>
  <td align="center" style="padding:0;">Header
  </td>
</tr>

Se você der uma olhada nisto no seu navegador, não vai parecer muito:

Uma janela do navegador mostrando o esqueleto do e-mail HTML.
Uma janela do navegador mostrando o esqueleto do e-mail HTML.

Entretanto, a partir daqui você pode desenvolver ainda mais seu modelo de e-mail usando tabelas e etiquetas de estilo. Por exemplo, criamos uma seção ‘Hero’ para nosso cabeçalho e expandimos o rodapé e o corpo:

Um modelo de maquete de e-mail durante a criação
Um modelo de maquete de e-mail durante a criação (Fonte de imagem: Settergren)

Você provavelmente criará um template melhor e mais adequado às suas necessidades, mas usando tabelas agrupadas e algumas habilidades básicas em HTML, você pode criar um template HTML de email com resposta e personalizado que acerte a marca.

4. Teste seu e-mail

Antes de você terminar, você vai querer testar seu e-mail para ter certeza de que ele se encaixa bem em diferentes dispositivos. Há alguns serviços diferentes que podem ajudar aqui.

Por exemplo, Email on Acid inclui uma lista de verificação completa antes da implantação para ajudá-lo a garantir que seu modelo não cause problemas:

O e-mail no site Acid
O e-mail no site Acid.

Os usuários Litmus conhecerão o PutsMail, mas ele é acessível a todos:

O site da Litmus
O site da Litmus.

Você precisará se cadastrar para usar o serviço, mas é simples de usar. Você aproveita a funcionalidade para pré-visualizar e-mails dentro de vários navegadores diferentes e em vários dispositivos.

A Mailgun também oferece um serviço fantástico que se relaciona com sua oferta principal. Você é capaz de testar clientes de e-mail, navegadores, e muito mais através da interface. Além disso, você pode testar elementos como linhas de assunto, para garantir que você mantenha suas taxas abertas altas.

Ferramenta de teste de e-mail da Mailgun.
Ferramenta de teste de e-mail da Mailgun.

Entretanto, uma vez que você testar seu e-mail, você precisará certificar-se de que ele chegue à caixa de entrada do destinatário. Na seção final, discutiremos mais sobre isso.

Enviando um e-mail HTML: O que você precisa saber

Um benefício de usar um serviço de e-mail marketing que ainda não mencionamos é como ele irá lidar com o aspecto legal do envio de e-mails. Isto é importante porque se você receber algo errado aqui, você não vai simplesmente falhar em chegar a um destinatário, você vai se meter em problemas.

Um serviço de e-mail marketing já terá uma boa relação de trabalho com as organizações que lidam com spam e facetas relacionadas ao envio de um e-mail. Como tal, muitas vezes é uma boa ideia escolher um destes se você não quer a preocupação de entregar spam.

No entanto, há algumas dicas que podemos dar a esse assunto, independentemente da plataforma que você utiliza:

  • Certifique-se de seguir todas as diretrizes da lei CAN-SPAM, especialmente se o seu público principal estiver nos EUA. É claro, países diferentes terão suas próprias diretrizes legais.
  • Inclua uma dupla opção para assinantes. Aqui é onde você pede a eles para confirmar uma assinatura, mas também enviar uma segunda confirmação. Isto protege você e o assinante se houver uma consulta de spam ou um pedido de privacidade no final da linha.

A entregabilidade é um elemento chave de seus e-mails, e isto é algo que nós abordamos em outro artigo, em detalhes. Entretanto, este conceito é uma mistura de vários aspectos, como usar um bom código, obter o nível certo de permissão, e muito mais.

Isso se encaixa em outra faceta – a pontuação do seu envio. Isto é semelhante a uma pontuação de crédito e é, em última análise, uma medida da sua reputação. Há alguns componentes diferentes aqui que fazem o todo:

  • A taxa de retorno do seu site.
  • O número de reclamações que o seu site recebe em relação aos e-mails que você envia.
  • A reputação do seu endereço IP.
  • A assinatura do seu nome de domínio.

Este último está relacionado ao seu DomainKeys Identified Mail (DKIM) e ao Sender Policy Framework (SPF). Além disso, você pode verificar a reputação do seu IP através de serviços como SenderScore, ou IPQualityScore.

Se você escolher o provedor do protocolo de transporte de correio simples (SMTP) certo em primeira instância, você pode selecionar algumas dessas caixas de uma só vez. Assim como sua escolha da solução de e-mail marketing, este serviço irá entender o que você precisa para manter sua entregabilidade alta, e no lado certo dos poderes que estão.

Mailgun é uma solução que mencionamos anteriormente, e esta poderia ser a ideal. Entretanto, existem outras como Mailjet, Sendinblue, e até mesmo o próprio serviço do Gmail.

Resumo

O e-mail não está nem perto de chegar ao fim. Como tal, usar o e-mail para suas próprias necessidades – como promoção e marketing – é uma forma fantástica e econômica de alcançar potenciais assinantes, usuários e clientes.

Enquanto você poderia comprar um modelo HTML dedicado, criar seus próprios e-mails HTML não é tão difícil. Pode ser a maneira de você ter sucesso se você tiver uma visão específica em mente. No entanto, você precisará extrair seus velhos truques HTML, tais como condicionadores e tabelas agrupadas. O design de e-mails HTML ainda não está no nível do web design moderno, mas você ainda pode conseguir muito com pouco.

Você tem necessidade de criar e-mails HTML, e se sim, que perguntas você tem? Informe-nos na seção de comentários abaixo!

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.