Configurações básicas

Texto

Ponto-chave:
Define o texto exibido no botão.

O que muda com essa configuração:
O texto impacta diretamente a clareza da ação e a taxa de cliques.

Dica de ajuste:
Use de 10 a 18 caracteres e, quando possível, verbos de ação (ex.: "Ver detalhes", "Inscrever-se").

Itens de configuração

• Texto: texto exibido no botão. Valor padrão: ESTILO DO BOTAO.

Observação:
Para exibir um texto diferente no hover, ative a aba Hover e defina o texto de hover.

Tag

Pode diferir ligeiramente da interface real.

Ponto-chave:
Define a tag HTML de saída e seus atributos.

O que muda com essa configuração:
Afeta semântica, SEO, acessibilidade e medição (GTM).

Dica de ajuste:
Use a para navegação e button para ações (JS/formulário).

Itens de configuração

• Tag HTML: Link (<a>) ou Button (<button>). Padrão: Link.

Observação:
Em termos semânticos, use Link para navegação por URL e Button para execução de ações. Para links internos, Link é geralmente a melhor escolha para SEO.

Ao selecionar Link

Pode diferir ligeiramente da interface real.

Pode diferir ligeiramente da interface real.

• Link URL: URL de destino.
• Link Target: mesma aba (_self) ou nova aba (_blank).
• rel Attribute: noopener, noreferrer, nofollow etc.

Observação:
Quando target="_blank" é usado, rel="noopener" é aplicado automaticamente por segurança.

• Link Title: texto complementar do link (acessibilidade/semântica).

Ao selecionar Button

Pode diferir ligeiramente da interface real.

• Button Type: button / submit / reset.

Observação:
submit envia formulário; reset limpa os campos. O padrão é button.

Itens comuns

Pode diferir ligeiramente da interface real.

• aria-label: descrição para leitor de tela.
• Tracking ID: identificador para medição (GTM/analytics).
• Button Location: rótulo de posição para análise/organização.
• ID: ID único do elemento (CSS/JS).

Observação:
Tracking ID e Button Location são emitidos como atributos data-*.