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.
Assim, crias uma experiência de compra mais coesa e profissional, reforçando reconhecimento da marca no momento decisivo da venda.
✅ Vantagens para ti e para o comprador
-
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.
🎨 Modelos de paleta disponíveis
No campo Modelo de paleta podes escolher:
| Modelo | Descrição breve |
|---|---|
| SalesPark (predefinição) | Aspeto clássico SalesPark (verde e azuis padrão nos elementos do checkout). |
| Oceano | Tons de verde-azulado (teal). |
| Violeta | Roxo vibrante. |
| Terracota | Laranja queimado. |
| Carvão | Cinza neutro e sóbrio. |
| Rubi | Vermelho/rosa forte. |
| Floresta | Verde natural. |
Se alterares qualquer cor manualmente de forma que deixe de coincidir com um modelo, o seletor pode mostrar Personalizado (cores à medida).
🧩 O que podes personalizar (secções do painel)
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 tens um bloco separado para os contornos no editor.
Ligações / barra de links
Cor das ligações em repouso e ao passar o rato (inclui 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 (fundo claro).
📸 Exemplos visuais no checkout (screenshots)
SalesPark (predefinição)
Brevemente
Oceano
Brevemente
Violeta
Brevemente
Terracota
Brevemente
Carvão
Brevemente
Rubi
Brevemente
Floresta
Brevemente
