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