Artigos sobre: Produtos

Como usar o Checkout Builder para personalizar o meu checkout?

O Checkout Builder é a nova ferramenta da Átomo Pay que permite criar e personalizar seu checkout do seu jeito, de forma prática, rápida e sem depender de programadores.

1. Acesse o produto

Dentro da sua dashboard, selecione o produto desejado e clique em “Ver produto”.

Em seguida, clique em “Checkout”.

Depois, escolha entre “Criar novo checkout” ou “Personalizar checkout”, e você será redirecionado ao Checkout Builder.

2. Nomeio seu Checkout

No campo “Nome do checkout”, defina um nome de identificação, como “Checkout 2” ou “Checkout Campanha X”.

Esse nome é usado apenas para organização interna e para facilitar o gerenciamento dos seus checkouts.

3. Personalize o Visual

Na seção “Cores e imagens”, você pode:

Escolher a cor primária ou cor de fundo do checkout.
Inserir banners no topo ou no rodapé.

4. Configure Notificações de Interesse

Ative a opção “Aviso de interessados” para exibir notificações de pessoas que compraram recentemente.

Você pode definir o período de exibição: últimas 24 horas, 7 dias, 14 dias ou 30 dias.

5. Adicione um Contador Regressivo

Ative o contador regressivo para criar um senso de urgência durante a compra.

Personalize o texto (“Pague agora”, “Tempo encerrado”), o tempo (em minutos) e as cores de fundo e do texto.

6. Configure o Orderbump

O Orderbump permite oferecer produtos complementares durante o checkout com apenas um clique, aumentando o ticket médio.

Para configurar:

Ative a opção “Ativar Orderbump”;
Escolha o produto adicional;
Edite o título, a descrição e o texto do botão;
Adicione mais de uma oferta, se desejar.

7. Adicione Depoimentos

Ative “Depoimentos” para incluir provas sociais no checkout.

Você pode adicionar:

Imagem do cliente;
Avaliação (estrelas);
Nome e texto do depoimento

8. Inclua um Vídeo

Na seção “Vídeo”, insira a URL de um vídeo hospedado no YouTube.

Você também pode restringir o fechamento do vídeo, permitindo que o comprador só consiga fechá-lo após um tempo determinado (por exemplo, 10 ou 30 segundos).

9. Ative o Botão de WhatsApp

Adicione um ícone do WhatsApp no canto inferior do checkout para permitir contato direto com o suporte ou o vendedor.

Basta inserir o número com DDD.

10. Use CSS customizado (OPCIONAL)

Se você já utiliza códigos de estilo próprios, insira-os no campo “CSS customizado” para personalizar ainda mais o visual do checkout.

E para facilitar esse processo, a Átomo Pay oferece um Gerador de CSS, onde você pode criar estilos personalizados automaticamente. Basta acessar: https://css.atomopay.com.br

Atualizado em: 28/10/2025

Este artigo foi útil?

Obrigado!