Editor visual do checkout: tema, timer e blocos
Personalize cores, fonte, blocos de conteúdo, vídeo de vendas, cronômetro e rodapé da página de checkout.
Cada página de checkout tem um editor visual próprio, com preview ao vivo. Acesse pelo botão Editar visual na aba Checkout (ou Links) do produto.
No topo do editor você vê o escopo da página (Produto (preço base) ou Oferta: X), o endereço /c/{slug} e os botões Visualizar checkout, Restaurar padrão e Salvar. À direita, o Preview ao vivo alterna entre Desktop e Mobile — as mudanças aparecem no preview conforme você edita, e só entram no ar depois de Salvar.
Aparência
- Cor de fundo e Cor primária da página.
- Cor do botão de comprar (deixe vazio e clique em "Usar a cor primária" para herdar).
- Cor do order bump e Cor interna do order bump.
- Fonte — escolha entre as opções da lista.
- Imagem de fundo — suba o arquivo e ajuste o nível de Escurecer imagem (0–100%).
- Card à direita — quando houver blocos na lateral, alterna o card de pagamento entre esquerda e direita. No celular o conteúdo lateral aparece abaixo do card.
Conteúdo (blocos)
Monte a página em 4 posições: Topo (Hero) (ideal 1200×400, 3:1), Acima do card, Lateral do card (retrato 2:3 — no mobile vai para o fim da página) e Abaixo do card. Em cada posição, adicione blocos dos tipos:
- Imagem — upload com proporção 16:9, 1:1 ou 2:3 (o hero é sempre 16:9), com link e texto alternativo opcionais.
- Texto — título + texto, com alinhamento.
- Vídeo — URL de YouTube, Vimeo ou MP4.
- Lista — título + até 10 itens (um por linha).
- Selo — texto (ex.: "Compra 100% segura") e ícone: escudo, cadeado, cartão, estrela, verificado ou reembolso.
- Depoimento — foto do cliente, autor, texto, estrelas 1–5, opção Cliente verificado e print de imagem.
Use as setas para reordenar e o ícone de lixeira para remover. O limite é de 30 blocos por página. O vídeo de vendas fixo fica na aba Vídeo.
Vídeo
Ative Vídeo de vendas (VSL), informe a URL do vídeo e escolha a Posição do vídeo (no topo ou em baixo da página).
Cronômetro (timer)
- Ative Ativar cronômetro.
- Defina o Texto, as Horas e os Minutos.
- Escolha as cores de Fundo e Texto.
- Marque Fixar no topo ao rolar se quiser o timer colado no topo da página.
Se você alterar o tempo, o cronômetro reinicia no checkout. O timer existe apenas na página de checkout — a página de oferta do upsell não tem cronômetro.
Rodapé
Ative Rodapé personalizado e informe a Logo (opcional), o Nome/Texto e o E-mail de suporte. O rodapé legal da CopyFunnel (termos e declaração do botão "Pagar agora") permanece em todos os checkouts.
Campos do formulário e SEO
- Campos do formulário — escolha quais campos aparecem no checkout (veja o artigo "Campos do formulário do checkout").
- SEO — Título, Descrição, Imagem de compartilhamento (Open Graph) (ideal 1200×630) e Favicon (32×32 ou 48×48). Título vazio usa o nome do produto. Use Remover SEO personalizado para voltar ao padrão da plataforma.
Checkouts por oferta
Por padrão, todas as ofertas usam o checkout principal. Na aba Links do produto, cada oferta pode ganhar um checkout exclusivo com URL e visual próprios — o escopo aparece no cabeçalho do editor.