Como personalizar o checkout no Checkout Builder?

Primeiros passosAtualizado em 2026-06-26

▶ O vídeo acima mostra a criação de uma loja completa na Cloudfy. Abaixo, o passo a passo para personalizar o checkout.

Abra o Checkout Builder e use a barra lateral para configurar cada parte.

Template

Escolha entre os modelos disponíveis — incluindo o de uma etapa e o API PIX, que gera o Pix automaticamente ao abrir o link.

Aparência

Defina o tema claro ou escuro e as cores (fundo, texto, cards, inputs, sucesso…). Recomendamos algo minimalista e testar a cor primária conforme a oferta — dá até para fazer um teste A/B.

Imagens

Suba a logo (fica quadrada, no topo) e/ou um banner. Ative o ajuste automático de tamanho do banner se a proporção dele for diferente.

Pagamento

Configure a adquirente primária e a secundária (failover automático se a primeira falhar), além de internacional, MB Way e boleto, conforme a sua adquirente.

Avançado

Mostre ou oculte quantidade, cupom, subtotal, contador de urgência, order bump empilhado ou em slide, barra de texto e os campos (CPF, e-mail, telefone). Dê F5 para ver as mudanças no preview.

Finalização

Defina a mensagem de obrigado ou um upsell, a página de back redirect e a recuperação instantânea (pop-up com desconto quando o cartão do cliente falha).

Integrações

Conecte ActiveCampaign, UTMify, Xtrack e outras com a URL/API token ou o webhook, e selecione os eventos.

A recuperação instantânea oferece um desconto na hora quando o cartão do cliente dá erro — vale a pena ativar.

Próxima etapa: Como criar e usar um order bump? →