Os botões O bloco é um dos elementos mais importantes em um site WordPress. O botão permite que você crie botões de chamada para ação importantes para captar a atenção do seu público e orientá-lo a dar o próximo passo.
Ele também é usado para direcionar os visitantes a uma página de produto, assinar um boletim informativo ou fazer download de recursos on-line. Hoje, neste guia, discutiremos o bloco de botões e como usá-lo no WordPress, além de fornecer uma visão geral do plugin.
Criar mesas bonitas
Com o Block Editor

Como usar o bloco de botões no WordPress?
Usar o bloco Buttons é muito fácil. Ele é uma ferramenta útil para aumentar as conversões. Tudo o que você precisa saber é como usá-lo. Certifique-se de seguir o tutorial do início ao fim.
Etapa 1: Inserir o bloco de botões do WordPress
Primeiro, vá até o post ou a página em que deseja adicionar o bloco de botões.
Clique no ícone Plus “+” (Adicionar bloco) (1), digite "Botões" na caixa de pesquisa (2)e clique no botão Botão bloco (3).

Você deve inserir o nome do botão e o link para o botão depois que ele for inserido.

Aqui, você também pode selecionar como o botão funcionará. Por exemplo, você pode definir o botão para abrir um link em uma nova página, torná-lo um link patrocinado ou marcá-lo como nofollow. Depois disso, você deve clicar no botão Salvar.

Etapa 2: Personalize seu botão
Agora, adicione a largura do seu botão. Navegue até Configurações (1) > Bloquear (2) > Configurações (3) > Configurações (4). Selecione qualquer porcentagem nas configurações para selecionar a largura.

Para personalizar ainda mais seu botão, vá para a seção Estilos guia. Selecione o estilo que melhor lhe convier.

A guia Style (Estilo) tem outras opções para personalizar o botão.

- Cor: Essa função permite que você altere a cor do texto e do plano de fundo do seu botão.
- Tipografia: A tipografia permite que você selecione as fontes e o tamanho da fonte, a aparência, a altura da linha, o espaçamento entre as letras, o revestimento das letras e a decoração das letras.
- Dimensões: As dimensões permitem que você ajuste o preenchimento e a margem do bloco de botões.
- Fronteira: A opção Border permite que você adicione borda e raio de borda ao bloco de botões.
Com base na imagem acima, você já sabe o que pode ser feito usando a opção Typography. Mas essas funções estão ocultas por padrão. Portanto, para exibir essas funções, você deve clicar nos três pontos no canto superior direito e selecionar todas as opções a serem exibidas no editor.

A opção de cor permite que você altere a cor do texto e do plano de fundo do seu botão.

Se desejar, você também pode selecionar cores no seletor de cores. Vá para o plano de fundo do botão (1), selecione Color (2), clique na barra de cores (3)e escolha a cor com o seletor de cores (4).

Além disso, você pode criar uma cor gradiente para seu botão.

Você também pode colocar o texto do seu botão em negrito e itálico no editor.

Abaixo está uma demonstração de um botão que criei para você.
Se você quiser criar botões de CTA melhores, confira a Blocos definitivos. Ele tem uma coleção incrível de mais de 22 blocos para aprimorar o conteúdo e o envolvimento do WordPress.
Após todas as modificações, você deve salvar ou publicar seu post ou página.
Visão geral do bloco de botões
Deseja saber detalhes sobre o bloco Buttons? Navegue pelos acordeões abaixo. Eles contêm todos os detalhes sobre o bloco.
O que é o bloco de botões no WordPress?
O bloco Buttons é um bloco central que permite criar botões de CTA incríveis para seus posts e páginas.
É uma ferramenta simples, mas poderosa, para incentivar a interação e orientar os usuários para ações específicas, como visitar links ou preencher formulários, fazer download de qualquer recurso, comprar produtos etc.
Quais são os principais recursos do Button Block?
O bloco Buttons tem vários recursos para criar botões incríveis que se alinham com a marca de seu site. Alguns dos principais recursos estão abaixo.
- Cores personalizáveis: Escolha qualquer cor para o texto e o plano de fundo para garantir que o botão combine com o tema do seu site.
- Largura ajustável do botão: Você pode selecionar a largura dos botões nas configurações do bloco para alinhá-los ao seu conteúdo.
- Opções de fonte e alinhamento: Modifique o tamanho, o estilo e o alinhamento do texto do botão para obter um melhor impacto visual.
- Configurações de links: Adicione links aos seus botões com opções para abrir o link em uma nova guia ou adicionar atributos rel como "nofollow".
- Botão Gradiente: Você pode criar uma cor gradiente para o plano de fundo do botão para que ele tenha uma aparência excepcional.
Quais são os recursos da barra de ferramentas do bloco de botões?
A barra de ferramentas que aparece quando você seleciona o Button Block oferece acesso rápido a ferramentas essenciais de personalização:

- Estilos de botões: Permite que você selecione estilos de botão diretamente no editor.
- Arrastar: Você pode arrastar e soltar o bloco específico em qualquer lugar do editor.
- Alças móveis: Permite que você mova seu bloco para a esquerda e para a direita.
- Alinhar: Align permite que você defina o alinhamento como nenhum, largura ampla e largura total.
- Justificativa do item de alteração: Ele permite que você ajuste a posição do botão para Esquerda, Centro, Direita e Espaço entre itens.
- Alterar o alinhamento vertical: Com essa opção, você pode alterar o alinhamento vertical do botão para a parte superior, o meio, a parte inferior e esticá-lo para preencher.
- Texto de alinhamento: Essa opção está disponível quando você adiciona texto ao botão. Você pode alinhar o texto à esquerda, à direita e ao centro.
- Link: Permite que você adicione um link ao seu botão.
- Negrito: Você pode colocar o nome do arquivo exibido em negrito usando a opção.
- Itálico: Ele permite que você coloque em itálico o nome do arquivo exibido.
- Opções de bloco: A opção de bloco apresenta opções de formatação como destaque, código inline, imagem, tachado, etc.
- Opções: Ele contém opções de bloco, como Copiar, Duplicar, Adicionar antes, Copiar estilos etc.
Considerações finais!
Quando estiver criando botões, pense no seu público-alvo, pois o botão causará impacto nos visitantes.
Espero que o tutorial seja fácil de seguir. Se você tiver algum problema para seguir as diretrizes, entre em contato comigo. Terei prazer em ajudá-lo.
Experimente e use o bloco de botões. Domine todas as suas funcionalidades e obtenha as conversões rapidamente.
Leia mais!
- Separator Block - Guia e visão geral de como usar
- 9 melhores plug-ins de guias do WordPress para exibir conteúdo com guias
- Como colocar imagens lado a lado no WordPress (três maneiras)
- Como adicionar botões "Comprar na Amazon" no WordPress (3 maneiras)
- 9 melhores plug-ins de análise de produtos para WordPress