Como criar um botão de chamada para ação no WordPress

Um botão de chamada para ação (CTA) é um elemento clicável em um site que leva os usuários a realizar ações específicas, como comprar, assinar um serviço, inscrever-se em boletins informativos, fazer download de e-books etc.

Há várias maneiras de adicionar botões de CTA a um site. Nesta publicação, mostraremos várias maneiras fáceis de criar um botão de call to action no WordPress que prenda os usuários.

Criar mesas bonitas
Com o Block Editor

Método 1: Usando o bloco de botões

O WordPress oferece um bloco padrão de botões com o qual você pode criar botões de CTA.

Abra um post ou uma página. Localize e adicione o padrão Bloco de botões no editor de blocos e para o editor de posts ou páginas.

Adicionar o bloco de botões ao WordPress

Depois que o bloco for adicionado, coloque o cursor sobre o botão e digite sua cópia da CTA (1). Então, alterar seu alinhamento (2) onde você deseja colocá-lo. Por fim, adicione seu destino link para o botão (3).

Digite a cópia da CTA e adicione o link

Selecione o bloco de botões novamente colocando o cursor sobre ele. Você verá as opções de personalização aparecerem na barra lateral direita. Você verá a opção Configurações e Estilos aba lá.

Usando essas duas guias, você pode alterar o tamanho do botão, a cor de fundo do botão, a cor do texto, a tipografia etc.

Personalizar o bloco de botões do Gutenberg

Method 2: Using the Ultimate Blocks Plugin

Blocos definitivos é um popular plugin de blocos do Gutenberg com mais de 25 blocos personalizados maravilhosos e úteis do Gutenberg. Esse plugin também permite que você crie e adicione botões de CTA ao seu site com muitos recursos avançados.

Navegue até Plug-ins > Adicionar novo plug-in. Tipo Blocos definitivos na caixa de pesquisa no canto superior direito. Instalar e ativar o plug-in depois que ele aparecer abaixo.

Instale e ative o plug-in Ultimate Blocks

Abra o editor do Gutenberg novamente e digite Botão ou Botão (aprimorado) na caixa de pesquisa. Clique no respectivo bloco do editor marcado na imagem abaixo.

Adicione o botão de CTA do Ultimate Blocks ao seu site

Seguindo os mesmos métodos acima, adicione o texto, o link e o alinhamento de CTA desejados ao botão.

Adicionar cópia, link e alinhamento

Vá para a barra lateral direita. Você terá mais opções do que o bloco de botões padrão. Na seção Configurações você pode personalizar a justificação, a orientação, o tamanho e a largura do botão. 

Você também pode adicionar um ícone, alterar sua posição e ocultar o bloco de botões para determinados dispositivos.

Personalizar configurações

Em seguida, aterrisse no Guia Estilos. Você pode alterar o raio do botão, tornar o botão transparente, a cor do botão, a cor do texto, a cor do mouse e o tamanho de sua dimensão.

Estilizar o botão

Método 3: Usando o plug-in Tableberg

Se você quiser adicionar botões de CTA a tabelas, o plugin Tablegerg o ajudará a fazer isso. Com o plug-in, você pode criar tabelas maravilhosas e versáteis, adicionando vários blocos a elas.

Instalar e ativar o Mesa da mesma forma como mostrado acima.

Instale e ative o plug-in TableBerg

Vá para sua postagem. Adicione o Bloco Tableberg ao editor. Adicione o Bloco TableBerg a ele.

Adicionar o bloco TableBerg

Defina os números de linha e coluna conforme sua necessidade.

Definir o número da linha e da coluna

Comece a adicionar conteúdo às suas linhas e colunas. Depois de selecionar qualquer célula, você poderá adicionar diferentes tipos de blocos a ela. Você pode ver que já adicionamos algum conteúdo de texto e imagem nas colunas da esquerda e do meio.

Adicionaremos um botão de CTA à sua coluna da direita. Selecione uma célula na coluna e escolha a opção Bloco de botões.

Adicione o bloco de botões à tabela

Agora, da mesma forma, adicione uma cópia ao botão. Além disso, personalize-o na seção Estilos na barra lateral direita. 

Você pode personalizar a cor do botão, a cor do plano de fundo, a cor do mouse, a tipografia, o raio da borda etc.

Adicione uma cópia do botão e personalize-a

Nota de acabamento

Portanto, agora você sabe como é simples criar botões de call-to-action no WordPress. Mas lembre-se de que criar um botão não é suficiente. Você deve dar a ele uma aparência cativante e exibi-lo nos locais certos para que ele possa atrair a atenção das pessoas e ajudá-lo a gerar conversões.

Aprender como criar uma tabela de comparação no WordPress.



A equipe do Tableberg