Bloco Botão: texto, link, estilo e posição

Como usar o bloco Botão do Editor visual: para onde ele leva, estilos, posição e tamanho, com exemplos.

4 min de leitura Atualizado em 30/10/2026

Neste artigo

Onde encontrar o bloco
O que o bloco mostra no site
Campos da aba Conteúdo
Aba Estilo (igual em todos os blocos livres)
Exemplos de uso
Veja também

O bloco Botão coloca um botão avulso em qualquer ponto da página: "Ver todos os imóveis", "Falar no WhatsApp", "Baixar a tabela de preços"... Escolha o texto, para onde ele leva, a cor e o tamanho.

Antes de começar

Só o administrador do site usa o Editor visual.
Este é um bloco "livre": vale na Página inicial e na Página do imóvel e pode ser repetido quantas vezes quiser.
Nada vai ao ar antes de você publicar.

Onde encontrar o bloco

Abra o editor. No painel, vá em Site › Editor visual e escolha a página no seletor "Página" (Página inicial ou Página do imóvel).
Clique na aba "+ Adicionar". Os blocos aparecem em grupos. Este está no grupo Básico, com o nome Botão. Se preferir, digite "botão" em "Buscar bloco…".
Coloque na página. Arraste o bloco até o lugar desejado ou clique nele para ir ao fim da página.
Abra as opções. Clique no bloco na prévia (ou na aba "Blocos"). A lateral mostra as abas Conteúdo e Estilo.
Publique. O que você muda fica em rascunho até clicar em Publicar. Veja como.

Aba "+ Adicionar": procurando o bloco Botão

O que o bloco mostra no site

Um botão sozinho, numa linha própria, no centro por padrão. É bom para fechar uma seção de texto ou para repetir um convite ao longo da página.

Campos da aba Conteúdo

Texto do botão (até 40 letras). Padrão "Fale com a gente".
Link. Padrão /contato. Ao clicar no campo aparece uma lista com as páginas do seu site (Página inicial, Todos os imóveis, Imóveis à venda, Imóveis para alugar, Temporada, Lançamentos, Contato, Anuncie seu imóvel, Favoritos, Blog, Equipe e as suas páginas). Você também pode digitar outro endereço. Só vale se começar com https://, http://, /, #, mailto: ou tel:; se não, o campo é esvaziado e o botão não leva a lugar nenhum.
Estilo. Cor de destaque (padrão), Cor principal, Só contorno (fundo vazio com borda) ou WhatsApp (verde).
Posição. À esquerda, No centro (padrão) ou À direita.
Tamanho. Normal (padrão) ou Grande.

Dica: o estilo "WhatsApp (verde)" só muda a cor. Para abrir o WhatsApp, o link precisa ser algo como https://wa.me/5511999998888. Para um botão que já usa o número cadastrado, prefira a Faixa de chamada.

O link abre na mesma aba. Para telefone use tel:+5511999998888; para e-mail, mailto:contato@seudominio.com.br.

Aba Estilo (igual em todos os blocos livres)

Ao lado de Conteúdo há a aba Estilo. Ela tem os mesmos campos em todo bloco livre:

Fundo: Sem fundo, Cinza claro, Cor principal ou Cor de destaque (as cores do seu site). Em fundo escuro, os títulos ficam brancos. Saiba mais.
Outra cor de fundo: qualquer cor sua, que vale no lugar do fundo pronto. Use o seletor ou digite um código como #1b6a3a.
Cor do texto: muda a cor das letras do bloco. Vazio = automática.
Alinhamento do texto: Padrão, À esquerda, Centralizado ou À direita.
Espaço em cima e embaixo: Nenhum, Pequeno, Médio (padrão) ou Grande. No computador vale 0, 40, 76 ou 110 px; no celular o site reduz sozinho.
Largura: Alinhada ao conteúdo (padrão, com margens laterais) ou Tela inteira (de ponta a ponta). Saiba mais.
Mostrar em: Computador e celular, Só no computador ou Só no celular. Saiba mais.
Espaçamento (px): Preenchimento (espaço por dentro) de 0 a 400 e Margem (espaço por fora) de -300 a 400, nos quatro lados. O cadeado muda os quatro lados juntos. Em branco = padrão. Saiba mais.
No celular: Espaço em cima e embaixo, Alinhamento do texto, Preenchimento e Margem só para telas pequenas (padrão "Igual ao computador"). Use o botão de celular no alto do editor para conferir.
Animação ao aparecer na tela: Nenhuma, Surgir, Subir, Aproximar ou Vir do lado. Saiba mais.
CSS personalizado: para quem conhece CSS (até 5.000 caracteres; use selector para falar do bloco). Saiba mais.

Neste bloco, a Posição do conteúdo é a opção própria do botão. Porém, se na aba Estilo você escolher Alinhamento do texto: Centralizado, o botão fica no centro mesmo que a Posição seja outra.

Exemplos de uso

Depois de um texto longo: botão "Ver imóveis à venda" com link /comprar.
Para o WhatsApp: estilo WhatsApp e link https://wa.me/55....
Dois botões lado a lado: dentro de uma seção com colunas, ponha um botão em cada coluna.

Veja também

Este artigo ajudou?