Como personalizar o checkout
Todas as opções do personalizador do checkout do Plasma, de uma ou três etapas, cores, fontes, barra de avisos, cronômetro e o que o gateway vê.
Onde fica
No painel, abra Checkout e depois Personalizar. A tela mostra o checkout ao vivo, no computador e no celular, e o painel de personalização ao lado. Cada alteração salva sozinha e já vale no checkout público.
O checkout do comprador é sempre claro. Escolha as cores com o painel no tema claro: o que aparece no tema escuro do painel não é o que o comprador vê.
Etapas do checkout
No topo do personalizador, escolha o Tipo de navegação:
- 1 Etapa: dados, entrega e pagamento na mesma tela.
- 3 Etapas: dados, entrega e pagamento em telas seguidas.
As seções do personalizador
Configurações
- CPF apenas no pagamento: pede o CPF só na etapa de pagamento, e não no começo.
- Caixa de consentimento (LGPD): mostra "Receber ofertas e novidades por e-mail", marcada por padrão.
- Produto digital: esconde o card de entrega, para produto sem envio físico.
Cabeçalho
Logo (recomendado 250 x 75 px, PNG ou SVG), favicon (32 x 32 px), o Título da página que aparece na aba do navegador, o Ícone de segurança ao lado da logo (ponto de status online, escudo com check ou SSL) e a Navbar fixa no topo ao rolar a página.
Barra de avisos
Uma faixa no topo do checkout, com cinco estilos: Frete Grátis, Entrega Rápida, Flash Sale, Contagem Regressiva e Urgência de Estoque. Conforme o estilo, você define o texto, a duração do cronômetro ou a quantidade em estoque exibida, e as cores da barra.
Banner
Banners promocionais no checkout, com uma imagem para computador e outra para celular.
Carrinho
Como o resumo do carrinho aparece no celular (Sempre aberto ou Sempre fechado) e se o campo de cupom de desconto aparece.
Navegação
Mostra o progresso do preenchimento, com Etapas numeradas, Barras de progresso ou Indicadores com ícones, e em quais dispositivos ele aparece.
Loading
O estilo do indicador de carregamento (girando, círculo, três pontos, anel ou barras) e a cor dele.
Escassez
O cronômetro Oferta termina em, no resumo do pedido, de 5 a 30 minutos, com o modelo e as cores do texto, do fundo e dos números.
Seletor de quantidade
O formato do seletor (botões +/-, setas ou botões redondos) ou a opção de impedir o comprador de mudar a quantidade.
Pagamentos
- Razão social do gateway: o nome que aparece na fatura do cartão do comprador. Com menos de 5 caracteres, a fatura mostra "COMPRA ONLINE".
- Mascarar nome do produto: manda ao gateway um nome genérico no lugar do nome real do produto.
- Mascarar telefone: manda ao gateway um telefone genérico no lugar do telefone real do comprador.
- Pagamento pré-selecionado: qual método já vem aberto (Pix, cartão ou nenhum).
Mascarar só muda o que o gateway recebe. Os dados reais do comprador ficam salvos no Plasma e seguem para as integrações ativas.
Inputs
O visual dos campos do formulário: Padrão (label acima do campo), Label sobreposta ou Label animada.
Rodapé
Nome da loja, e-mail, telefone, endereço e CNPJ exibidos no rodapé da página de pagamento por Pix.
Cores
Grupos de cores do checkout: cores da marca (botões, links e destaques), fundos e textos, cards, elementos sutis, erros, bordas e tooltips. Restaurar cores padrão volta tudo ao original.
Tipografia
Uma fonte para o corpo de texto e outra para títulos e dados, entre famílias como Plus Jakarta Sans, DM Sans, Open Sans, IBM Plex Sans e Clash Display.
Selo Reviews
Mostra o selo de avaliações do Reclame Aqui acima das provas sociais.
Estilo Visual
A sombra dos cards (deslocamento, desfoque, espalhamento e cor).