O cliente agora paga sem sair da XCONPRO

05 nov 2026 PRs #967 a #975 Cartão de crédito e Pix No ar em produção

O pagamento dos planos saiu da página do Asaas e passou a acontecer numa página nossa, clara e com cara de checkout de SaaS grande. Cartão e Pix na mesma tela, curso da Academy oferecido junto com o plano e conta criada só depois do pagamento aprovado.

0redirecionamentos para fora da XCONPRO

2formas de pagamento na mesma tela

até 3cursos oferecidos por plano no checkout

9entregas em produção em 2 dias

Antes e agora

Tema	Antes	Agora
Onde o cliente paga	Página do Asaas, fora da marca	Página da XCONPRO, no visual da marca
Formas de pagamento	Escolhidas na página do Asaas	Cartão de crédito e Pix lado a lado
Conta do cliente	Criada antes de pagar	Criada só com o pagamento aprovado
Venda adicional	Não existia	Até 3 cursos da Academy por plano, com preço de oferta
Quem vende	Sem identificação da empresa	Razão social, CNPJ, endereço, e-mail e telefone no topo
Celular	Layout genérico do gateway	Feito para o celular, com o total sempre visível

A tela de pagamento

Sempre clara

Uma página só, em duas colunas no computador: à esquerda o que o cliente preenche, à direita o resumo do pedido. No celular, o resumo fica recolhido no topo, com o valor sempre à vista.

Checkout no computador: dados da empresa no topo, contato, cartão de crédito, Pix e dados de cobrança à esquerda, resumo do plano Growth Solo à direita — **Computador.** Plano Growth Solo, R$ 749,00 por mês.

Checkout no celular com o resumo recolhido e o total no topo — **Celular.** Resumo recolhido, total no topo.

O que tem na tela

Quem vende. XCONPRO LTDA, CNPJ, endereço, e-mail de contato e telefone comercial, em três linhas ao lado da marca. É o que a lei de comércio eletrônico (Decreto 7.962/2013) pede numa venda online.
Contato. Só e-mail e celular. O nome vem do próprio cartão, sem pedir duas vezes.
Pagamento. Cartão de crédito com as bandeiras aceitas, ou Pix com aprovação em segundos.
Dados de cobrança. CPF ou CNPJ do titular, CEP e número.
Resumo. Plano, tudo o que vem incluso, total de hoje e valor das próximas cobranças.
Garantias. 7 dias de arrependimento, cancelamento direto em Meu Plano e acesso liberado assim que o pagamento aprova.
Rodapé. "Operação segura com Asaas. Nós não armazenamos nenhuma das suas informações de pagamento em nossos servidores."

Regra de produtoCheckout é sempre claro, nunca escuro, com a cara dos checkouts dos grandes SaaS. Nada de campo com cara de formulário genérico.

Curso junto com o plano

Logo abaixo do resumo, o cliente vê até três cursos da Academy com preço de oferta. Um clique em "Adicionar ao pedido" soma o curso ao total, e o botão de pagar já mostra o valor novo.

Checkout com o curso Vendas na Prática adicionado ao pedido: total hoje de R$ 796,00 e botão Pagar R$ 796,00 — **Curso adicionado.** Plano R$ 749,00 + curso R$ 47,00 = R$ 796,00 hoje. As próximas cobranças seguem em R$ 749,00 por mês.

Como funciona

Configurado por plano. O admin escolhe os cursos em Precificação, na edição do plano, na seção "Ofertas no checkout".
Até 3 cursos, só cursos da Academy com venda aberta.
Preço próprio da oferta. O preço cheio aparece riscado ao lado. Sem preço preenchido, vale o preço promocional do curso.
Cobrança separada. No cartão, o curso é uma cobrança única, à parte da assinatura, para não misturar com a mensalidade.
Acesso só com pagamento aprovado. O curso é liberado junto com o plano, quando o pagamento aprova.

Admin, Precificação, janela Editar plano com a seção Ofertas no checkout — **Admin.** Precificação, editar plano, seção "Ofertas no checkout".

AtençãoOs cursos e preços dos prints são exemplos do ambiente de teste. Em produção nenhuma oferta foi cadastrada ainda: basta abrir o plano em Precificação e adicionar os cursos.

Pix

O Pix fica ao lado do cartão, com o símbolo oficial e o aviso de aprovação em segundos. Ao gerar, a tela mostra o QR Code e o código copia e cola, com o passo a passo.

Checkout com Pix selecionado e botão Gerar Pix de R$ 749,00 — **Pix escolhido.** O botão vira "Gerar Pix".

Tela Pague com Pix no celular com QR Code, instruções e Pix copia e cola — **QR Code no celular.** Copiar com um toque.

A tela se atualiza sozinha quando o Pix cai. O cliente não precisa recarregar nem avisar ninguém.
Renovação. Nos meses seguintes, a cobrança Pix é gerada pela própria XCONPRO.
Cartão de débito não entra: o Asaas não aceita débito por API. Por isso o checkout trabalha com crédito e Pix.

O que o cliente vê depois de pagar

Cada resultado tem uma tela própria, com linguagem simples. Quando o pagamento não aprova, o cliente tenta de novo na mesma página, sem perder o que já preencheu.

Pagamento aprovado — **Aprovado.** Libera na hora.

Pagamento em análise — **Em análise.** Libera sozinho quando o Asaas aprovar.

Pagamento não aprovado com mensagem para conferir os dados do cartão — **Não aprovado.** Mensagem clara e nova tentativa.

Sobre estes printsTelas da página de teste, que usa o mesmo visual do checkout. O quadro "Diagnóstico do teste" e o texto antigo do rodapé só existem nela.

Como o pedido anda por dentro

A tela é a parte visível. Por trás, o pedido foi desenhado para nunca cobrar sem liberar e nunca liberar sem cobrar.

O pedido nasce primeiro. Antes de qualquer contato com o Asaas, o pedido é registrado com uma referência única. Se a conexão cair no meio, nada se perde.
Cartão vira token. Os dados do cartão vão para o Asaas, que devolve um token, e a assinatura é criada com ele. No Pix, o Asaas gera a cobrança e o QR Code.
Uma liberação só. A confirmação pode chegar na hora ou pelo aviso automático do Asaas. As duas passam pela mesma rotina, que roda uma única vez por pedido.
Liberação. Cria a conta do visitante, ativa o plano e libera os cursos comprados.
Nada fica parado. Pedido pendente é conferido de novo sozinho, até ter um desfecho.
Estorno automático. Se algo falha depois de o pagamento aprovar e não tem conserto, o valor volta para o cliente. Desistência também é final: se a aprovação chega depois que o cliente desistiu, o valor é estornado.

Visitante e cliente logado

Visitante do site. A conta é criada com o e-mail informado só quando o pagamento aprova. Se o e-mail já tem conta, o checkout pede para a pessoa entrar antes de pagar.
Cliente logado. Assina ou troca de plano pelo mesmo checkout, já com os dados da conta.

ProteçõesLimite de tentativas e pausa automática do cartão quando as recusas disparam, contra quem testa cartão roubado (o Pix segue funcionando). Proteção anti-robô pronta para ligar. Dados de quem não virou cliente apagados em 30 dias (LGPD). Conta criada por outra pessoa com o seu e-mail não herda a sua compra. Cada etapa passou por auditoria de segurança antes de ir para produção.

Onde está no ar

Onde	Situação
Site, Planos, botão "Começar agora"	No ar. Abre o checkout direto, sem cadastro antes.
Cliente logado assinando ou trocando de plano	No ar.
Página de teste de R$ 5	No ar até 11/11, depois sai.
Ferramentas avulsas, cursos, links de oferta e domínio	Ainda no fluxo antigo. Próximas fases.

Visitante e cliente logado têm chaves liga e desliga separadas: qualquer um dos dois volta ao fluxo antigo na hora, sem deploy.

Validado com dinheiro de verdadePagamento real de R$ 5 no cartão de crédito, aprovado pelo token e depois estornado. Pix testado de ponta a ponta, do QR Code à confirmação.

Linha do tempo

Entrega	O que entrou	Data
#967	Página de teste de R$ 5 com pagamento no cartão	04/11
#968	Visual claro, no estilo dos checkouts de SaaS grande	04/11
#969	Pix com QR Code e atualização automática	04/11
#970	Checkout do plano para cliente logado, com oferta de cursos	04/11
#971	Proteção de conta no checkout	05/11
#972	Checkout do visitante no site, ligado em produção	05/11
#973	Identificação da empresa no topo	05/11
#974	Topo em três linhas e rodapé novo	05/11
#975	Texto final do rodapé	05/11
#977, #978	Proteções de conta ligadas ao checkout: equipe, licença, parceria e troca de e-mail	05/11

Próximos passos

Em aberto

Cadastrar as ofertas de cursos nos planos, em Precificação.
Ligar a proteção anti-robô do checkout do visitante. Falta só a chave.
Acompanhar a primeira compra real de cliente pelo checkout novo.
Tirar a página de teste depois de 11/11.
Levar o checkout próprio para ferramentas avulsas, cursos, links de oferta e domínio.