Como adicionar um botão de clique para ligar do WordPress no seu site
Publicados: 2019-01-21Aqui na HeroThemes, nos esforçamos muito para criar temas e plugins de base de conhecimento WordPress de qualidade que fazem com que os visitantes do seu site não precisem ligar para você para obter ajuda.
No entanto, as pessoas ainda sempre precisarão de suporte por telefone, e também há muitos motivos de falta de suporte para facilitar a ligação dos visitantes do seu site.
Mas quando as pessoas estão navegando em um dispositivo móvel, a última coisa que você quer fazer é fazê-las digitar seu número de telefone ou tentar clicar em algum número de telefone minúsculo. Em vez disso, um botão de clique para ligar é uma opção muito melhor.
Neste post, mostraremos como você pode adicionar a funcionalidade click to call do WordPress ao seu site usando alguns plugins gratuitos simples ou seu próprio HTML. Não importa qual seja o seu nível de conhecimento técnico, você poderá acompanhar e criar um botão de clique para ligar de ótima aparência.
Você deve usar um plug-in clique para chamar ou HTML?
Usar um plugin é a maneira mais simples de criar algo que parece ótimo. Portanto, se você deseja algo que “simplesmente funcione” imediatamente, essa seria uma boa razão para seguir a rota do plug-in. No entanto, você estará limitado a exibir apenas o botão de chamada nos locais que o plug-in suporta.
Se você deseja adicionar o botão clique para ligar em qualquer lugar do seu site, ou simplesmente não gosta de usar outro plug-in, adicionar a funcionalidade clique para ligar com seu próprio HTML é quase tão simples quanto inserir um hiperlink, por isso ainda é um abordagem bastante amigável. No entanto, você provavelmente precisará adicionar algum CSS personalizado básico para torná-lo bom, o que é algo a ser lembrado.
Neste guia, mostraremos os dois métodos . Vamos começar, começando com a rota do plugin…
Abordagem 1: Use um plug-in de botão de clique para ligar gratuito do WordPress
Existem vários plugins de clique para chamar do WordPress diferentes, mas mostraremos guias passo a passo para apenas três deles:
- Barra Click To Call realmente simples – em vez de adicionar um botão autônomo, este plug-in adiciona uma barra inteira à parte inferior das telas dos visitantes móveis. Se você quiser tornar realmente óbvio/fácil para as pessoas ligarem para você, esta é uma boa opção.
- Botão Call Now – além de uma barra completa como o plug-in acima, este plug-in também permite que você use mais um botão de chamada no estilo de botão de ação flutuante.
- Call Now Button Ultimate – este plugin adiciona a mesma barra inferior de chamada agora. Mas o único é que ele permite que você defina “horas de operação” para quando estiver disponível por telefone. Fora do horário de expediente, o botão solicitará que os visitantes enviem um e-mail em vez de ligar.
Tutorial de plug-in da barra de clique para chamar muito simples
Este plugin é gratuito e está disponível no WordPress.org, então você pode instalá-lo diretamente do seu painel do WordPress acessando Plugins → Adicionar Novo .
Depois de instalar e ativar o plugin, vá para Configurações → Really Simple Click to Call para configurar o plugin. Lá, você pode:
- Ative a funcionalidade do botão clique para chamar
- Adicione um CTA de texto ao lado do botão de chamada
- Escolha o número de telefone para o qual os visitantes ligarão
- Configure as cores usadas no seu botão clique para ligar
Em seguida, salve suas alterações para ativar seu botão. Este botão aparecerá apenas para visitantes móveis, então você não o verá se estiver navegando em um computador desktop.
Aqui está um exemplo de como pode ser no celular:
Tutorial do plug-in do botão Ligar agora
Como mencionamos acima, o plug-in Call Now Button é um pouco mais flexível, pois também permite que você use um botão de ação flutuante call now além da abordagem call now bar.
Como os outros, ele está listado em WordPress.org, o que significa que você pode instalá-lo acessando Plugins → Adicionar Novo .
Depois de instalar e ativar o plug-in, vá para Configurações → Botão Chamar agora para configurar o plug-in.
No topo, você pode:
- Ative o botão
- Digite o número de telefone para o qual os visitantes ligarão
- Escolha o texto do botão ( se desejar )
Você também pode revelar mais configurações clicando no link Configurações avançadas . Isso permitirá que você altere o posicionamento, as cores, adicione rastreamento de cliques e muito mais:
Quando o botão estiver ativado, ele será exibido apenas para visitantes de dispositivos móveis, portanto, você precisará visualizá-lo em um dispositivo móvel para vê-lo em ação.
Aqui está um exemplo do nosso site da abordagem do botão de ação flutuante:
Tutorial de plug-in final do botão Chamar agora
A única coisa sobre o plug-in Call Now Button Ultimate é que você pode escolher em quais horas deseja que os visitantes possam ligar para você. Fora do horário de expediente, quando seu número de telefone não estiver disponível, você poderá exibir uma solicitação para que os visitantes enviem um e-mail.
Como os outros, você pode instalar e ativar este plugin gratuito acessando Plugins → Adicionar novo no seu painel do WordPress.
Depois de fazer isso, vá para a área Call Now Button Ultimate no painel do WordPress para configurá-lo.
Na parte superior, você pode ativar o plug-in e inserir seu número de telefone e endereço de e-mail:
Então, mais abaixo na página, você pode inserir seu horário de funcionamento e configurar o texto e as cores do botão:
Como os outros plugins, seu botão de chamada agora será exibido apenas para visitantes móveis.
Veja como fica durante o horário de funcionamento:
E aqui está o que parece fora do seu horário de funcionamento:
Abordagem 2: Botão Clique para Chamar HTML do WordPress
Como alternativa ao clique para chamar plugins do WordPress, você também pode usar seu próprio clique para chamar HTML para criar um botão. O benefício dessa abordagem é que você poderá adicionar seu botão em qualquer lugar do seu site.
Para criar esse botão, você pode simplesmente usar um hiperlink normal e envolver seu número de telefone no esquema tel:.
Aqui está o que parece - você só precisa substituir o número de telefone de exemplo pelo seu próprio e editar o texto CTA conforme necessário:
<a href="tel:+1-123-456-7890">Call HeroThemes!</a>
Isso é tudo o que há para isso!
Se desejar, você pode usar seu próprio CSS personalizado para criar um botão em vez de um hiperlink normal.
Por exemplo, você pode usar este HTML:
<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>
Em seguida, você pode adicionar algum CSS personalizado ao seu site WordPress para transformá-lo em um botão. Por exemplo:
.call-button {
color: #fff !important;
background: #0ba9d5;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
}
Você pode adicionar CSS personalizado com segurança por meio do WordPress Customizer ou de um plugin gratuito como o Simple CSS.
Lembre-se, porém. Por padrão, o botão clique para chamar HTML ficará visível para todos os visitantes, incluindo aqueles em computadores desktop.
Se você quiser mudar isso, pode usar consultas de mídia CSS para exibir o botão apenas em dispositivos móveis. Por exemplo, este snippet ocultará o botão em tamanhos de tela acima de 600px de largura:
@media only screen and (min-width: 600px) {
.call-button {
display: none;
}
}
Comece a usar o botão Click To Call do WordPress hoje mesmo!
Se você usa um plug-in ou seu próprio HTML personalizado, é fácil criar um botão clique para ligar no WordPress.
Com o botão no lugar, será mais fácil do que nunca para os visitantes de dispositivos móveis entrarem em contato com você.
Apenas lembre-se – as ligações telefônicas são pesadas em recursos humanos.
Se você deseja reduzir o número de chamadas telefônicas que recebe, criar uma base de conhecimento do WordPress ou uma seção de perguntas frequentes permite que os visitantes obtenham a ajuda de que precisam sem precisar de suporte telefônico individual. E isso pode economizar muito tempo e esforço.
Saiba como você pode começar com nosso plugin Heroic Knowledge Base, tema KnowAll ou plugin Heroic FAQs.