Skip to main content
O Branding é onde você cria temas com as cores da marca para aplicar no checkout. Além das cores, o tema também define a aparência do order bump, do timer e a ordem dos métodos de pagamento. O Branding ainda não está liberado para todo mundo — pode ser que ele ainda não apareça no seu menu.

Como o tema chega ao checkout

A própria tela resume a regra:
Tela de Branding com a lista de temas do projeto

A lista de temas do projeto, com o modo de cada um e as ações Editar, Tornar padrão e Excluir.

Crie temas com as cores da marca para aplicar no checkout. O tema marcado como padrão vale para todos os funis; cada funil pode usar um tema próprio. Os campos não preenchidos usam as cores padrão do checkout automaticamente.
Na prática, são três camadas: Você pode ter mais de um tema no projeto. Cada card da lista mostra o nome e o modo (Modo claro ou Modo escuro), com as ações Editar, Tornar padrão e Excluir.

Criar um tema

Abra o Branding

No menu do projeto, entre em Branding. A tela lista os temas que já existem.

Clique em Novo tema

O botão fica no topo, à direita, e abre o editor. O editor tem quatro seções na navegação: Tema, Order Bump, Timer e Métodos de pagamento.
Editor de tema da Assiny, com a navegação lateral Tema, Order Bump, Timer e Métodos de pagamento e as quatro seções empilhadas na coluna central

O editor de tema aberto em Novo tema: a navegação com as quatro seções à esquerda e, na coluna central, Tema, Order Bump, Timer e Métodos de pagamento, cada um com sua pré-visualização.

Dê um nome e escolha o modo do checkout

Nome do tema e Modo do checkout (Claro ou Escuro). O modo escolhido também comanda as pré-visualizações do editor.

Defina a cor principal

As demais cores são derivadas dela automaticamente. Se quiser, sobrescreva qualquer uma em Editar manualmente.

Ajuste order bump, timer e métodos de pagamento

As outras três seções do editor.

Escolha onde o tema se aplica

Marque Definir como tema padrão do projeto e/ou selecione funis em Aplicar a funis específicos. Pode deixar vazio e aplicar depois.

Crie o tema

Clique em Criar tema. Os outros botões do editor são Voltar para temas, Restaurar padrão Assiny e Cancelar.

Tema: as cores da marca

A instrução da seção é direta:
Escolha a cor principal da marca. As demais cores são derivadas automaticamente — você pode editá-las manualmente se quiser.
Você não precisa preencher cor por cor: escolhe a Cor principal e o resto sai dela — e continua editável, se você quiser fugir do resultado calculado. Sobre o botão de compra, a tela explica:
Cor do botão “Comprar” no checkout. Em automático usa a cor principal, e o texto ajusta por contraste. Defina cores próprias para destacar o CTA.
O Modo do checkout não é uma preferência do editor: o checkout é exibido só nesse modo, claro ou escuro. Escolher Escuro significa que todo mundo vê o checkout escuro.

Cores complementares

O bloco Cores complementares reúne o que foi calculado a partir da cor principal — “para manter o equilíbrio”, nas palavras da tela. Todas aceitam edição manual: O editor traz uma pré-visualização das cores ao vivo: você mexe no campo e vê o resultado ali mesmo, sem precisar abrir um checkout para conferir.

Aplicação do tema

O bloco Aplicação do tema decide onde o tema vale:
  • Definir como tema padrão do projeto — “Aplica este tema a todos os funis que não tiverem um tema próprio.”
  • Aplicar a funis específicos — selecione um ou mais funis.
Os dois podem conviver, e os dois podem ficar vazios: nesse caso o tema é criado sem estar em uso, e você o aplica depois.

Order Bump

Esta seção controla a “aparência e comportamento da oferta adicional” — ou seja, como o order bump se apresenta dentro do checkout. O Modelo do “aceitar todas” depende do interruptor anterior: “Ligue ‘Permitir marcar todos’ para escolher o modelo.” Duas cores fecham a seção: Cor de destaque (#7b50f1 no editor) e Cor da seta/nome (#d92d20).

Timer

O timer é a barra de contagem regressiva do checkout. Aqui você define só a aparência dela:
Barra de contagem regressiva. Você ajusta o fundo e o texto (título e rótulos); os cartões e os números são fixos do componente.
A pré-visualização repete o limite para não restar dúvida: “Cartões brancos e números em vermelho são fixos do componente”. Não adianta procurar o campo da cor dos números — ele não existe. Quem liga o timer é a oferta, no interruptor Adicionar timer de escassez — veja Oferta. O tema só diz como ele fica.

Métodos de pagamento

A última seção define:
Ordem em que os métodos aparecem no checkout. Use para deixar o PIX na frente do cartão, por exemplo.
A ordem que aparece no editor é 1 Cartão de crédito (com o selo EM DESTAQUE), 2 PIX, 3 Boleto e 4 Apple Pay.
Reordenar aqui não habilita nem desabilita nada. A tela é explícita em dois pontos:
Esta é só a ordem de exibição. Cada checkout mostra apenas os métodos que a oferta dele aceita — os demais não aparecem, mesmo listados aqui.
O cliente que já tem cartão salvo continua abrindo no cartão dele, independente desta ordem.
Ou seja: se o PIX não aparece no seu checkout, o lugar de resolver é a oferta, em Formas de pagamento — não o Branding.

Por onde seguir

Oferta

Onde o timer é ligado e onde você escolhe as formas de pagamento aceitas.

Funil de vendas

Os funis que recebem o tema padrão ou um tema próprio.

Conhecendo o painel

O mapa das seções do menu do projeto.

Níveis de acesso

Quem pode editar o que dentro do projeto.