Como Adicionar Botões de Chamada para Ação no WordPress (Sem Código)

Todos os dias, potenciais clientes visitam seu site WordPress. Eles leem seu conteúdo, conferem seus serviços e podem estar genuinamente interessados.

Mas então eles saem sem tomar nenhuma atitude – sem inscrição por e-mail, sem compra, sem envio de formulário de contato.

O que está acontecendo é simples: seus visitantes não sabem o que você quer que eles façam a seguir. Botões de chamada para ação resolvem esse problema, dando direção clara às pessoas que já estão engajadas com seu conteúdo.

Usamos essa abordagem no WPBeginner para guiar os leitores em direção aos nossos serviços profissionais e guias úteis, e isso fez uma grande diferença em nossas taxas de conversão.

É por isso que reunimos este guia completo sobre como adicionar botões de chamada para ação ao seu site WordPress sem nenhum conhecimento de codificação necessário.

Adicionando Botões em Posts e Páginas do WordPress (Passo a Passo)

O WordPress torna super fácil adicionar botões com um bloco de Botão integrado. É um recurso que foi introduzido com o editor de blocos Gutenberg do WordPress.

Mostraremos várias maneiras de adicionar botões de chamada para ação a posts e páginas de blog do WordPress. Você pode escolher a solução que melhor atende às suas necessidades.

Sinta-se à vontade para usar o índice abaixo para navegar por este artigo facilmente:

• Como Adicionar Botão de Chamada para Ação no Editor de Blocos do WordPress
• Como Adicionar Botão de Chamada para Ação no Editor Clássico do WordPress
• Como Adicionar um Botão de Chamada para Ação com um Plugin do WordPress
• How to Add Click-to-Call Button in WordPress

Como Adicionar Botão de Chamada para Ação no Editor de Blocos do WordPress

Em nossa experiência, este método é fácil e recomendado para todos os usuários. Ele usa o bloco 'Botões' integrado no editor de blocos do WordPress. Se você ainda usa o editor clássico mais antigo, pode pular para a próxima seção.

Primeiro, você precisa criar uma nova postagem ou editar uma existente onde deseja adicionar um botão.

Na tela de edição da sua postagem, clique no ícone '+' e selecione o bloco Botões na seção Elementos de Layout.

Em seguida, você deverá ver o bloco de botão adicionado ao editor de conteúdo.

Simplesmente clique na área 'Adicionar texto...' e insira o texto do seu botão.

Depois disso, clique no botão Link na barra de ferramentas para adicionar um link.

Você pode pesquisar por uma postagem ou página ou simplesmente copiar e colar um URL no campo de link.

Quando terminar, pressione 'Enter' ou o ícone 'Aplicar' para salvar seu link.

Se você quiser exibir o botão no centro, pode clicar no ícone 'Justificar' e depois selecionar 'Justificar Centro'. Você também pode alterar o alinhamento vertical do botão na barra de ferramentas.

Em seguida, você pode personalizar o estilo do seu botão e alterar as cores do texto e do fundo no painel de configurações do bloco no lado direito.

Simplesmente mude para a aba 'Estilo' nas configurações do bloco para ajustar o estilo do seu botão.

Existem três estilos de botão entre os quais você pode escolher: padrão, contorno e quadrado. Você pode experimentar cada um clicando neles e escolhendo o que parecer melhor.

A seção Configurações de Cor inclui cinco variações de cor para o fundo e o texto do botão. Não só isso, mas você também pode usar uma cor personalizada de sua preferência clicando na opção ‘Cor Personalizada’.

Assim que estiver satisfeito com o design do botão, você pode salvar sua postagem ou publicá-la para ver uma prévia ao vivo.

Veja como ficou em nosso site de demonstração.

Como Adicionar Botão de Chamada para Ação no Editor Clássico do WordPress

O editor de blocos padrão do WordPress é moderno, mais rápido e mais fácil. Alguns usuários ainda usam o antigo Editor Clássico do WordPress.

Não recomendamos o uso do editor clássico do WordPress. Ele está desatualizado e não tem recursos suficientes para os usuários criarem conteúdo incrível. Se você ainda o estiver usando, aconselhamos desativá-lo e começar a usar o editor de blocos.

Por outro lado, alguns usuários ainda podem querer usá-lo. Nesse caso, você precisará de uma solução alternativa para adicionar botões ao seu design do WordPress.

Existem três opções disponíveis para adicionar botões no Editor Clássico do WordPress:

1. Adicionar um botão no WordPress com código HTML / CSS.
2. Adicionar botões com um plugin de shortcode de botão para WordPress.
3. Adicionar um botão no WordPress sem usar shortcodes.

O primeiro é um método de codificação. Você precisará escrever código HTML / CSS e adicioná-lo ao seu site onde quer que precise de um botão. Não é amigável para iniciantes.

A segunda opção é o método mais comumente usado. Isso ocorre porque a maioria dos plugins de botão do WordPress fornece shortcodes para adicionar botões.

A terceira opção é a melhor porque permite adicionar botões facilmente às suas postagens e páginas sem ter que lembrar do shortcode.

Vamos dar uma olhada em como adicionar botões no WordPress sem usar shortcodes.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Forget About Shortcode Buttons. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Assim que você ativar o plugin, crie uma nova postagem ou edite uma existente. No editor, você verá um novo botão rotulado como 'Inserir Botão' no editor visual.

Para inserir um novo botão em sua postagem, você precisa clicar no ícone 'Inserir Botão'.

Isso abrirá uma janela pop-up onde você pode projetar seu novo botão.

Primeiro, você precisa adicionar o texto e o URL do seu botão. Conforme você adiciona o texto do botão, pode ver uma prévia ao vivo na caixa abaixo.

Em seguida, você pode adicionar uma tag nofollow ao seu link e abrir o link em uma nova aba clicando nas opções de caixa de seleção abaixo.

Depois disso, você pode selecionar um ícone para o seu botão. Se você clicar na aba 'Ícones', poderá ver os ícones que pode adicionar antes ou depois do texto em seus botões.

Esses ícones são, na verdade, fontes de ícones (aprenda como usar fontes de ícones no editor de postagens do WordPress).

Em seguida, você pode escolher a cor do texto e a cor de fundo do seu botão clicando no ícone da caixa de Cores.

Depois disso, clique no menu suspenso para escolher o estilo do botão.

Existem oito estilos de botão diferentes prontos para uso.

Da mesma forma, você também pode escolher o tamanho do botão de extra pequeno a extra grande.

Assim que estiver satisfeito com a aparência, basta clicar no botão ‘Atualizar’.

Você poderá ver seu botão como ele aparece em sua postagem, bem dentro do editor de postagens.

Você também pode definir o alinhamento do botão simplesmente selecionando o texto do botão e usando os botões da barra de ferramentas no editor clássico.

Clicar duas vezes no botão abrirá o pop-up Inserir Botão, e você poderá re-editar seu botão se desejar.

Assim que estiver satisfeito com o design, você pode publicar ou atualizar sua postagem e vê-la em ação. É assim que o botão sofisticado apareceu em nosso site de demonstração WordPress.

Como Adicionar um Botão de Chamada para Ação com um Plugin do WordPress

Às vezes, as opções básicas de botão do WordPress simplesmente não são suficientes para criar botões de call-to-action que chamem a atenção. É por isso que gostamos de usar o Ultimate Blocks – ele oferece muitas outras maneiras de personalizar seus botões.

Começar é fácil. Primeiro, instale e ative o plugin do WordPress. Você pode ler nosso guia passo a passo sobre como instalar um plugin do WordPress se precisar de ajuda.

Em seguida, abra qualquer post ou página e procure pelo bloco ‘Button (Improved)’ no seu editor.

Uma diferença fundamental do botão padrão do WordPress é a configuração ‘Responsive Control’, onde você pode ocultar ou exibir o botão em dispositivos tablet, desktop ou mobile.

Dessa forma, você pode personalizar seu call-to-action para diferentes tamanhos de tela.

Segundo, você pode adicionar um ícone personalizado ao seu botão.

Isso tornará o botão mais atraente visualmente e ajudará a destacá-lo em sua página.

Há muitas outras configurações para explorar se você optar pela versão pro. Por exemplo, você pode adicionar efeitos animados aos seus botões, tornando-os mais envolventes e notáveis para seus visitantes.

Para ver tudo o que o plugin pode fazer, dê uma olhada em nossa análise completa do plugin Ultimate Blocks.

Depois de deixar seu botão com a aparência certa, clique em ‘Publicar’ ou ‘Atualizar’ para salvar seu trabalho. Certifique-se de visualizar seu site no mobile e no desktop para que seu botão fique correto em todos os dispositivos.

Como Adicionar Botão Click-to-Call no WordPress

Além dos botões de call-to-action usuais, você também pode adicionar botões click-to-call em seu site para aumentar leads e conversões.

Um botão click-to-call é um tipo específico de botão de call-to-action que permite que seus usuários façam uma ligação telefônica para sua equipe com apenas um toque.

Usando os botões tap-to-call, os visitantes do seu site podem falar instantaneamente com sua equipe pessoalmente e obter as informações de que precisam. Seja discutindo um pedido de orçamento, informações pré-venda ou um problema de suporte, as chamadas telefônicas são rápidas.

Com o número de usuários de smartphones crescendo, adicionar botões de ligar agora é ainda mais relevante hoje em dia.

Se você não tem um telefone comercial, talvez queira considerar a aquisição de um número de telefone comercial virtual.

Dito isso, vamos ver como adicionar botões click-to-call no WordPress passo a passo.

A primeira coisa que você precisa fazer é instalar e ativar o plugin WP Call Button. Para instruções detalhadas, você pode ver nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você precisa visitar a página Configurações » WP Call Button para configurar as opções do plugin e projetar seu botão de clique para ligar.

Primeiro, você verá as configurações do botão de chamada fixo. O botão de chamada fixo é um recurso otimizado para conversão que move o botão de chamada junto com os usuários enquanto eles navegam em seu site.

Você pode começar ativando o Status do Botão Ligar Agora. Simplesmente clique no interruptor para ativá-lo.

Depois disso, você precisa inserir seu número de telefone. O WP Call Button tem um campo de número de telefone com o código do seu país. Simplesmente selecione seu país e insira o número de telefone da sua empresa.

Se você não tiver um número comercial, poderá obter um da Nextiva. É um provedor de VoIP empresarial confiável.

Em seguida, você pode editar o texto do seu botão de chamada e escolher a posição e a cor do botão de chamada.

Além disso, você pode selecionar onde exibir o botão de chamada fixo em seu site. Por padrão, ele exibe o botão de chamada em todas as páginas e em todos os dispositivos. Você pode exibir ou ocultar o botão em páginas específicas e exibi-lo apenas em dispositivos móveis.

Depois de revisar todas as opções, você pode clicar no botão ‘Salvar Alterações’ na parte inferior. Depois disso, você pode visitar seu site e ver o botão de chamada fixo em ação.

Além dos botões de chamada fixos, você também pode adicionar botões de chamada estáticos em suas páginas, posts e barras laterais do WordPress usando este plugin.

Se você estiver usando o editor de blocos do WordPress, poderá adicionar facilmente o botão de chamada em suas páginas usando o bloco WP Call Button.

Crie uma nova página ou edite uma página existente e adicione o bloco WP Call Button usando seu editor de página.

Depois disso, você pode personalizar o texto do botão, a cor do botão, a cor do texto e o tamanho da fonte, além de exibir ou ocultar o ícone do telefone.

Depois de ficar satisfeito com o design, você pode publicar ou atualizar sua página.

Se você estiver usando o editor clássico do WordPress, precisará usar o gerador de Botão de Chamada Estático para obter um shortcode.

Vá para Configurações » WP Call Button e clique no menu ‘Botão de Chamada Estático’ no topo.

Simplesmente personalize as opções do botão e, em seguida, copie o shortcode. Depois disso, você pode usar o shortcode em qualquer post ou página em seu site.

O plugin WP Call Button também permite que você adicione o botão de chamada na barra lateral do seu WordPress e em outras áreas prontas para widgets.

Simplesmente vá para Aparência » Widgets e arraste o widget WP Call Button para uma área pronta para widgets onde você deseja exibir o botão de chamada.

Agora você pode adicionar um título, uma descrição e personalizar o botão de chamada na seção Configurações Avançadas. Quando terminar, salve seu widget.

É isso! Se você quiser ver um tutorial mais detalhado, confira nosso guia passo a passo sobre como adicionar um botão de clique para ligar no WordPress.

Dica Bônus: Use um Plugin Construtor de Páginas do WordPress

Adicionar apenas um botão de chamada para ação nem sempre é suficiente. Você também pode querer personalizar a página ou postagem com uma imagem de destaque, menus e um layout personalizado.

Nesse caso, recomendamos o uso de um construtor de páginas do WordPress com arrastar e soltar, como SeedProd ou Thrive Architect.

Esses construtores de páginas ajudarão você a criar páginas de destino personalizadas com botões de chamada para ação sofisticados, exatamente como você deseja.

Faça o que fizer, é importante que você acompanhe o desempenho dos seus botões, pois adivinhar não é a melhor estratégia de crescimento para os negócios.

Recomendamos o uso de MonsterInsights. Ele possui rastreamento de eventos integrado para links de afiliados, links de saída e eventos personalizados, para que você possa ver o quão bem seus botões estão performando. Para mais detalhes, veja métricas de marketing importantes que você deve rastrear em todos os sites WordPress.

Tutorial em Vídeo

Inscreva-se no WPBeginner

Esperamos que este artigo tenha ajudado você a aprender como adicionar botões facilmente no WordPress. Você também pode querer ver nosso guia completo sobre como mostrar pré-visualização de links em tempo real no WordPress e nossas escolhas de especialistas das melhores ferramentas para criar e vender produtos digitais.

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.