O Branding do checkout permite alinhar a página de pagamento do teu produto com a identidade visual da tua marca. Podes escolher um modelo de paleta já preparado ou definir cores à medida para o botão principal, as ligações e os campos do formulário.
✅ Vantagens
- Marca consistente: o checkout reflete as cores da tua comunicação (site, redes, materiais).
- Clareza visual: botões e ligações destacados de forma harmonizada com a paleta escolhida.
- Flexibilidade: modelos prontos para começar rápido; personalização fina quando precisares.
- Controlo por produto: cada produto pode ter o seu próprio branding no checkout, útil para linhas ou parcerias diferentes.
🛠️ Onde configurar
- Vai à edição do produto que queres personalizar.
- Abre o separador Avançado.
- Expande Outras opções avançadas.
- No cartão Branding do checkout, clica em Configurar branding do Checkout.
Abre-se o painel lateral Branding do checkout, onde podes escolher o modelo e ajustar as cores. Clica em Confirmar para aplicar ao produto e depois clica em Guardar.
Enquanto a funcionalidade estiver assinalada como experimental na app, o comportamento ou o aspeto podem ser refinados; a experiência principal (paleta no checkout) mantém-se.
🎨 Modelos de paleta disponíveis
No campo Modelo de paleta podes escolher:
| Modelo | Descrição |
|---|---|
| SalesPark (predefinição) | Aspeto clássico SalesPark, com verde e azul nos elementos do checkout. |
| Oceano | Tons de verde-azulado, com aspeto moderno e fresco. |
| Violeta | Roxo vibrante, com presença forte e visual mais criativo. |
| Terracota | Laranja queimado, com um tom quente e mais artesanal. |
| Carvão | Cinza neutro e sóbrio, ideal para um checkout mais discreto. |
| Rubi | Vermelho e rosa forte, com destaque visual intenso. |
| Floresta | Verde natural e profundo, com sensação orgânica e estável. |
| Índigo | Azul arroxeado intenso, com um aspeto moderno e tecnológico. |
| Céu | Azul vivo, leve e claro, com sensação limpa e acessível. |
| Âmbar | Laranja dourado, quente e energético. |
| Fúcsia | Magenta e roxo vivo, com um visual expressivo e chamativo. |
| Esmeralda | Verde intenso e elegante, com um aspeto premium e equilibrado. |
Se alterares qualquer cor manualmente de forma que deixe de coincidir com um modelo, o seletor pode mostrar Personalizado.
🧩 O que podes personalizar
Botão principal
Cores do botão principal, incluindo estados ao passar o rato: fundo, borda, texto e respetivos hovers.
Nota: Os botões de contorno (outline) no checkout usam a mesma cor principal para borda e texto. Não existe um bloco separado para os contornos no editor.
Ligações / barra de links
Cor das ligações em repouso e ao passar o rato, incluindo links na área de apoio e textos expansíveis, quando aplicável.
Campos de formulário (inputs e selects)
Borda dos campos em repouso, ao passar o rato e ao focar (teclado ou clique).
↩️ Repor cores
- Em cada cor: Reset para cor padrão — volta à predefinição da SalesPark para esse campo.
- No fundo do painel: Repor todas as cores (predefinição SalesPark) — remove todas as personalizações deste produto.
⚠️ Cores demasiado claras
Se tentares Confirmar com cores muito próximas do branco, a app impede a gravação e indica quais os campos a ajustar. Isto evita ligações ou botões quase invisíveis no checkout.
