Pular para o conteúdo

Botões

As variantes primária, secundária e terciária definem apresentações compartilhadas. Um bloco de conteúdo escolhe qual variante usar; o texto e o destino continuam sendo configurados nesse bloco.

  1. Abra a engrenagem Configurações do tema → Identidade de marca → Botões.
  2. Escolha a variante e ajuste as cores, o estilo e o arredondamento disponível.
  3. Confira um exemplo de cada variante na loja, incluindo contraste e títulos longos no celular.
  4. Nos blocos Botão de slides, banners e editoriais, revise texto, link e variante.
VarianteEstilos disponíveisUso habitual
PrimárioPreenchido ou contorno.Comprar e ações principais.
SecundárioPreenchido, contorno ou sublinhado.Ações alternativas.
TerciárioPreenchido, contorno ou sublinhado.Ações de apoio, como Ver mais.

O raio da borda vai de 0 a 40 px. No estilo sublinhado, os controles de fundo e arredondamento ficam desabilitados; isso é esperado. No contorno, confira a cor da linha e do texto sobre o fundo real da seção.

Identidade de marca → Superfícies oferece arredondamento sem, sutil, médio ou acentuado para os elementos que adotam esse padrão. Ele não substitui o raio configurado por variante de botão; componentes também podem oferecer arredondamento local.

Se apenas um botão estiver diferente, confira sua variante e os ajustes locais do bloco. Se ele não abrir o destino esperado, revise o link; mudar o estilo não corrige a URL nem cria uma regra de compra ou desconto.

Confira Identidade de marca e Diagnóstico e suporte antes de refazer a seção.