Como Adicionar um Botão de Clique para Ligar no WordPress (Passo a Passo)

Adicionar um botão de clique para ligar em seu site facilita para os usuários entrarem em contato com você de seus smartphones, levando a um melhor engajamento e maiores conversões.

Gerenciamos várias lojas online e negócios que se comunicam com clientes diariamente. Isso nos ensinou as melhores maneiras de ajudar empresas a se conectarem com seus usuários por telefone, e-mail e online.

Na verdade, desenvolvemos o primeiro plugin apresentado neste tutorial porque vimos uma necessidade crescente de uma solução de clique para ligar simples e eficaz.

Neste artigo, mostraremos como adicionar facilmente um botão de clique para ligar em seu site WordPress.

Por que adicionar um botão de clique para ligar no WordPress?

Muitos sites de pequenas empresas dependem de clientes para contatá-las para orçamentos, informações pré-venda ou suporte.

É por isso que recomendamos adicionar um formulário de contato para todos os proprietários de sites.

No entanto, dependendo do setor, alguns usuários podem querer falar com uma pessoa imediatamente.

Com o aumento do tráfego da web móvel em todo o mundo, os usuários geralmente acham mais conveniente simplesmente tocar para ligar e obter as informações de que precisam.

Além disso, adicionar um botão de clique para ligar também pode melhorar seu SEO tornando seu site WordPress mais amigável para dispositivos móveis

Se você está apenas começando um negócio, recomendamos procurar um serviço de telefone profissional para empresas para que você possa encaminhar chamadas, compartilhar números com funcionários e atender chamadas usando seu celular de qualquer lugar (em vez de um telefone fixo).

Dito isso, vamos dar uma olhada em como adicionar facilmente um botão de clique para ligar no WordPress:

• Método 1: Adicionar um Botão de Ligar Agora no WordPress
• Método 2: Adicionar Manualmente o Botão de Clique para Ligar no WordPress
• Adicionando um Link de Clique para Ligar aos Menus de Navegação do WordPress
• Bônus: Adicionar um Chatbox do WhatsApp no WordPress
• Tutorial em Vídeo

Método 1: Adicionar um Botão de Ligar Agora no WordPress

Este método é mais fácil e recomendado para todos os usuários. Ele permite que você crie facilmente um botão de clique para ligar no Gutenberg, editor Clássico, widget de barra lateral do WordPress e até mesmo um botão de chamada flutuante fixo.

Primeiro, você precisa instalar e ativar o plugin WP Call Button em seu site. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, visite a página Configurações » WP Call Button na barra lateral de administração do WordPress para configurar as opções do plugin.

A primeira página de configurações é para o recurso mais solicitado, o Botão de Chamada Fixo, que rola com o usuário enquanto ele navega em seu site.

Este recurso altamente otimizado para conversão ajuda você a receber mais chamadas e fechar mais negócios mais rapidamente.

Você precisa começar inserindo o número de telefone comercial que deseja que as pessoas liguem.

O plugin WP Call Button usa o campo de smartphone, o que significa que você pode simplesmente selecionar seu país, e ele adicionará automaticamente o código do país no formato correto.

Em seguida, você tem a opção de adicionar o texto do botão de chamada, selecionar o posicionamento e escolher a cor do botão.

Por padrão, o plugin adicionará um botão de clique para chamar em todas as páginas e dispositivos. No entanto, você pode optar por exibi-lo apenas em páginas específicas ou apenas em dispositivos móveis.

Quando terminar, basta clicar no alternador de ativação na parte superior e, em seguida, clicar no botão ‘Salvar Alterações’ para armazenar suas configurações.

Depois disso, você pode visitar seu site para ver o botão de chamada em ação.

Se você quiser adicionar um botão de chamada estático à sua página de contato do WordPress, página sobre ou qualquer outra postagem/página, você tem duas opções.

Se você estiver usando o editor de blocos do WordPress, basta criar ou editar uma página existente.

Em seguida, clique no botão ‘Adicionar Bloco’ no canto superior esquerdo da tela para abrir o menu de blocos. A partir daqui, adicione o bloco WP Call Button à página.

O bloco WordPress Call Button vem com muitas opções de personalização, como a capacidade de personalizar a cor do botão, o texto do botão, o tamanho da fonte e a capacidade de mostrar ou ocultar o ícone do telefone.

Assim que adicionar o botão, ele permitirá que os usuários cliquem e chamem o número de telefone que você especificou na página de configurações do WP Call Button.

Após a personalização do botão, basta clicar no botão ‘Publicar’ ou ‘Atualizar’ para salvar suas configurações.

Agora, se você estiver usando o editor clássico do WordPress, você precisará usar o gerador Static Call Button para obter um shortcode.

Simplesmente vá para Configurações » WP Call Button e clique no menu ‘Static Call Button’ no topo.

Em seguida, você pode personalizar o texto e a cor do botão de chamada e escolher se deseja mostrar ou ocultar o ícone do telefone.

Depois disso, role para baixo e copie o shortcode para adicionar o botão de chamada a uma página ou postagem.

Em seguida, abra a página ou postagem onde você deseja adicionar o botão e cole o shortcode nela.

Você adicionou com sucesso o botão de chamada no editor clássico.

O plugin WP Call Button também permite que você adicione o botão de chamada na barra lateral do seu site usando o bloco de widget da barra lateral.

Para fazer isso, você precisa visitar a página Aparência » Widgets na área de administração do WordPress e clicar no botão ‘+’ para abrir o menu de blocos.

A partir daqui, adicione o bloco WP Call Button à sua área pronta para widgets.

Em seguida, você pode personalizar ainda mais a aparência do seu botão de chamada a partir do painel de blocos à sua direita.

Por exemplo, existem opções para alterar o tamanho do botão, ocultar o ícone do telefone, alinhar o botão ao centro e editar as cores de fundo e do texto.

Quando você fizer as alterações, não se esqueça de clicar no botão ‘Atualizar’.

Depois de ler isto, você provavelmente pode ver por que o botão WP Call é, de longe, o plugin de botão click-to-call mais fácil e completo para WordPress no mercado.

A melhor parte é que é 100% gratuito e tem integração perfeita com o Google Analytics.

Tudo o que você precisa fazer é usar o plugin MonsterInsights, e ele rastreará automaticamente quantas pessoas clicam no seu botão de chamada e quais páginas estão gerando mais leads, para que você possa se concentrar no que está funcionando para expandir seus negócios mais rapidamente!

Método 2: Adicionar Manualmente o Botão de Clique para Ligar no WordPress

Este método permite que você adicione manualmente botões e links click-to-call em qualquer lugar do seu blog WordPress.

A maneira mais fácil de adicionar um número de telefone clicável ao seu site é adicioná-lo assim:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<a href="tel:+15555551212">+1 (555) 555-1212</a> 

<a href="tel:15555551212">Call Me</a>

Esses links abrirão o aplicativo de telefone em dispositivos móveis. Em computadores desktop, usuários de Mac verão uma opção para abrir o link no Facetime, enquanto usuários de Windows 10/11 verão a opção para abri-lo no Skype.

Você também pode usar HTML para adicionar uma imagem ou um ícone ao lado do texto do link click-to-call.

Vamos dar uma olhada em como fazer isso.

Primeiro, você precisa visitar a página Mídia » Adicionar Nova e fazer o upload da imagem que deseja usar. Após fazer o upload da imagem, você deve clicar no link ‘Editar’ para prosseguir.

Isso o levará para a tela de edição de mídia, onde você terá que copiar o URL do arquivo. Você precisará dele na próxima etapa.

Agora você pode editar a postagem, página ou widget de HTML personalizado onde deseja exibir o ícone do telefone click-to-call. Na área de edição, você pode agora adicionar a imagem do ícone do telefone envolvida dentro do link tel:.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

Assim que terminar, você pode visitar seu site para ver o link de clique para chamar com a imagem que você carregou.

Você pode personalizar ainda mais isso adicionando mais texto antes ou depois do link e usando CSS personalizado para estilizar.

É assim que fica em nosso site de demonstração.

Adicionando um Link de Clique para Ligar aos Menus de Navegação do WordPress

Você também pode adicionar o link de clique para ligar ao seu menu de navegação do WordPress.

Simplesmente visite a página Aparência » Menus e clique na aba de links personalizados na coluna da direita. Agora você pode adicionar o número de telefone no campo de link no seguinte formato:

tel:+155555555

Depois disso, adicione o texto que você deseja exibir e clique no botão ‘Adicionar ao menu’.

Em seguida, visite seu site para ver seu link de clique para ligar em ação.

No entanto, se você estiver usando um tema baseado em blocos, você terá que visitar a página Aparência » Editor na barra lateral de administração do WordPress.

Isso iniciará o editor completo do site, onde você terá que selecionar ‘Cabeçalho’ como a parte do modelo que deseja editar.

Depois disso, você será levado para a próxima tela, onde o cabeçalho do seu WordPress será exibido.

A partir daqui, clique no ícone ‘Editar’ para começar a personalizar seu menu de navegação.

Em seguida, clique no botão ‘+’ no seu menu de navegação para abrir o prompt ‘Adicionar link’.

Aqui, simplesmente digite seu número de telefone e pressione o botão ‘Enter’ para adicioná-lo ao menu de navegação.

Depois de fazer isso, você pode alterar seu rótulo no painel de blocos no canto direito da tela.

Finalmente, clique no botão ‘Salvar’ no topo para armazenar suas configurações.

Agora os usuários que clicarem no link ‘Ligue para mim’ no seu menu de navegação poderão entrar em contato com você.

Bônus: Adicionar um Chatbox do WhatsApp no WordPress

Se você não tem tempo para atender chamadas de clientes, pode adicionar uma caixa de chat simples do WhatsApp em seu site, onde os visitantes podem deixar suas mensagens. Você pode então responder a eles por texto em vez de por chamada.

Isso pode ser benéfico para consultas de clientes, pois mais de 2 bilhões de pessoas usam o WhatsApp para mensagens.

Para adicionar uma caixa de chat do WhatsApp, você deve instalar e ativar o plugin Click to Chat. Para mais detalhes, você pode consultar nosso guia para iniciantes sobre como instalar um plugin do WordPress.

Após a ativação, basta visitar a aba de menu Click to Chat no painel do WordPress e inserir o número de telefone da sua empresa. Este será o número onde você receberá mensagens dos usuários.

Você pode então personalizar a caixa de chat e escolher os posts ou páginas onde deseja exibi-la para os clientes. Assim que terminar, basta visitar o editor de blocos e adicionar o shortcode para a caixa de chat do WhatsApp.

Depois disso, clique no botão ‘Update’ ou ‘Publish’ para salvar suas configurações.

Agora você adicionou com sucesso uma caixa de chat do WhatsApp onde os usuários podem deixar mensagens se não quiserem atender uma ligação.

Para instruções mais detalhadas, você pode ver nosso tutorial sobre como adicionar caixa de chat e botão de compartilhamento do WhatsApp no WordPress.

Tutorial em Vídeo

Se você não gosta de instruções escritas, pode assistir ao nosso tutorial em vídeo:

Esperamos que este artigo tenha ajudado você a aprender como adicionar um botão de clique para ligar no WordPress. Você também pode querer ver nosso guia para iniciantes sobre como criar um endereço de e-mail comercial gratuito ou nossa seleção especializada dos melhores plugins de marketing por SMS.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.