Como inserir HTML no Gmail

Mulher jovem trabalhando em casa

Você pode inserir HTML no Gmail.

Crédito da imagem: Marko Geber / DigitalVision / GettyImages

Versões mais antigas do Gmail permitiam HTML e até forneciam um editor de HTML para facilitar o uso. Agora, o Gmail torna mais difícil o uso de HTML e coloca restrições sobre o que o HTML é realmente suportado. Dito isso, a implementação de HTML básico para ajudar a personalizar e projetar emails é simples de implementar e pode fazer alguns elementos de design realmente bons sem pagar por um serviço de email personalizado.

Limitações de HTML no Gmail

O Gmail permite a formatação simples em um editor WYSIWYG, mas você também pode usar um editor externo para códigos mais complexos. Editores externos são ideais para criar a marca da empresa e formatação de estilo de boletim informativo, enquanto o editor interno é ótimo para fontes simples, emojis e imagens. A escolha do editor depende essencialmente da complexidade do HTML e das necessidades específicas do e-mail real.

Vídeo do dia

As fontes da web também não funcionarão no ecossistema do Gmail. Você só pode usar as fontes já fornecidas pelo Gmail, portanto, evite adicionar nada além dessas porque o código não renderizará as fontes personalizadas. As fontes fornecidas pelo Gmail, no entanto, são bastante robustas e há muitas opções para um e-mail personalizado.

Outra limitação é a incapacidade de incorporar folhas de estilo externas. Você simplesmente não pode escrever uma folha CSS independente e conectá-la diretamente ao Gmail. Felizmente, você pode adicionar linhas específicas de código CSS como um elemento incorporado no código HTML. Isso oferece uma boa solução alternativa com habilidades de estilo limitadas, mas não o poder total de uma folha de estilo em cascata.

Use HTML no Gmail

Agora que você conhece as limitações, vá em frente e escreva o código HTML no editor interno ou em um editor externo. Editores externos são comuns e costumam ser integrados aos serviços de gerenciamento de assinatura de lista de correio. Existem versões gratuitas e pagas com uma ampla variedade de opções disponíveis. O editor interno exigirá escrever ou copiar e colar o código bruto de um editor de texto simples para funcionar corretamente.

Editores externos são ideais para muitos usuários porque escrever o código bruto nem sempre é uma necessidade. Muitas versões vêm com modelos pré-concebidos e um editor de arrastar e soltar que não requer nenhum conhecimento de codificação. Os designs são feitos especificamente para funcionar dentro das limitações de plataformas de e-mail como o Gmail.

O maior obstáculo para inserir código HTML personalizado no Gmail é a exibição. Os e-mails são lidos em uma variedade de dispositivos diferentes e o código será exibido de forma diferente em cada dispositivo. Pode funcionar perfeitamente em um laptop e não conseguir ajustar o layout para dispositivos móveis. Procure plataformas de edição externas que ofereçam designs de modelo responsivos para garantir que serão redimensionados corretamente em qualquer dispositivo.

Renderizar o código

Depois de criar o e-mail, é hora de inserir o código diretamente no Gmail. O teste antes do envio também é uma etapa final crítica do processo. Um editor de e-mail com serviço completo e sistema de gerenciamento se conectará ao seu Gmail e enviará os e-mails por meio de um serviço externo. Esses editores normalmente oferecem um método fácil de enviar um e-mail de teste, bem como visualizar tudo em sua caixa de entrada normal.

Para incorporar HTML em um e-mail no Gmail, copie o código em um formato de texto simples e renderize o código em um navegador da web primeiro. Abrir o arquivo HTML no Chrome ou em outro navegador não tem problema. Isso exibirá o e-mail como ele aparecerá no Gmail. Copie tudo da tela do navegador da web e cole diretamente no Gmail.

Envie um e-mail de teste para você mesmo para garantir que ele seja exibido corretamente antes de enviar o e-mail oficial. O Google também oferece a extensão Gmass para gerenciar e enviar e-mails em massa para sua lista de e-mail oficial.