Links para e-mails e telefones são elementos que todo site hoje tem que ter.
Sabe porque?
Eles não só facilitam o contato entre o cliente e a empresa ou projeto como também indicam para os mecanismos de busca qual o e-mail e telefone relacionados ou principais com o website.
Adicionar um link para e-mail ou telefone no WordPress é algo muito simples e é bem similar ao processo de adicionar qualquer tipo de link.
Em geral os links começam com algum tipo de protocolo, como http:// ou https://. Em seguida vem o endereço e diretórios do arquivo ou página a ser buscada. Muitas vezes chamamos esses links de URLs. Se você quiser saber a diferença entre URL, URI e URN, confira nosso artigo a respeito.
Não deixe de conferir nossos outros tutoriais de WordPress.
Adicionando links
A primeira coisa que precisamos saber é como adicionar um link no WordPress. Temos algumas formas diferentes de fazer isso, mas vou explicar as duas mais simples.
Em primeiro lugar, copie com Ctrl + C ou clicando com o botão direito do mouse e em seguida na opção Copiar em cima do texto selecionado do link. Em seguida selecione o texto no seu campo de edição do WordPress que deseja transformar em link. Agora as duas opções:
1- Clique no botão de corrente na barra de ferramentas do editor do WordPress e cole o texto com o comando Ctrl + V ou clicando com o botão direito do mouse e em seguida na opção Colar.
2- Apenas aperte o comando Ctrl + V com o texto selecionado e o link automaticamente irá ser criado.
Link para E-mail no WordPress
Para adicionar um link para o e-mail no WordPress devemos seguir o mesmo processo descrito acima, mas o link será um pouco diferente.
O protocolo que vem antes de um link para e-mail é o mailto: seguido pelo e-mail desejado. Exemplo:
mailto:[email protected]
O WordPress é bastante inteligente hoje em dia e, como visto acima no GIF, ele automaticamente detecta que quero criar um link para um e-mail quando selecionei o meu e-mail e cliquei no botão de criação de links.
Contudo você pode criar links para e-mails com qualquer tipo de texto e não somente com o próprio e-mail.
Link para telefone
Para adicionar um link para o telefone no WordPress devemos seguir o mesmo processo descrito acima, mas o link será um pouco diferente.
O protocolo que vem antes de um link para e-mail é o tel: seguido pelo telefone desejado no seguinte formato: + [código do país] [DDD] [Número de telefone]. Exemplo:
tel:+5511999999999
No caso acima adicionei o link em um texto que é o próprio número de telefone, mas você pode criar o link de telefone em qualquer tipo de texto.
Links em widgets
Se você quiser criar um link normal, para o telefone ou para o e-mail em um widget o processo é um pouco diferente. Os widgets não possuem um editor rico para criar os links automaticamente. Precisamos utilizar códigos em HTML para fazer isso. Também é necessário utilizar o widget tipo “Texto”
Para criar um link em HTML basta utilizarmos o seguinte padrão:
<a href="[link]">[texto do link]</a>
Basta então substituir o [link] pelo link desejado e o [texto do link] para o texto que será o link. Lembrando que no [link] podemos colocar tanto links para páginas na internet quanto para e-mails e telefones.
Questões a considerar ao criar links
Apesar de ser muito bom ter links para e-mails e telefones disponíveis para seus clientes e mecanismos de busca, existem algumas questões que precisam ser consideradas. Em primeiro lugar, quando colocamos o e-mail disponível dessa maneira também estamos o disponibilizando para bots. Esses bots podem ser tanto inofensivos quanto maléficos. Então pode ser que você comece a receber vários spams depois de algum tempo no seu e-mail.
Uma forma de proteger seu e-mail é utilizar alguns mecanismos de encriptação do e-mail na página, mas é algo que é um pouco mais avançado e vamos tratar em outro artigo.
Outra desvantagem é que hoje em dia as pessoas estão ficando cada vez mais acostumadas interagirem com as empresas e projetos diretamente em um único lugar. Ao invés de ter um link para o e-mail, as vezes é melhor um formulário. A troca de aplicativos e programas no clique pode ser algo que usuários não estejam acostumados.
Aplicativos de criação de formulários como o WpForms e o ContactForm7 são boas recomendações para você criar formulários no seu site WordPress.
No final das contas existem pontos positivos e negativos para esse processo.
Segue a dica:
Minha sugestão é colocar link pelo menos para o telefone pois para muitos negócios pode ser algo bem interessante já que conecta diretamente com o aplicativo de ligação nos celulares.
Se você gostou desse artigo sobre como adicionar links para telefone ou e-mail no WordPress, então aproveite para se inscrever em nosso canal no YouTube para mais tutoriais como esse. Também estamos ativos no Facebook e no Google +!
Divirta-se!
Comments (28)
Leandro Francisco
20/12/2018exelente, muito obrigado
André Lug
20/12/2018Fico feliz que tenha ajudado Leandro! Um abraço
Andréa Nunes
11/01/2019Sim, excelente conteúdo. Por favor, vc sabe como faço para criar o link em um botão para o formulário de contato que está na página Fale Conosco??
Obrigada!
André Lug
11/04/2019Olá Andréa, obrigado pelo comentário 🙂
Olha, depende muito de como está configurado o seu website e qual o editor (visual ou código) que está sendo utilizado.
Se for o estilo código, talvez esse formato seja útil:
[texto do link]
Um abraço!
Giovanna Gross
11/04/2019Olá, estou fazendo isso no programa Canva, e ele não reconhece isso como hiperlink. Eu até coloquei “http://” antes para que ele reconhecesse como URL… ele encaminhou para o e-mail, porém não cai direto em uma “nova mensagem” para a pessoa que eu redirecionei no “mailto:”. Como posso proceder?
André Lug
11/04/2019Oi Giovanna,
obrigado pelo comentário. Talvez o Canva não tenha esse tipo de funcionalidade. Em geral, quando criamos um link nas ferramentas gerais, basta adicionar mailto:[email protected] e ele dá certo.
Um abraço
tassia
23/10/2019Giovanna conseguiu no Canva? estou tentando e nada
Geovane Almeida Nepomuceno
11/04/2019Amigo excelente conteúdo…
só uma detalhe… na sua bio…
Você colocou…
Olá, eu sou o André! Criei a Iglu para ajudar designers e desenvolvedores nas suas jornadas para uma vida de conhecimento, propósito e diversão. Divita-se!
Corrigir “Divirta-se!”
Valeu!
André Lug
11/04/2019Opa Geovane! Gratidão imensa por apontar esse erro de digitação e pelo comentário.
Um abraço,
André
Divirta-se!
Adiler Bertagna
11/04/2019valew, me ajudou a criar o link para telefone
André Lug
11/04/2019Fico feliz que tenha ajudado Adiler 🙂 Obrigado pelo comentário
Leonardo Santi
06/04/2020Oi André, tudo jóia?
Sabe me dizer se há alguma outra forma para inserir o número do telefone porque pelo Canva não aceita o formato tel:+5599999999… muito obrigado abraço
André Lug
06/04/2020Oi Leonardo, tudo bem por aqui e com você?
Olha, não sei exatamente como pensa em inserir no Canva pois lá você apenas exporta os arquivos como imagem ou como pdf (até onde eu sei) e não há como adicionar links. Se não é bem assim, me conta pois vou lá conferir. No entanto, no caso de HTML (que é o formato lido pelos navegadores) você adiciona um link direto para telefone dessa maneira mesmo. Uma alternativa no seu caso se quiser é tentar fazer um link direto para o whatsapp. Por exemplo com essa ferramenta: https://www.convertte.com.br/gerador-link-whatsapp/ e tentar ver se no seu caso aceita.
Depois me conta se deu.
Meiriana Almeida
11/04/2019me ajudou caro amigo! valeu, muito boa também sua pagina no facebook!
curta https://www.facebook.com/enlaceweb.oficial/
André Lug
11/04/2019😀 Que bom que gostou Meiriana! Estamos sempre com novidades. Bacana a sua página também! Grande abraço
Patricia Pereira Machado
28/05/2019CÓDIGO PARA CRIAR LINK DE ligação
André Lug
30/05/2019Olá Patrícia, acredito que o que deseja seja o tel:+55… adicionando o número junto com o DDD sem espaços e sem traços.
Lisandra Coelho
31/05/2019Muito bom o conteudo muito obrigado pelas dicas vou compartilhar com os meus amigos
Muito obrigado!
André Lug
02/06/2019Olá Lisandra, fico feliz que tenha gostado 🙂 Agradeço muito o compartilhamento!
Um abraço!
Nathan
01/06/2019[número de telefone escondido] podem chamar
Preciso de muitas orientações
Haiany Rodrigues Pereira
08/01/2020Obrigada!!!! super me ajudou! Bem simples e fácil de usar, sucesso a você.
André Lug
09/01/2020Olá Haiany, obrigado pelo retorno 🙂 Sucesso para ti também!
Bélit
09/04/2020Amei o post!!! Já estou seguindo o blog a um tempo e cada post é maravilhoso 🙂
André Lug
21/04/2020Agradeço Bélit 🙂 Se tiver algum conteúdo específico que gostaria de ver por aqui não deixe de me falar!
Rodrigo Cruz Farias
01/06/2021kkkkk pelo sinal de “+” que não estava conseguindo.
OBRIGADO !!!!
André Lug
09/06/2021Hahaha boa Rodrigo!
Um abraço
Luis Fernando Faix
11/11/2021Top, deu certinho em meu site
André Lug
06/12/2021Valeu Luis! Fico feliz que deu certo!
Um abraço