Tentando tornar um número de telefone clicável no WordPress?

Tornar seus números de telefone clicáveis é uma ótima maneira de aumentar o número de chamadas telefônicas que você pode gerar a partir do seu site.

Isso reduz a fricção para as pessoas que desejam ligar para o seu negócio, eliminando a necessidade de digitar manualmente o número de telefone. Além disso, também elimina a possibilidade de cometer um erro de digitação e ligar acidentalmente para o número errado.

Mas se você já tentou colar seu número de telefone no seu site, provavelmente percebeu que ele não é clicável por padrão.

Não se preocupe! Existe uma maneira rápida e fácil de tornar os números de telefone clicáveis em qualquer lugar do seu site WordPress.

Neste post, você aprenderá como usar esse método para adicionar um número de telefone clicável em apenas alguns segundos, além de algumas melhores práticas e plugins do WordPress que você pode usar para aprimorar como o seu site trata os números de telefone.

Quer mais dicas? Receba notificações de novas publicações por e‑mail.

Neste artigo:

Como tornar um número de telefone clicável com tel: (funciona em qualquer lugar no WordPress)

Aqui está a maneira mais rápida de tornar um número de telefone clicável no WordPress – continue lendo para obter instruções mais detalhadas:

Abra o editor para a parte de conteúdo onde você deseja adicionar um número de telefone clicável – pode ser um post, página, barra lateral, rodapé, menu, etc.
Adicione seu número de telefone em texto simples, se ainda não o fez.
Destaque o número de telefone em texto simples e clique no ícone de link para inserir um link.
No campo do link, digite tel: seguido do seu número de telefone, sem espaços ou traços. Por exemplo – tel:1131234567
Pressione Enter para inserir o link
Publique as alterações no seu site

Agora, vamos analisar esse processo com mais detalhes…

Como tornar um número de telefone clicável no editor do WordPress

Se você deseja adicionar um número de telefone clicável ao conteúdo que está criando com o editor do WordPress, a maneira mais simples é adicionar um hiperlink usando um formato especial – tel:.

Usaremos o editor e os blocos do WordPress como exemplo (mas você pode usar a mesma abordagem com o antigo editor clássico TinyMCE).

Neste exemplo, vamos supor que este seja o seu número de telefone:

11 3123-4567

Primeiro, adicione o número de telefone diretamente ao conteúdo onde você deseja que seu número de telefone clicável seja exibido. Você pode adicioná-lo em qualquer lugar da página, inclusive como parte de outro conteúdo. Usaremos um bloco de Parágrafo regular para este exemplo.

Aqui está como pode ficar:

Em seguida, selecione o número de telefone em texto simples e clique no ícone de link para inserir um link – assim como você estivesse adicionando um link para outro site ou outra página do seu site.

Adicione o número de telefone usando o seguinte formato – sem traços entre os números:

tel:[numerodetelefone]

Por exemplo:

tel:1131234567

Depois de adicionar o número de telefone, pressione Enter.

E é isso! Você acabou de adicionar um número de telefone clicável.

Certifique-se de Publicar ou Atualizar a página.

Em seguida, os usuários podem clicar no número de telefone para fazer uma ligação.

Se você precisar incluir o código do país internacional para o número de telefone, pode incluir um ícone + após tel:

Por exemplo:

tel:+551131234567

Também vale ressaltar que você não precisa usar o número de telefone como texto visível. Você pode usar o formato tel: para criar um widget de chamada telefônica clicável usando qualquer bloco que permita links.

Por exemplo, você pode usar o bloco de Botões para adicionar um botão “Ligue Agora”. Se você vincular esse botão a tel:1131234567, os usuários poderão clicar no botão para fazer uma ligação telefônica.

No entanto, a desvantagem dessa abordagem é que o número de telefone real não será visível para os usuários até que eles cliquem no botão.

Como tornar um número de telefone clicável no rodapé ou barra lateral do WordPress

Além de usar esse método para tornar os números de telefone clicáveis no editor regular do WordPress, você também pode usar a mesma abordagem para tornar os números de telefone clicáveis em qualquer área de widget do seu site.

Na maioria dos temas, isso permite que você adicione números de telefone clicáveis ao rodapé e/ou à barra lateral do seu site.

Aqui está como fazer isso:

Abra o seu Painel do WP.
Vá para Aparência → Widgets (se estiver usando um tema com essa opção).
Selecione a área de widget à qual você deseja adicionar o número de telefone clicável. As áreas disponíveis dependem do seu tema, mas geralmente você verá opções como “Barra lateral” e “Rodapé”.
Adicione o seu número de telefone a um bloco de Parágrafo.
Siga as instruções acima para adicionar o link usando o mesmo formato tel:1131234567.

Como adicionar um número de telefone clicável aos menus do WordPress

Além dos métodos acima, você também pode ter situações em que deseja adicionar um número de telefone clicável ao menu do seu WordPress.

Você pode fazer isso usando o mesmo formato tel:, mas adicionará o link de uma maneira diferente:

Abra o seu Painel do WP.
Vá para Aparência → Menus.
Escolha Links Personalizados em Adicionar itens de menu.
Insira o mesmo formato tel: acima na caixa URL – por exemplo, tel:7178675309
Insira o texto clicável na caixa Texto do link – isso pode ser um CTA (“Ligue agora”) ou o próprio número de telefone.
Clique no botão Adicionar ao menu.
Se necessário, use o arrastar e soltar para alterar a localização do seu número de telefone clicável no menu.
Clique em Salvar Menu para salvar as alterações.

Observação – se você não vê a área Aparência → Menus no seu Painel do WP, isso significa que você pode estar usando um tema habilitado para blocos. Nesse caso, você precisará usar o Editor de Site – aqui estão as instruções completas para usar o Editor de Site.

Como tornar um número de telefone clicável com HTML

Se você precisa adicionar um número de telefone clicável a uma área que não é coberta pelas instruções acima, você pode usar HTML personalizado.

Por exemplo, você pode adicionar um número de telefone clicável diretamente nos arquivos de modelo do seu tema. Ou, você pode usar isso para adicionar um número de telefone clicável a um site que não seja do WordPress.

Aqui está o código HTML que você precisará:

<a href="tel:1131234567">11 3123-4567</a>

Ou, para adicionar o código do país internacional, você pode usar este HTML:

<a href="tel:+551131234567">+55 11 3123-4567</a>

Como tornar um número de telefone clicável com um plugin do WordPress

Se você deseja mais flexibilidade, também pode tornar um número de telefone clicável usando um plugin do WordPress.

Além de oferecer uma solução ainda mais simples, algumas das vantagens de usar um plugin de número de telefone clicável do WordPress são as seguintes:

Botões de ligação agora – em vez de apenas listar o número de telefone em texto simples (ou além de fazer isso), você pode criar um botão “Ligar Agora” clicável que aparece em dispositivos móveis. Os usuários podem clicar nesse botão para ligar para o seu negócio.
Integrações com aplicativos de mensagens – você também pode criar botões que permitem que os usuários liguem para você em aplicativos de mensagens como WhatsApp e Signal, em vez de usar o serviço de celular.
Regras de segmentação – você pode fazer com que o seu botão de ligação agora apareça apenas em determinado conteúdo ou para determinados tipos de visitantes (por exemplo, mostrando-o apenas para pessoas que estão navegando em um telefone celular). Alguns plugins até permitem que você mostre/oculte o seu número de telefone com base no país do usuário (ou use um número diferente dependendo do país do usuário). Ou, você pode mostrar o botão apenas durante o seu horário de funcionamento.
Análises – você pode integrar rastreamento de análises para ver quantas pessoas clicam no seu número de telefone. Isso deve se correlacionar aproximadamente com quantas pessoas ligam para o seu negócio, embora nem todas as pessoas que clicam no seu botão de ligação agora realmente façam uma ligação.

Aqui estão alguns dos plugins de botão de ligação agora mais populares do WordPress:

Vamos mostrar como configurar as coisas usando o plugin Call Now Button porque ele é gratuito e a opção mais popular. No entanto, a ideia básica será a mesma para todos esses plugins.

Se você deseja instalar um plugin de número de telefone, você precisa estar usando pelo menos o plano WordPress.com Creator. Se você estiver usando o plano gratuito do WordPress.com ou um plano mais barato, você deve seguir o método acima, que funciona em todos os planos.

Como criar um botão de ligação agora no WordPress

Call Now Button é um dos plugins de botão de ligação do WordPress mais populares. Em vez de tornar um número de telefone clicável, ele adiciona um botão “Ligar Agora” que os usuários podem clicar para ligar para o seu número de telefone.

Para exibir esse botão “Ligar Agora”, você pode escolher entre alguns métodos diferentes. Aqui estão alguns exemplos:

Ele tem uma versão gratuita que deve funcionar para a maioria dos sites. Também há uma versão premium opcional que adiciona mais funcionalidades, como a capacidade de mostrar o botão de ligação agora apenas durante o horário comercial e/ou usar um número de telefone diferente dependendo do país de onde a pessoa está navegando.

Aqui está como usá-lo…

Instale o plugin

Para começar, instale a versão gratuita do plugin Call Now Button no seu site.

Novamente, você precisa estar usando pelo menos o plano WordPress.com Creator para instalar plugins personalizados como o Call Now Button.

Se você não sabe como instalar um plugin, confira nosso guia completo sobre como usar plugins do WordPress.

Personalize os conceitos básicos do seu botão

Depois de ativar o plugin, clique no novo menu Call Now Button no seu Painel do WP.

Na guia Basic (Básico), faça o seguinte:

Ative o botão usando o interruptor Button status (Status do botão).
Insira o seu número de telefone na caixa Phone Number (Número de telefone) sem espaços ou traços. Se você só tiver chamadas locais, não precisa usar o código do país e pode simplesmente inserir o número como 1131234567. Se você quiser permitir que números estrangeiros liguem, você deve adicionar o sinal de mais e o código do país – por exemplo, +551131234567.
Se você quiser incluir texto ao lado do ícone de telefone, insira esse texto na caixa Button text (Texto do botão). Ou, deixe em branco para mostrar apenas o ícone.
Clique em Save Changes (Salvar Alterações).

O seu botão “Ligar Agora” agora estará ativo.

Você pode abrir o front end do seu site para ver como ele fica. Observe – por padrão, o botão Ligar Agora só aparecerá para visitantes móveis. Portanto, se você abrir seu site em um dispositivo desktop, não verá o botão (embora você possa alterar esse comportamento).

Personalize o estilo do seu botão

Se você deseja alterar a aparência do seu botão “Ligar Agora”, você pode ir para a guia Presentation (Apresentação) para fazer os seguintes ajustes:

Alterar a cor do botão.
Alterar a cor do link.
Escolher uma posição diferente para o botão – canto direito, canto esquerdo ou centro. Você também pode escolher “rodapé completo” para transformá-lo em uma barra inferior.
Ativar o botão para visitantes de desktop – o comportamento padrão é torná-lo visível apenas para visitantes móveis.
Usar a caixa Limit appearance (Aparência limitada) para mostrar o botão apenas em determinado conteúdo ou excluir determinado conteúdo do botão. Você pode segmentar diferentes partes do conteúdo usando o ID do conteúdo.
Escolher se deseja ou não mostrar o botão na página inicial do seu site.

Acesse configurações avançadas

Além das opções acima, o plugin também inclui uma área de configurações separada que você pode acessar indo para Call Now Button → Settings (Botão Ligar Agora → Configurações).

Uma das características mais notáveis aqui é a capacidade de adicionar rastreamento de cliques no Google Analytics. Isso permitirá que você veja quantas pessoas clicam no seu botão “Ligar Agora”, o que deve se correlacionar aproximadamente com quantas pessoas estão ligando para o seu negócio.

Você também pode alterar o tamanho do botão.

Melhores práticas para números de telefone clicáveis

Neste ponto, você deve ter uma ideia bastante clara de como tornar um número de telefone clicável em diferentes áreas do seu site WordPress.

No entanto, para garantir que você esteja usando essa nova habilidade de maneira ideal, você deve seguir algumas melhores práticas para números de telefone clicáveis.

Preste atenção ao design para dispositivos móveis (torne os números de telefone “tocáveis”)

A maioria das pessoas que usarão os números de telefone clicáveis em seu site estará navegando em smartphones.

Portanto, é importante que você implemente um design responsivo para dispositivos móveis. Mais especificamente, você vai querer garantir que seus números de telefone sejam fáceis para os visitantes “tocarem” com os dedos, já que eles geralmente não têm a precisão de um mouse ou trackpad.

Idealmente, você deseja que os usuários possam clicar no seu número de telefone sem precisar fazer zoom.

Se você estiver usando um botão de chamada ou algum outro elemento grande, talvez não precise fazer nenhum trabalho. Mas se você quiser tornar o próprio número de telefone clicável, você pode tentar implementar as seguintes práticas:

Aumente o tamanho da fonte para 18 px idealmente, ou 16 px no mínimo.
Aumente a altura da linha para aumentar o espaçamento entre as linhas. Aponte para 1,2 no mínimo.
Não inclua outros links clicáveis perto do seu número de telefone, pois isso pode fazer com que os usuários cliquem no elemento errado.

Você também pode considerar colocar seu número de telefone em um contêiner para dar mais espaçamento. O Google tem um ótimo guia sobre como implementar isso e outras estratégias mais avançadas.

Coloque números de telefone em locais de fácil acesso

Para facilitar para os visitantes encontrarem seus números de telefone, você também deve garantir que esteja colocando números de telefone clicáveis em locais de fácil acesso.

Aqui estão algumas áreas boas para considerar colocar seu número de telefone:

Cabeçalho
Página de contato
Rodapé

Você também pode experimentar colocá-lo na barra lateral do seu site. No entanto, lembre-se de que a barra lateral do seu site aparecerá abaixo do conteúdo principal para a maioria dos visitantes móveis, o que significa que muitos de seus visitantes podem não ver o número de telefone.

O mesmo vale para colocar seus números de telefone no rodapé do seu site.

Use formatação e estilo para aumentar a visibilidade

Além de usar tamanho de fonte e altura de linha para tornar seus números de telefone mais clicáveis, você também pode experimentar outras mudanças de estilo e formatação para aumentar a visibilidade de seus números de telefone.

Por exemplo, você pode usar uma cor de texto diferente para destacar o número de telefone. Ou, você pode colocar seu número de telefone em um botão em vez de texto simples.

Além de chamar a atenção para o número de telefone, usar um botão também ajuda a comunicar aos visitantes que é um elemento clicável.

Conclusão

Se você deseja incentivar os visitantes do site a ligar para o seu negócio, adicionar um número de telefone clicável é uma ótima maneira de reduzir o atrito e garantir que os visitantes liguem para o número correto.

A maneira mais fácil de tornar os números de telefone clicáveis é adicionar um link regular usando o formato especial tel:[númerodetelefone].

Você pode usar isso para adicionar números de telefone clicáveis em blocos, em menus, em widgets, no editor clássico TinyMCE e praticamente em qualquer outro lugar.

Se você deseja funcionalidades mais avançadas, também pode considerar um plugin de botão de chamada do WordPress. Apenas lembre-se de que, embora o método “tel:[númerodetelefone]” funcione com qualquer plano do WordPress.com, você precisará pelo menos do plano WordPress.com Creator para instalar um plugin de botão de chamada.

É isso! Agora você sabe como tornar um número de telefone clicável em seu site, e os visitantes do seu site podem ligar facilmente para entrar em contato.

Quer mais dicas? Receba notificações de novas publicações por e‑mail.