Como Adicionar Link HTML em MAILTO: Um Guia
Resposta Rápida
Você não pode inserir código HTML no atributo body de um link mailto. Em vez disso, você pode usar a codificação de URL para a representação de texto do link. Criar um link mailto é assim:
<a href="mailto:alguem@exemplo.com?body=Eu%20recomendo%20visitar%20este%20site%3A%20http%3A%2F%2Fexemplo.com">
Enviar Email
</a>Neste exemplo, a frase "Eu recomendo visitar este site: http://exemplo.com" é codificada para ser usada no corpo do email, onde %20 representa um espaço e %3A%2F%2F representa os caracteres ://. Isso permite que o endereço do site seja transmitido sem usar HTML no email.
Limitações do Atributo body em MAILTO
Simplicidade do Atributo Body em Links MAILTO
O atributo body de um link mailto só suporta formatação de texto simples (text/plain), de acordo com o padrão RFC 2368. Isso significa que as tags HTML aparecerão como texto normal e não serão interpretadas como código.
Variabilidade do Comportamento dos Clientes de Email
As aplicações de email variam na forma como interpretam o conteúdo do corpo: algumas podem converter automaticamente URLs textuais em hyperlinks ativos, mas esse comportamento não é garantido e pode variar entre diferentes clientes e sistemas.
Princípios Básicos de Formatação
Caracteres especiais devem ser codificados para exibição adequada em uma URL: espaços são convertidos em %20, e quebras de linha em %0A.
Problemas Potenciais com o Atributo Body em MAILTO e Soluções
Dificuldades podem surgir devido a limitações de comprimento de URL em alguns clientes de email e ao risco de confusão devido a uma abundância de caracteres codificados. É importante manter o texto claro e conciso.
Visualização
Pense em um link mailto como uma casa onde o texto do email "mora".
📫🚫🖇️: Você não será capaz de inserir um link HTML clicável diretamente no corpo do email.
Mas adicionar uma URL de texto simples é possível:
📫✉️🔗: Você pode incluir 'http://seu-link.com' como parte do texto.
Embora tal "link" não seja clicável, ele aponta para o endereço desejado, assim como um endereço escrito à mão em um envelope mostra aonde ir, mesmo que não o transporte para lá diretamente.
Melhorando as Funcionalidades do Link MAILTO
URLs Abreviadas: Compacidade e Eficácia
Usar serviços de encurtamento de URL pode ajudar a evitar problemas com comprimento, tornando o conteúdo do email mais visualmente atraente.
Dicas de UX
Como você não pode garantir a clicabilidade dos links, considere adicionar instruções para que os usuários copiem e colem o endereço manualmente. Isso os guiará para o destino correto.
Abordagens Alternativas
Se links clicáveis forem necessários, considere outros métodos, como enviar emails através de formulários na web ou serviços de marketing por email que suportem formatação de texto rico.
Testes de Compatibilidade
Não se esqueça de testar os links mailto em vários clientes de email antes de usá-los para garantir que funcionem corretamente.
Recursos Úteis
- Criando Hiperenlaces - Aprenda Desenvolvimento Web | MDN
- RFC 2368 - O Esquema de URL mailto
- RFC 6068 - O Esquema URI 'mailto'
- Links Mailto | CSS-Tricks
- link mailto com corpo HTML - Stack Overflow
- Tag HTML <address>
- Botões à Prova de Falhas em Email - Litmus