Editor de Email: Review das 11 Melhores Opções Gratuitas

A maioria das ferramentas de email marketing no mercado hoje em dia possuem um editor de email. Porém apenas algumas delas oferecem o que profissionais de marketing realmente precisam.

Você deve escolher seu editor de email marketing com muito cuidado. Um editor de arrastar e soltar com certeza é a melhor opção. Nesse artigo você irá descobrir como identificar o melhor editor de emails responsivos.

Um editor de arrastar e soltar por si só já é uma baita melhoria em comparação com editores mais básicos. Ele também é melhor que mexer diretamente em código HTML. O sucesso de editores de email atuais em comparação com ferramentas do passado – quem aí lembra do ThemeForest das antigas – é a combinação de uma variedade de templates de email incríveis + um editor de arrastar e soltar para customizá-los facilmente. Nesse tipo de ferramenta você pode escolher um template de email HTML e editá-lo em poucos minutos.

Review rápido dos 11 melhores editores de email HTML responsivos

Você está na dúvida sobre qual o melhor editor de email HTML? Veja essa lista com os melhores editores de emails responsivos que nós revisamos:

1. BEE Editor de emails responsivos gratuito para criar emails bonitos rapidamente
2. ChamaileonConstrutor de emails colaborativo e gerenciamento de conteúdo para empresas de médio e grande porte e agências
3. StripoEditor de templates de email de arrastar e soltar com editor HTML
4. Moosend Email Editor Editor de emails gratuito e fácil de usar que também te permite realizar envios
5. PostcardsEditor de templates de email limitado, com teste gratuito
6. MailchimpEditor da popular ferramenta de email marketing
7. Benchmark EmailEditor de emails da ferramenta de email marketing para pequenas e médias empresas
8. Mail Designer 365Designer de templates de email marketing e campanhas para Mac
9. Mail Styler 2Software de editor de newsletter para Windows
10. MosaicoEditor de templates de email limitado e open source
11. Coffeecup Software para download, editor de emails responsivos para Windows e Mac
12. TopolEmails incríveis de maneira simplificada

Qual o melhor editor de email de arrastar e soltar?

Quando você for escolher o melhor editor de email para criar campanhas responsivas, preço não deve ser sua maior preocupação. A maioria dos editores de email são gratuitos ou muito baratos quando você colocar na ponta do lápis o valor de retorno que oferecem.

Um email responsivo de alta qualidade como resultado e uma interface simples de usar são os elementos mais importantes de um editor de arrastar e soltar hoje em dia. Em um editor de templates de email moderno você deve ser capaz de fazer a maior parte do trabalho em um único lugar, sem precisar tocar em uma linha de código HTML.

Mas há algumas funcionalidades adicionais que podem facilitar o processo de criação do seu template de email. O ideal é você fazer uma lista dos requisitos que são essenciais para você, e então testar os diferentes editores de email disponíveis no mercado. Cada um deles possui suas próprias qualidades. Veja as principais funções que seu editor de emails deve possuir:

  • Catálogo de templates de email
  • Email responsivo de alta qualidade como produto final
  • Interface simples de usar
  • Editor de imagens integrado
  • Opções para pré-visualização e renderização fáceis
  • Recursos de colaboração em equipe
  • Compatibilidade com diferentes provedores de email
  • Integração com ESPs, ferramentas de envio de email marketing

Reviews de editores de email responsivos

Para economizar seu tempo, nós fizemos uma pesquisa e preparamos um review honesto de diferentes editores de templates de email HTML e programas de software que podem te ajudar a construir emails responsivos mesmo que você não saiba nadinha de programação.

Veja a seguir quais são em nossa opinião os melhores editores de templates de email disponíveis em 2021:

1. BEE

“Editor de emails responsivos gratuito para criar emails bonitos rapidamente”

BEE é um acrônimo em inglês para “O Melhor Construtor & Editor de Templates de Email”. Esse editor de emails originou-se da MailUp, popular ferramenta de email marketing Italiana.

O BEE é um editor de emails acessível, onde usuários podem utilizar templates de email responsivos gratuitos disponíveis na plataforma. Você também pode criar seus próprios designs através de elementos e blocos.

A ferramenta BEE permite que usuários selecionem a largura das estruturas de colunas dentre opções específicas, o que é útil e eficiente. No entanto, você não pode alocar uma coluna dentro da outra, o que pode te impedir de elaborar layouts mais complexos.

editor bee editor de emails gratuito

O BEE Free é completamente gratuito. O editor de templates de email salva seus projetos diretamente em seu navegador. Por conta disso, quando você acessa novamente a plataforma, você pode imediatamente voltar a editar ou começar um novo template. Você pode também exportar o conteúdo criado em um arquivo ZIP que contém o HTML e as imagens, que podem ser utilizados em seu próprio software de email marketing.

bee preços de editor de emails responsivo

Você pode facilmente fazer upgrade para o pacote BEE Pro, que te oferece mais templates, uma funcionalidade de “revisão, comentários e aprovação”, suporte para múltiplos usuários com controles de permissão, estilos de marcas e configurações em um plano de “Agência”.

Você também ganha acesso a um login onde você pode salvar múltiplos projetos de email para utilizar no futuro com o BEE Pro. Além disso, eles oferecem integrações que se conectam diretamente com ferramentas de email marketing como MailChimp, SendGrid, Hubspot e suas alternativas, dentre outros.

A BEE possui um catálogo completo de templates de email gratuitos. Isso mesmo, templates profissionais e gratuitos para todos! Esses templates são realmente bonitos, então recomendamos que você dê uma olhada neles.

2. Chamaileon

“Construtor de emails colaborativo e gerenciamento de conteúdo para empresas de médio e grande porte e agências”

A Chamaileon é uma ferramenta gratuita com editor de templates de email responsivos. Ela foi desenvolvida para ajudar empresas a criar belos designs de emails responsivos e de alta qualidade.

A Chamaileon foi criada pensando em flexibilidade e customização. Seu editor de emails online oferece uma mistura de elementos de estrutura e conteúdo. Com opções de estilização avançadas, você pode praticamente criar qualquer design para suas campanhas de email com ela.

Além disso, você pode encontrar centenas de templates responsivos para utilizar como base para seus próprios emails.

 templates de email gratuitos da chamaileon

Elementos estruturais podem ser alocados um dentro do outro, então você pode adicionar quantas colunas desejar no editor. Além disso, você pode ajustar por pixel o tamanho de cada coluna individualmente.

A Chamaileon oferece dois recursos que não estão disponíveis na maior parte dos editores de email: 

Função de “Mostrar em Dispositivo Móvel / Mostrar em Desktop”. Com isso, você pode criar diferentes versões de seu email para mobile ou desktop.

pré-visualização de mobile da chamaileon

Função de Salvar Bloco. Com ela, você pode salvar seus próprios grupos de elementos de arrastar e soltar para que não precise recriá-los no futuro. Dessa forma, você consegue salvar por exemplo determinados cabeçalhos, rodapés ou qualquer outro bloco de conteúdo em pastas compartilhadas. Com esse recurso seus colegas de trabalho poderão reutilizar esses blocos facilmente a qualquer momento.

A Chamaileon criou um sistema gerador de emails responsivos para que, não importa o tipo de template de email que você tenha criado, ele seja renderizado corretamente nos maiores clientes de email do mercado. Esse recurso dá suporte por exemplo para todos os dispositivos Apple e Android, além de todas as versões do Outlook. Ele reduzirá significativamente o tempo que você gastaria com testes e consertos no layout.

lista de compatibilidade do editor de email da chamaileon

A Chamaileon também permite que membros da mesma equipe compartilhem seu ambiente de trabalho quando estiverem criando o design de uma campanha de email marketing. Com o seu recurso de colaboração, cada integrante do time de marketing consegue acessar os templates que estão sendo desenhados e editar o seu conteúdo.

3. Stripo

“Editor de templates de email de arrastar e soltar com editor HTML”

O Stripo é um construtor gratuito de templates de email com dois tipos de editor: arrastar e soltar e também HTML. O Stripo fornece uma biblioteca de módulos de conteúdo para armazenar os elementos e componentes mais utilizados pelos usuários. Ele também oferece um editor de fotos integrado para construir banners para seu email.

editor de email arrastar e soltar da stripo

Com o Stripo você pode construir elementos de email interativos, como o efeito “rollover”, botões animados em CSS e timers de contagem regressiva dentro do editor. Ele também possui uma funcionalidade integrada de AMP para email.

O Stripo possui mais de 350 templates de email HTML gratuitos em seu catálogo. Sua seleção de templates de email responsivos pode ser filtrada por tipo, indústria ou época do ano, o que torna ainda mais fácil a escolha do design.

templates de email da stripo

Além de seus templates prontos, o Stripo também oferece a opção de templates de email customizados. Baseado em suas informações e solicitações, os designers da Stripo irão desenhar um template de email para você por U$199.

preço do desenvolvimento de template de email pela stripo

Os templates de email do Stripo podem ser exportados para mais de 30 ferramentas de email marketing. Você também pode exportar o design de seu template em formato HTML e utilizá-lo em qualquer outra plataforma de sua escolha.

O serviço possui suporte para múltiplos idiomas, incluindo o Português.

Antes de enviar sua campanha de email marketing para sua lista de contatos, você pode salvá-la como PDF para mostrar para seus colegas e superiores. Você também pode testar os emails diretamente na plataforma.

Resumindo, o Stripo é um dos melhores editores de templates de email do mercado. Não deixe de testá-lo!

4. Moosend Email Editor

“Editor de emails gratuito e fácil de usar que também te permite realizar envios”

O editor de emails gratuito Moosend é uma plataforma que permite a criação de incríveis campanhas de email. Você pode escolher editar um dos templates de email prontos disponíveis no catálogo, ou criar seu próprio design do zero com colunas de arrastar e soltar e elementos estruturais.

O Moosend possui um recurso de “Salvar” bastante útil que permite que você preserve seu template de email editado para utilização no futuro. Com isso, você pode criar a base para o design de sua newsletter uma vez e utilizá-la novamente nos meses subsequentes. Para isso, basta acessar sua conta.

O recurso de visualização dividida do Moosend para usuários avançados permite a visualização do código HTML da campanha enquanto você está edita o template. Dessa forma você pode fazer ajustes no estilo do template através do CSS. Note que você precisa clicar em “Aplicar Alterações” para ver a versão atualizada do design.

editor de email html da moosend

A Moosend torna automaticamente os designs de seus emails responsivos e compatíveis com dispositivos móveis.

O editor de emails da Moosend é completamente gratuito. Crie seu login aqui e comece agora mesmo a criar, salvar e enviar suas newsletters.

5. Designmodo: Postcards

“Editor de templates de email limitado, com teste gratuito”

Postcards é um dos produtos online da Designmodo. É uma plataforma para construção de campanhas de email bem fácil de ser utilizada. Você nem precisa criar uma conta no sistema para criar o primeiro design de seu email.

Com uma conta gratuita você tem acesso a um número ilimitado de exportações. O software gratuito para design de emails é o que se pode chamar de “licença demo”. No entanto, você pode utilizar apenas um bloco gratuito para cada elemento de seu email (cabeçalho, conteúdo, call to action, rodapé, etc). Esse pode ser um obstáculo para qualquer profissional de marketing que queira elevar o nível do design de seus emails.

editor de email da postcards

A licença business desbloqueia todos os blocos, além de você poder escolher dentre mais de 900 Fontes do Google e exportar seus emails para qualquer plataforma de email marketing que desejar. Essa licença custa U$15 ao mês. O Postcards da Designmodo funciona com blocos e elementos pré-definidos que possuem algumas opções de customização. Como você não pode criar seus próprios blocos, isso te dá menos flexibilidade que outros editores. O lado positivo é que trabalhar com o Postcards acaba sendo menos complicado por conta disso.

6. Editor de Emails do Mailchimp

“Editor da popular ferramenta de email marketing”

A Mailchimp é a plataforma de automação de email marketing mais famosa do mundo. Ela foi fundada em 2001 por Ben Chestnut, Mark Armstrong e Dan Kurzius. Essa ferramenta se tornou tão popular que há no mercado diversas alternativas ao Mailchimp, como a SendinBlue.

Apesar de ser um ESP (plataforma de envio de email marketing), o Mailchimp possui seu próprio editor de templates de email.

editor de emails responsivo da mailchimp

Apesar de não ser muito flexível em termos de elementos e blocos, o Mailchimp permite que seus usuários criem emails responsivos bem completos.

O público-alvo do Mailchimp são pequenas e médias empresas que desejam expandir seu negócio. Você pode tanto selecionar um template de email pré-definido quanto criar seu próprio template do zero. Existem diversos casos em que um template de email personalizado seja a melhor opção, porém a versão gratuita do Mailchimp não permite mais a importação de seu próprio código HTML.

 templates de email gratuitos da mailchimp

Essa é a melhor alternativa se você possui requisitos básicos e está buscando por uma maneira simples e rápida de criar um template simples, sem precisar pensar muito sobre recursos de integração e compatibilidade.

Existem diversos editores de email dentro de ferramentas de email marketing, mas em alguns casos você não consegue exportar o código HTML criados neles. Outras vezes o código do email é um grande ponto de interrogação, então você precisa testar cada email que desejar enviar para garantir que ele seja compatível.

O lado negativo de utilizar o editor interno de ESPs é que você fica preso àquele serviço. O lado positivo é que você não precisa utilizar plataformas distintas para a criação e o envio de suas campanhas de email.

Caso você esteja começando com um pacote gratuito de uma plataforma de email marketing e se acostume com o editor de email deles, é pouco provável que você queira mudar para outro ESP. Caso você queira fazer essa migração para um novo provedor de email marketing, você terá que reconstruir seus templates do zero.

7. Editor de Emails da Benchmark Email

“Editor de emails da ferramenta de email marketing para pequenas e médias empresas”

A Benchmark Email é uma plataforma de email marketing para pequenas e médias empresas. Focada na economia de tempo, ela possui um editor de arrastar e soltar. Ele é fácil de usar e permite a criação de emails responsivos sem que seja necessário mexer em código HTML. 

editor de email de arrastar e soltar da benchmark email

Por ser uma ferramenta de email marketing – e não apenas um editor – além de criar seus designs de email, você também pode fazer o envio deles através da Benchmark Email. Como a maioria dos ESPs do mercado, ela não permite a exportação do código HTML dos emails criados. Caso opte por criar seus templates de email com essa plataforma, você será obrigado a fazer o envio de suas campanhas através dela. 

templates de email gratuitos da benchmark

Eles também disponibilizam centenas de templates prontos que podem ser customizados caso você não queira começar do zero. Se preferir importar seu próprio código HTML na plataforma, você pode utilizar o Editor de Código HTML para criar sua campanha. Do lado esquerdo do editor você colará o código, e do lado direito ele será renderizado pelo sistema. Se escolher essa opção, lembre-se que seu código deve ser responsivo.

Uma das vantagens de utilizar a Benchmark Email é que este é um dos únicos sistemas dessa lista traduzido para o Português. Caso se sinta intimidado em utilizar uma plataforma em inglês, essa pode ser uma excelente opção para você. Eles também possuem atendimento em Português gratuito, o que pode ser uma mão na roda caso você tenha dúvidas ou precise de ajuda.

A Benchmark Email possui uma conta gratuita para testes que libera todos os recursos de edição de emails para você e o envio de algumas campanhas. Por não ser um editor de emails exclusivo, o foco dos planos e preços da ferramenta está em aumentar sua lista de contatos e capacidade de envios. O plano pago mais barato custa R$70 e te permite adicionar 500 contatos e envios ilimitados.

8. Mail Designer 365

“Designer de templates de email marketing e campanhas para Mac”

O Mail Designer 365 é um software de edição de emails que pode ser baixado exclusivamente em Mac. Seu editor de emails é otimizado para ser utilizado em dispositivos móveis, o que pode ser prático para alguns usuários.

O software é relativamente fácil de ser utilizado. Ele é um editor de emails de arrastar e soltar padrão, onde você pode customizar e salvar seus blocos e elementos para uso futuro.

O Mail Designer 365 possui uma galeria integrada de fotos gratuitas do Unsplash que você pode utilizar para melhorar o design de seus emails. O software também te dá a opção de utilizar GIFs de uma seleção própria.

arte do mail designer 365

Você pode baixar o Mail Designer 365 se você tiver um Mac e testá-lo gratuitamente por 7 dias. Após esse período, você precisará escolher um de seus pacotes, que começam num preço de €16 por mês. Vale ressaltar que eles aceitam apenas pagamentos anuais.

9. Mail Styler 2

“Software de editor de newsletter para Windows”

O Mail Styler é um software de edição de emails para Windows. Esse programa permite que você crie templates de email responsivos, seja começando do zero ou utilizando um dos templates prontos disponíveis na plataforma. Uma de suas facilidades é o fato de o sistema estar traduzido para o Português. Basta selecionar esse idioma no momento da instalação.

mail styler 2 editor de templates de email para windows

Uma vez que você tenha baixado o Mail Styler em seu computador, você possui acesso a um número limitado de templates de email gratuitos. O catálogo completo da plataforma (chamado de PRO) é exclusivo para usuários pagos.

O software é relativamente fácil de utilizar, apesar de ser bastante limitado. Ele não dá muito espaço para criatividade e customização. Por exemplo, você pode apenas escolher dentre um número pequeno de fontes e paletas de cores pré-determinadas.

Um dos recursos interessantes do Mail Styler, no entanto, é a possibilidade de pré-visualizar a linha de assunto e o pré-cabeçalho do seu email tanto nas versões desktop quanto mobile antes de fazer seu envio.

pré visualização de linha de assunto do mail styler

A função de exportação de HTML do Mail Styler funciona bem com diferentes clientes de email, como o Outlook e Gmail.

10. Mosaico

“Editor de templates de email limitado e open source”

O Mosaico é um editor de templates de email de código-aberto (open source). Essa plataforma de emails online foi construída para ajudar seus usuários na criação de newslettersl rapidamente e com eficácia. No entanto, ele não possui opções de customização.

O Mosaico não disponibiliza nenhum template pronto em sua plataforma. Ao invés disso, ele te permite escolher dentre dois layouts: versafix-1 e versafluid.

mosaico editor de templates de email open source

Quando você tiver escolhido entre os dois, você pode adicionar ou remover blocos, exportar suas próprias imagens já editadas (ele não possui editor de imagens integrado) e editar seu conteúdo.

Você pode também pré-visualizar seu email, enviar um email de teste ou simplesmente salvar seu template. O Mosaico é um editor de emails responsivos acessivo que funciona bem para pessoas que precisam de algo simples e rápido. No entanto, existem opções mais interessantes nessa lista se você estiver levando seu email marketing a sério.

11. Coffeecup Responsive Email Designer

“Software para download – editor de emails responsivos para Windows e Mac”

O Coffeecup é um software para edição de emails que pode ser baixado tanto para Windows quanto para Mac.

Antes de pagar sua taxa anual de U$129, você pode experimentar o software de edição de emails através de sua versão gratuita. Nesta opção experimental você pode exportar até 3 campanhas e enviar emails de teste.

O software não é muito intuitivo. Apesar de você poder selecionar um template pré-desenhado e então editá-lo de acordo com suas necessidades, o processo de criação não é muito fluido e pode levar alguns minutos para você entender como navegar pelo construtor de emails.

coffeecup editor de emails responsivos

Caso queira construir seu email do zero, você precisará ter algum conhecimento de estrutura e layout de emails, já que não há instruções específicas de como utilizá-lo para te servir de guia.

12. Topol.io

Emails incríveis de maneira simplificada

Topol é uma ferramenta de edição de emails que escolhemos incluir nessa lista pela facilidade de sua utilização. Com o Topol PRO você pode escolher um dos templates de email disponíveis para testar. Se desejar, você também poderá criar seu próprio template a partir de um HTML ou até mesmo do zero.

topol templates de email gratuitos

Os principais recursos do Topol incluem:

  • Importação de seu HTML customizado no editor de email
  • Blocos customizáveis e reutilizáveis
  • Trabalho em equipe com ferramentas de compartilhamento do trabalho
  • Editor de template de email de arrastar e soltar

O Topol é apenas um pouco mais barato do que outras ferramentas de edição de email dessa lista, como o BEE ou o Stripo. Mas se você verá uma grande diferença nessa plataforma se realmente precisar do recurso de trabalho em equipe. Por apenas U$10 você tem incluso em seu plano até três usuários. Você pode fazer um teste gratuito de 14 dias e fazer upgrade para o plano mensal após esse período.

Como escolher o melhor Editor de Emails para Emails Responsivos?

A melhor maneira de fazer essa escolha é fazer uma lista das funcionalidades que são vitais para você e então testar os diferentes editores disponíveis no mercado. O preço não deve ser sua preocupação principal, já que a maior parte dos editores são gratuitos ou oferecem preços muito bons em comparação com sua proposta de valor. Diferentemente do preço, as funcionalidades e qualidade do HTML farão uma diferença real no seu fluxo de trabalho.

Elencamos abaixo uma lista dos recursos principais que as pessoas buscam em seu editor de emails. Cada um deles tem seus próprios pontos fortes:

1. Biblioteca de templates de email

Um bom editor de emails te oferecerá a possibilidade de utilizar templates padrão como base para suas campanhas de email. Isso é ótimo se você for iniciante em email marketing, se você estiver com pouco tempo para criar um novo template de email do zero ou até se precisar apenas de inspiração para seu próprio design.

Você também deve conseguir criar seu próprio template de email responsivo com a ferramenta escolhida, para utilizá-lo outras vezes em campanhas futuras. É claro que você também deve escolher uma ferramenta que tenha um gerenciamento de arquivos amigável e na nuvem para facilitar o salvamento de seus templates, imagens, etc.

2. Geração de HTML para email responsivo de alta qualidade

Um email responsivo é um método otimizado para aumentar as taxas de abertura e cliques. Com ele, você garante que sua campanha fique bonita em qualquer dispositivo em que ela for lida.  A ferramenta de edição de emails que você escolher deve permitir que você envie suas campanhas de maneira fluida e sem erros. Caso isso não aconteça, você pode acabar passando para seus inscritos uma imagem negativa de sua marca.

3. Interface conveniente

A experiência do usuário é bastante subjetiva. No entanto, há algumas regras básicas de design de interface que toda aplicação deve respeitar. Uma interface limpa, uma página de layout bem estruturada, uso estratégico de cores, fontes e tipografia para criar hierarquia, comunicação consistente do sistema com o usuário, etc. Você não precisa pensar demais nesse quesito: ao testar os diferentes editores do mercado, você saberá se a interface é focada na em sua experiência como usuário ou não.

4. Editor de imagens integrado

Um editor de imagens integrado com o construtor de emails pode ser extremamente útil. É claro que não estamos falando aqui de algo complexo como o Photoshop, mas funcionalidades básicas de edição de imagens integradas ao editor podem facilitar bastante seu trabalho. Veja se seu editor te dá opções como alterar o tamanho, cortar e aumentar a exposição de suas fotos, etc. 

5. Opção de pré-visualização rápida do email

Uma pré-visualização rápida de seu template te permitirá ter uma ideia de como seu email ficará no tablet, no celular e no computador. Se você estiver buscando algo mais avançado, a função de pré-visualização da Litmus e da Email on Acid vão te ajudar a economizar um bocado de tempo.

6. Recursos de colaboração

O processo de criação de campanhas de email exige muitas vezes muitas conversas entre o time de marketing, o time de design, os copywriters e até parceiros. Para tornar esse processo mais ágeis, alguns editores de email permitem que múltiplos usuários colaborem entre si no processo de criação da peça de email marketing.

Pessoas com diferentes acessos podem entrar no ambiente de trabalho virtual e adicionar seu feedback, comentários e até editar a campanha.

7. Compatibilidade com diferentes serviços de email

Sua plataforma de edição de emails deve produzir um código de email HTML responsivo que funcione nos principais clientes de email (diferentes versões do Outlook, Gmail, Yahoo! Mail, etc).

8. Integração com provedores de email marketing

Uma vez que você crie sua campanha, você deve conseguir facilmente fazer o envio da mesma através de sua plataforma de email marketing. Antes de escolher com qual editor de emails deseja trabalhar, assegure-se de que ele integra com a ferramenta que utilizará para enviar suas campanhas.

Há diversas funcionalidades avançadas em diferentes editores de email que alguns usuários irão utilizar com frequência, enquanto outros nunca tocarão nelas. Personalização, automação e regras de conteúdo dinâmico geralmente estão disponíveis em provedores de email marketing e ferramentas de marketing de automação mais avançados. 

Uma funcionalidade avançada que você pode buscar em um editor de email é um adaptador que te permite editar o conteúdo de sua campanha de acordo com o dispositivo que o usuário está utilizando quando o abre. Esse recurso basicamente permite que você escolha quais blocos de conteúdo devem ser mostrados ou escondidos em dispositivos móveis ou no computador. Dessa forma, você pode refinar a versão responsiva de seu email.

Qual a diferença entre um editor arrastar e soltar e um editor de código HTML para emails?

Os editores de código HTML surgiram na área da computação entre a década de 70 e 80. Esse tipo de editor te garante que o código que você está criando será mostrado da mesma forma (ou pelo menos o mais similar possível) em sua versão impressa ou em seu produto digital final – nesse caso, newsletters de email.

ck editor editor de código html para emails

Editores de código HTML parecem com editores de texto, como o Word da Microsoft, que foram criados para o gerenciamento de conteúdo para a web. Esses tipos de editores geralmente não são otimizados para email. No entanto, você pode utilizá-los para criar seus templates de email se você entender de código HTML, ou se você for um usuário bem avançado e for capaz de inserir tabelas com facilidade através dessas ferramentas.

Geralmente em plataformas de email marketing você encontrará um editor de código HTML como o mostrado na foto acima para editar partes do conteúdo de seu email. Esse código é então transformado em um template quando você o salva. Algumas delas também permitem que você edite o email clicando em elementos da campanha.

Muitos editores são chamados de arrastar e soltar, mas eles funcionam realmente dessa forma?

O significado de arrastar e soltar não poderia ser mais claro: editores desse tipo funcionam exatamente como seu nome sugere. Você pode arrastar os itens que precisa de uma parte da interface e simplesmente soltá-los no local desejado, bem parecido com o ato de mover itens na área de trabalho de seu computador.

Mas hoje em dia esse nem sempre é o caso. Arrastar e soltar se tornou sinônimo de uma interface fácil de usar. Diversas ferramentas, incluindo editores de email, se promovem como arrastar e soltar, mas nem sempre entregam essa funcionalidade de maneira sofisticada e funcional.

Na maior parte dos editores de email de arrastar e soltar você está limitado a blocos de conteúdo pré-construídos, como imagem + texto, grupo de imagens, botões de compartilhamento nas redes sociais, etc. Você não tem neles a flexibilidade de criar seus próprios blocos a partir de elementos básicos de construção de templates, como texto, imagem, caixa e colunas.

Eles ainda são considerados editores de email de arrastar e soltar, porém nem todo elemento de conteúdo poderá ser “arrastado e soltado”. Na maior parte dos casos os elementos e blocos pré-definidos são suficientes. Porém se deseja criar designs mais sofisticados, você definitivamente precisará de mais flexibilidade.

Quais os indicadores de que você está usando um editor de emails responsivo de verdade?

De maneira simples, quando você não tiver a possibilidade de editar o código HTML por trás de seu template, já que ele será gerado automaticamente pelo software. Vale ressaltar que existem alguns editores de email hoje em dia que permitem que o usuário edite o código HTML e que produzem HTMLs responsivos – a não ser que você quebre o código enquanto o edita.

Na maioria das vezes em que você tiver a opção de editar o código HTML, você está na realidade utilizando um editor de código HTML rebuscado. Esse tipo de editor permitirá que você destrua o código HTML pré-construído que você estiver editando.

O lado negativo de possuir uma ferramenta de geração de emails é que você não pode simplesmente copiar e colar um HTML aleatório em um desses editores. Nesse caso, você terá que construir seu próprio template com o editor, utilizar uma linguagem descritiva personalizada específica para emails, adicionar certas tags HTML, ou tornar o email editável para você no editor.

Construtores de Framework para Email (Necessário Conhecimento de Programação)

Desenvolvedores sabem quão difícil e tediosa é a tarefa de codificar emails responsivos. Veja uma lista de frameworks de email online que tornam o trabalho de criar código para emails responsivos mais fácil.

Cerberus

“Alguns padrões sólidos para HTMLs responsivos. Até para Outlook e Gmail.”

cerberus padrões de emails responsivos pré codificados

O Cerberus é um conjunto de padrões de emails responsivos pré-codificados. Os padrões – ou blocos de código – podem ser misturados e combinados para construir um template de email HTML incrível que é otimizado para todos os dispositivos e aplicativos de email.

Foundation For Emails 2 da Zurb

“Crie emails HTML responsivos que funcionam. Até no Outlook.”

foundation for emails da zurb

O Foundation for Emails, antigamente chamado de Ink by Zurb, é uma coleção de frameworks que dá a desenvolvedores um ambiente de trabalho de CSS ou Sass para construir emails responsivos. Cada template começa com uma grade pré-definida que pode ser melhorada ao utilizar-se diferentes elementos.

HEML

“Crie rapidamente emails responsivos clean”

heml linguagem markup para emails

O HEML é uma linguagem de markup open-source para a construção de emails responsivos que são renderizados corretamente em diferentes clientes de email. Programadores familiarizados com HTML e CSS se sentirão em casa com essa plataforma.

MJML Email Builder

“Um framework que torna emails responsivos mais fáceis”

mjml framework para emails responsivos

A MJML é uma linguagem de markup. Eles possuem um servidor de código-aberto que gera HTML para emails responsivos de alta qualidade.

Com essa ferramenta você pode escrever um markup totalmente compatível com HTML que pode ser utilizado em diferentes ESPs (plataformas de email marketing). Você pode testá-la online e verificar se ela atende suas necessidades.

Encontrando o Melhor Editor de Email HTML

Existem inúmeros editores de email HTML de arrastar e soltar online. Mas você não precisa testar todos eles agora que você sabe o que está buscando: templates de email responsivos de alta qualidade, compatibilidade, usabilidade e recursos de integração.

Se você for um novato em email marketing, você pode começar com quaisquer dos softwares dessa lista para entender como utilizar um construtor de emails. Já se você possui conhecimentos de HTML, não tenha medo de testar um dos editores que dão suporte para a edição de código HTML.

Há sempre espaço para melhorias e é claro que o design de seu email e a qualidade de seu código são partes essenciais de sua receita para o sucesso!

Roland Pokornyik

About Roland Pokornyik


Roland Pokornyik is the CEO and Co-founder of EDMdesigner.com, the responsive email editor API optimized for white-label integration with any system.

Enable registration in settings - general
Comparar itens
  • Total (0)
Comparar
0