Como Criar um Link de Email em HTML

É sempre bom para os visitantes de um site que exista um canal fácil de comunicação caso eles tenham alguma pergunta ou comentário para fazer. Esse recurso, com certeza, agrega valor a qualquer site. Veja abaixo o passo a passo de como adicionar um link de e-mail a uma página da internet usando um trecho de um código HTML simples.

Passos

Baixe em PDF

1
Digite a tag âncora <a href= no seu documento HTML. O atributo "<a href=" inicia o link no seu documento HTML. A tag "<a href=" geralmente informa ao navegador que o item a seguir é um link.
- Você terá que adicionar todo o código HTML até esse ponto antes de prosseguir.
depois do sinal "=". Isso informa o navegador que o link que vem a seguir é direcionado para um endereço de e-mail, em vez de ser para uma página da web.
Informe-os como no exemplo a seguir: <a href=mailto:[email protected]".
4
Acrescente uma linha de assunto já pronta (opcional). Se você quiser adicionar um campo de assunto, digite um sinal de interrogação (?) depois do endereço de e-mail do usuário, seguido pela palavra "subject" (sem as aspas), um sinal de igual (=) e o assunto entre aspas.
- Se quiser adicionar isso ao seu comando, o código ficará assim: {{kbd|<a href=mailto:<nowiki>[email protected]?subject="texto do assunto"}.
- Tente não utilizar caracteres que não são alfanuméricos na linha do assunto. Existem algumas formas de driblar esse problema para que o seu link não seja confundido e interpretado como parte de outra coisa.
- Também é possível adicionar informações para autopreencher a linha de assunto por meio da sintaxe de envio, mesmo que isso não costume ser usado. Isso é utilizado com mais frequência quando o e-mail está sendo enviado para um servidor dentro de um robô que trabalha com o recebimento de mensagens para processamento posterior (ele faz um trabalho de filtragem antes).
- Você pode adicionar "body", assim como uma linha para “cc” ou “cco” usando uma sintaxe parecida. Só não esqueça de colocar um sinal de interrogação, o termo "body","cc" ou "cco", um sinal de igual e o texto da linha entre aspas.
Até o momento, nosso comando HTML está dizendo para o navegador a qual endereço de e-mail ele deve se conectar e para adicionar um assunto, cc ou cco. O sinal de fechamento ">" diz ao navegador que não há mais nenhum comando a ser executado quando clicarem no link.
Esse é o texto que o usuário vai ver ao clicar para abrir o link do e-mail. Ele deve vir depois do sinal de fechamento. Pode ser uma palavra, uma frase ou até uma cópia do endereço de e-mail para onde a mensagem vai. Muitas vezes as pessoas escrevem “entre em contato conosco por aqui” ou algo parecido.
7
Digite </a> após o texto do link. Isso fecha o comando HTML. As tags âncora em HTML precisam ter um fechamento para que esse truque funcione e não fazer o resto da página se tornar uma extensão da tag âncora.
- O comando de link de e-mail em HTML inteiro deve ficar assim: <a href=mailto:<nowiki>[email protected]?subject="link HTML">Clique aqui para nos enviar um e-mail!</a>
Não se esqueça de salvar seu trabalho. Se você tiver mais códigos HTML para adicionar ao documento, já pode prosseguir.
Publicidade

Dicas

A tag âncora HTML <a> pode ser usada de várias formas diferentes. Aprenda mais sobre ela para usá-la melhor.
As tags âncora devem ser colocadas dentro da seção do corpo (<body>...</body>) do documento HTML. Não coloque-as em nenhum outro lugar ou elas causarão erros ou abrirão o agente de e-mail imediatamente depois de carregar a página do site onde elas estão, independentemente se for uma pré-visualização ou se o seu visitante estiver abrindo essa página, e podem causar problemas se forem abertas sem querer.

Avisos

Colocar endereços de e-mail em uma página da web pode causar problemas com spam nas contas de e-mail. Existem muitas pessoas na internet que executam programas para colher esses tipos de e-mails para fazer spam. Portanto, quem for colocar um link de e-mail em um site público tem que estar pronto para lidar com o spam também.
Verifique o nome do receptor antes de enviar o e-mail.
Se os usuários não tiverem um programa de e-mail instalado no computador, então eles não conseguirão mandar uma mensagem para você.