O Guia Definitivo para Links Mailto: Sintaxe, Parâmetros e Implementação

O que é um Link Mailto? (E por que você deve usá-lo)

Um link mailto é um tipo de link HTML que ativa o cliente de e-mail padrão do usuário para começar a redigir um novo e-mail. É um esquema de URI (Uniform Resource Identifier) para endereços de e-mail, padronizado na RFC 6068.

Em vez de levar um usuário a outra página da web, um link mailto abre uma janela de “Novo E-mail”, com o endereço de e-mail do destinatário já preenchido.

Vantagens:

• Simplicidade: É a maneira mais fácil de permitir que os visitantes enviem um e-mail.
• Sem backend: Não requer processamento do lado do servidor, ao contrário dos formulários de contato.
• Familiaridade: Os usuários interagem com seu próprio cliente de e-mail, com o qual estão familiarizados.

Desvantagens:

• Dependência do cliente: Requer que o usuário tenha um cliente de e-mail configurado em seu dispositivo.
• Spam: Endereços de e-mail em texto simples podem ser coletados por bots de spam.

A Anatomia de um Link Mailto: Do Simples ao Complexo

O Básico: mailto:[email protected]

A forma mais simples de um link mailto inclui apenas o endereço de e-mail do destinatário.

<a href="mailto:[email protected]">Entre em Contato</a>

Adicionando um Único Parâmetro: O Ponto de Interrogação ?

Para adicionar parâmetros como um assunto ou corpo, você começa com um ponto de interrogação (?) após o endereço de e-mail. O primeiro parâmetro é tipicamente subject.

<a href="mailto:[email protected]?subject=Consulta de produto">Enviar consulta</a>

Adicionando Múltiplos Parâmetros: O E comercial &

Para adicionar mais de um parâmetro, separe-os com um e comercial (&).

<a href="mailto:[email protected]?subject=Consulta de produto&body=Olá, estou interessado em...">Enviar consulta detalhada</a>

Importante: Apenas o primeiro parâmetro usa ?. Todos os subsequentes devem usar &.

Um Mergulho Profundo em Todos os Parâmetros Mailto

Esta é a parte central do artigo. Cada parâmetro inclui exemplos de código.

subject: Pré-preenchendo a Linha de Assunto

Pré-preenche o assunto do e-mail. Lembre-se de codificar caracteres especiais. Por exemplo, um espaço se torna %20.

<a href="mailto:[email protected]?subject=Solicitação%20de%20Cotação">Solicitar Cotação</a>

body: Pré-preenchendo o Texto do Corpo e Lidando com Quebras de Linha (%0A)

Pré-preenche o corpo do e-mail. Este é o parâmetro mais propenso a erros devido à codificação. As quebras de linha devem ser codificadas como %0A.

Exemplo com quebra de linha:

<a href="mailto:[email protected]?subject=Relatório%20de%20Erro&body=Minha%20conta%0A---%0ADetalhes%20do%20erro:">Relatar Erro</a>