Pular para o conteúdo principal

Como Adicionar Comportamento de Checkout ou Produto ao Botão

Use isto quando um CTA deve levar visitantes ao checkout ou iniciar um caminho de compra de produto. O Atomicat suporta checkout por CTAs de Produto do catálogo e por ações de clique de Botão que abrem URLs de checkout/produto.

Antes de Começar​

Certifique-se de ter:

  • Um produto (ou bundle) salvo com link de checkout válido. Consulte Como criar um produto.
  • Uma página de vendas aberta no Construtor de Páginas.
  • URLs de checkout HTTPS do seu provedor de pagamento para compra única (e assinatura, se usada).

Passo 1: Confirme URLs de Checkout do Produto​

  1. Abra Produtos e edite a oferta que os visitantes comprarão.
  2. Em Call to action, confirme:
    • Texto do botão (por exemplo Adicionar ao carrinho ou Comprar agora)
    • URL do botão (link de checkout)
  3. Se usar níveis de quantidade, confirme:
    • Usar mesmo link para todos os níveis, ou
    • URLs de compra única / assinatura por nível

Consulte Como usar níveis de quantidade e Assinar e Economizar.

Passo 2: Escolha Bloco Produto ou Botão Avulso​

AbordagemMelhor quando
Bloco ProdutoVocê quer preços do catálogo, níveis, variantes, selos de confiança e CTA do produto juntos.
Botão com link / comportamento de checkoutPrecisa de CTA hero personalizado que ainda abre a mesma URL de checkout.

Opção A — CTA de bloco Produto​

  1. Insira um elemento Produto.
  2. Selecione o produto do catálogo.
  3. Ative Mostrar produto completo se visitantes precisam de imagens, detalhes e seletores de nível.
  4. O CTA de compra usa a configuração de checkout do produto.

Consulte Como adicionar um produto à página e Elemento Produto.

Opção B — Clique do Botão para checkout​

  1. Adicione um Botão onde quiser um CTA forte.
  2. Defina o rótulo para corresponder à ação de compra.
  3. Nas configurações de evento de clique, escolha comportamento de checkout suportado quando disponível, ou defina um link normal para a URL de checkout do produto.
  4. Corresponda a URL exatamente ao CTA do catálogo (incluindo parâmetros de query que sua ferramenta de pagamento exige).

Consulte Elemento Botão (referência).

Passo 3: Alinhe Rastreamento e Caminho do Funil​

  1. Se anúncios dependem de cliques de intenção de compra, anexe eventos de pixel ao botão. Consulte Como rastrear cliques de botão com pixel.
  2. Se esta página é etapa de funil antes do checkout, mantenha a próxima página do funil consistente com a mesma oferta. Consulte Como criar um funil.
  3. Evite apontar o Botão hero para SKU diferente do bloco Produto abaixo.

Passo 4: Faça Preview dos Caminhos de Preço​

  1. Use Preview do produto e Preview da página.
  2. Clique em cada opção visível: preço base, cada nível, e assinatura vs compra única quando ambos estiverem ativos.
  3. Confirme que cada caminho chega na URL de checkout correta.

Consulte Visualização do produto.

Passo 5: Publique e Teste ao Vivo​

  1. Salve e Publique a página.
  2. Teste em janela anônima.
  3. Conclua (ou alcance) checkout pelo CTA principal.
  4. Reteste após edições de preço ou nível no catálogo — republique para páginas em cache permanecerem precisas.

Solução de Problemas​

ProblemaO que tentar
Botão abre oferta erradaSincronize URL do Botão com CTA do produto; evite links fixos desatualizados.
Nível mostra checkout erradoVerifique URLs por nível e Usar mesmo link para todos os níveis.
Produto não encontradoReselecione produto do catálogo ou restaure o produto no projeto correto.
Checkout quebrado no mobileTeste URLs HTTPS absolutas; evite links javascript:.

Resultado​

Visitantes podem iniciar checkout pelo CTA da página — pelo bloco Produto ou Botão avulso — com URLs que correspondem à oferta do catálogo.

Documentação Relacionada​

FAQ​

Devo usar bloco Produto ou Botão para checkout?

Use bloco Produto quando compradores precisam ver opções de preço e merchandising. Use Botão quando só precisa de CTA forte que abre a mesma URL de checkout.

Checkout do Botão pode reutilizar URL do produto?

Sim. Copie a URL do Botão do produto para a ação de link/checkout do Botão para cada CTA permanecer sincronizado com o catálogo.

Bundles funcionam da mesma forma?

Sim para posicionamento. Bundles aparecem no seletor Produto com rótulo (Bundle). O CTA ainda usa o link de checkout salvo do bundle.