Como criar link para enviar email em HTML (com exemplos)

Por | Atualizado em 2016-11-19

Atualmente existem diversos serviços que permitem adicionar um formulário de contacto no seu Website ou blog.

No entanto, se pretende um contacto mais direto, poderá adicionar um link que permite o envio de emails para uma conta de correio eletrónico específica.

Ao pressionar o link, o navegador irá abrir o programa predefinido no computador para o envio de emails.

Demo: Enviar email

link para enviar email

Como criar link para enviar email em HTML

Para criar um link de envio de email em HTML é necessário usar a tag “a mailto:” seguido do respectivo link. Esta funcionalidade permite-lhe ainda adicionar automaticamente o assunto no cabeçalho do email, bem como o email do remetente (embora não seja obrigatório).

Nota: Nos nossos exemplos é notório o uso do caracteres “%20”. Dessa forma, é possível adicionar um “espaço” entre as palavras, exibindo o texto correctamente. Para criar um link para enviar email em HTML basta adicionar o seguinte código:


<a href="mailto:email_que_recebe_as_mensagens@exemplo.com?Subject=Título%20da%20mensagem">Enviar email</a> 

Se pretender adicionar um titulo automático ao email, facilitando a vida do remetente, e ajudando a identificar as mensagens na sua caixa de correio, poderá usar o atributo “subject”. Por exemplo:


<a href="mailto:email_que_recebe_as_mensagens@exemplo.com?Subject=Título%20da%20mensagem">Enviar email</a> 

DEMO: Enviar mensagem com assunto automático

Usar uma imagem? Ótimo…

A utilização de imagens pode complementar o desing das suas páginas e estimular o envio do email. Caso necessite de imagens gratuitas, poderá usar o serviço Pixabay. Caso deseje imagens “profissionais”, poderá usar serviços como o istockphoto ou Shutterstock.

Exemplo:

enviar-email

Caso tenha dúvidas, poderá enviar o seu comentário. Obrigado.



Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *