Cores customizadas por link

Por padrão, todos os links seguem o tema global definido na aba Aparência. Mas você pode dar cores individuais para um link específico, sobrescrevendo o tema.

Isso é útil quando:

  • Você quer destacar uma promoção com um botão vermelho (urgência)
  • Um link específico combina com uma cor da sua marca
  • Você quer dar um tratamento “premium” para um link importante
  1. Na aba Links, clique no ícone de lápis do link que quer customizar
  2. Role até a seção “Customização do Card (Opcional)”
  3. Escolha como quer customizar:

Oito cores prontas, organizadas em uma grade visual. Cada cor pré-definida tem fundo + texto que combinam:

Modal de edição com grid de cores pré-definidas (Azul, Verde, Roxo, Rosa, etc)

Cor Fundo Texto
Azul #3B82F6 Branco
Verde #10B981 Branco
Roxo #8B5CF6 Branco
Rosa #EC4899 Branco
Laranja #F97316 Branco
Vermelho #EF4444 Branco
Amarelo #EAB308 Preto
Ciano #06B6D4 Branco

Basta clicar na cor desejada para aplicá-la.

Se nenhuma das pré-definidas serve, use os color pickers para escolher:

  • Cor de Fundo — cor hexadecimal (ex: #FF6B35)
  • Cor do Texto — cor que vai contrastar com o fundo
  • Cor da Borda — opcional, deixa a borda colorida

Os campos de texto ao lado dos color pickers aceitam o código hexadecimal direto (com ou sem #).

Testando combinações

À medida que você escolhe as cores, o preview ao vivo na parte de baixo do modal atualiza para mostrar como o botão vai ficar. Não tem como errar — você vê o resultado antes de salvar.

Se você decidir voltar ao tema global:

  1. Abra o modal de edição do link
  2. Role até “Customização do Card”
  3. Clique no botão “Limpar Tudo” (canto direito da seção de preview)
  4. Salve

O link volta a usar as cores do tema global.

  • A customização de cor se aplica apenas a links do tipo “Link Simples”
  • Outros tipos (Imagem, Vídeo, Cabeçalho) não têm customização de cor — eles já têm o próprio visual
  • Cores muito específicas (rosa choque, vermelho vivo) podem parecer chamativas demais. Use com moderação
Mantenha a coesão

Se você usar cores customizadas em todos os links, a página vai virar um arco-íris. O ideal é customizar no máximo 1-2 links — geralmente o link principal (agendamento, oferta) e talvez um secundário.

Outra forma de personalizar os links é mudar o estilo do card (vidro, sólido, contorno, etc). Veja Estilos de card.