Checkout Builder
O Checkout Builder é onde você monta a página de pagamento dos seus produtos. Arraste blocos, personalize cores, adicione order bumps e transforme visitantes em alunos — tudo sem código.
Visão geral do Checkout Builder com tema escuro.
Acessando o Builder
No menu lateral, vá em Vendas & Ofertas → Checkout Editor. Você verá o canvas central (preview do checkout) e a sidebar esquerda com os blocos disponíveis.
Tema Escuro Pepper
Blocos Disponíveis
Cada bloco representa uma seção do checkout:
- Header: Logo, título e subtítulo do produto
- Formulário: Campos de nome, email, CPF, telefone
- Pagamento: Seleção de método (Cartão, Pix, Boleto)
- Order Bumps: Ofertas adicionais pré-compra
- Garantia: Selo de garantia com prazo configurável
- Depoimentos: Provas sociais com fotos e texto
- Timer: Urgência com contagem regressiva
- Trust Badges: Selos de segurança e pagamento seguro
Drag & Drop de Blocos
Arraste blocos da sidebar esquerda para o canvas central. A ordem dos blocos no canvas é a ordem que aparecerá no checkout final. Use o ícone de arrastar (⠿) para reordenar blocos já adicionados.
Order Bumps
Personalização Visual
Clique em qualquer bloco no canvas para abrir o painel de edição. Você pode ajustar:
- Cores de fundo e texto
- Bordas e arredondamentos
- Espaçamentos e padding
- Ícones e imagens da galeria
Conectando ao Produto
No painel Conexão, vincule o checkout a um produto existente (App, Módulo ou Produto da Loja). Defina o gateway de pagamento ativo (Stripe, Mercado Pago, Asaas, etc.) e o método preferido.