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

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 DepositPhotos 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 *