Dá para receber Pix em um site/app feito no Lovable. Você pede à IA para ligar o backend do site/app, a parte que roda no servidor e não aparece para o cliente, ao Checkout Integrado da InfinitePay, que devolve um link de pagamento com Pix e cartão. O Pix tem taxa zero e cai na conta na hora.
O esforço compensa: o Banco Central registrou 319,7 milhões de transações Pix em um único dia, 6 de novembro de 2026, segundo a Agência Brasil. Um site/app que só aceita cartão perde parte desses compradores.
O Lovable aceita Pix?
Não de forma nativa. Os pagamentos nativos do Lovable funcionam com dois provedores internacionais, exigem o plano Pro ou superior e são voltados a produtos digitais e assinaturas. A documentação de pagamentos do Lovable informa que não há suporte nativo a outros provedores nem a meios de pagamento regionais que esses dois não ofereçam no seu país.
A mesma página aponta a saída: pedir ao Lovable que integre a API de outro provedor, ou seja, a porta pela qual um sistema conversa com outro, em funções de backend, com a sua conta e as suas chaves. É código sob medida, que você configura e mantém, sem suporte oficial do Lovable. É por esse caminho que o Pix entra.
| Ponto | Pagamentos nativos do Lovable | Checkout Integrado da InfinitePay |
|---|---|---|
| Como entra no site/app | Ativado pelo chat do Lovable | Pedido à IA, em funções de backend |
| Suporte do Lovable | Oficial | Não oficial, a manutenção é sua |
| Formas de pagamento | Definidas pelo provedor e pelo país | Pix e cartão de crédito em até 12x |
| O que você precisa | Plano Pro ou superior e conta no provedor | Conta de lojista na InfinitePay |
Glossário: o que significa cada termo?
A integração usa algumas palavras de programação. Esta tabela traduz cada uma para o dia a dia da sua loja:
| Termo | O que é |
|---|---|
| API | Porta pela qual um sistema conversa com outro. O seu site/app usa a da InfinitePay para pedir o link de pagamento. |
| Backend | Parte do site/app que roda no servidor, fora do celular do cliente. É onde ficam as regras e as chaves. |
| Função de backend | Pedaço do backend que executa uma tarefa quando é chamado, como criar o pagamento. |
| Checkout | Página onde o cliente escolhe a forma de pagamento e paga. |
| Webhook | Aviso automático que a InfinitePay manda para o seu site/app quando um pagamento muda de situação. |
| Chave de API | Senha que identifica o seu site/app nas opções avançadas. Nunca pode aparecer para o cliente. |
| Secrets | Cofre do Lovable para guardar chaves e senhas. Só o backend consegue ler o que está lá. |
| Redirecionamento | Endereço do seu site/app para onde o cliente volta depois de pagar (campo redirect_url). |
| Iframe | Janela que mostra um site dentro de outro. O checkout da InfinitePay não abre nela. |
O que é o Checkout Integrado da InfinitePay?
É uma página de pagamento hospedada pela InfinitePay e criada pela API. O seu site/app envia os itens do pedido e recebe de volta um endereço. O cliente abre esse endereço, paga com Pix ou cartão e retorna para o site/app.
Não é uma API de Pix: o código e o QR Code aparecem na página da InfinitePay, não dentro do seu site/app. Em troca, você não lida com dados de cartão nem com a geração da cobrança. A documentação do Checkout Integrado traz todos os campos.
O que você precisa antes de começar?
Quatro itens, todos resolvidos em poucos minutos:
- Conta de lojista na InfinitePay. É nela que o dinheiro cai.
- Checkout integrado ativado. Nas Configurações do Checkout, ligue a opção Habilitar checkout integrado. Sem isso, a API responde com o erro
external_checkout_not_enabled. - Sua InfiniteTag sem o cifrão. Ela é o
handleque identifica a sua conta em cada chamada. - Um site/app no Lovable com backend. O Lovable Cloud entrega banco de dados e funções de backend, e é ativado quando o projeto precisa.
Ainda não tem o site/app? O passo a passo de como criar um site com IA mostra por onde começar.
Como integrar o Pix no Lovable passo a passo?
O fluxo tem cinco etapas: o cliente clica em Comprar, o backend cria o link, o cliente paga no checkout, o webhook avisa o site/app e o site/app confirma antes de liberar o pedido.
1. Cole o prompt no chat do Lovable
Este texto descreve a integração inteira. Troque os nomes de tabela pelos que o seu site/app já usa:
Integre pagamentos com o Checkout Integrado da InfinitePay neste site/app.
1. Crie a tabela pedidos com: id, itens, valor_centavos, status (pendente, pago, cancelado), order_nsu único e transaction_nsu.
2. Crie uma função de backend chamada criar-pagamento. Ela recebe o id do produto, busca o preço no banco de dados (nunca aceite preço vindo do navegador), grava o pedido como pendente e faz POST em https://api.checkout.infinitepay.io/links com handle, items (quantity, price em centavos, description), order_nsu, redirect_url e webhook_url. Devolva ao front apenas a url que vier na resposta.
3. No botão Comprar, chame essa função e abra a url em uma nova aba.
4. Crie uma função de backend chamada webhook-infinitepay. Ao receber um aviso, ela faz POST em https://api.checkout.infinitepay.io/payment_check com handle, order_nsu, transaction_nsu e slug. Marque o pedido como pago somente se a resposta trouxer paid: true. Responda 200 em menos de 1 segundo e 400 em caso de erro.
5. Na página de retorno, mostre "Pagamento em confirmação" e consulte o status do pedido no banco. Não libere nada só pelos parâmetros da URL.
6. Leia o handle de uma variável de ambiente do backend. Não coloque nenhuma chave no código do front.2. Informe a sua InfiniteTag pelo formulário seguro
Quando o Lovable pedir o valor do handle, preencha no formulário que ele abre, não no chat. O mesmo vale para a chave de API, se você usar as opções avançadas: os secrets do Lovable ficam criptografados, vão só para as funções de backend e nunca chegam ao navegador.
3. Confira o que a função envia
Peça ao Lovable que mostre o corpo da chamada e compare com a tabela:
| Campo | O que enviar | Obrigatório |
|---|---|---|
| handle | Sua InfiniteTag sem o cifrão | Sim |
| items | Lista com quantity, price em centavos e description. R$ 10,00 vira 1000 | Sim |
| order_nsu | O número do pedido no seu site/app | Não, mas sem ele não dá para conciliar |
| redirect_url | Página do site/app para onde o cliente volta depois de pagar | Não |
| webhook_url | Endereço da função que recebe o aviso de pagamento | Não |
| customer | Nome, e-mail e telefone, para o cliente não digitar de novo | Não |
4. Publique e teste com R$ 1,00
A prévia do Lovable roda dentro de um iframe, e o checkout não abre ali. Publique o site/app, crie um produto de R$ 1,00, pague com Pix e veja se o pedido muda para pago. Depois, reembolse pelo App InfinitePay ou pela Conta Web.
As vendas aparecem em Suas vendas, no filtro Checkout integrado. Para ver os campos em detalhe, leia o roteiro de integração com a InfinitePay.
Como confirmar o pagamento com segurança?
Consulte a InfinitePay antes de liberar qualquer pedido. O webhook do Checkout Integrado não tem assinatura, uma marca que provaria que o aviso veio mesmo da InfinitePay, então quem descobrir o endereço pode enviar um aviso falso. A confirmação acontece em uma segunda chamada, feita pelo seu backend, ao endereço payment_check.
É o mesmo cuidado de quem confere o extrato em vez de confiar no print do cliente, como explica o texto sobre comprovante de Pix falso.
Quanto custa receber Pix no site/app?
Nada: o Pix na InfinitePay tem taxa zero. O custo aparece quando o cliente escolhe o cartão, que segue as taxas do Link de Pagamento. No plano com recebimento em 1 dia útil, o crédito à vista custa 4,20%.
Veja um exemplo com um produto de R$ 197:
| Forma de pagamento | Taxa | Você recebe | Quando |
|---|---|---|---|
| Pix | 0% | R$ 197,00 | Na hora |
| Crédito à vista | 4,20% | R$ 188,73 | 1 dia útil |
A diferença é de R$ 8,27 por venda. Em 100 vendas, são R$ 827,00 que ficam no caixa quando o cliente paga com Pix. Os valores são um exemplo, calculado com as taxas consultadas em novembro de 2026.
Com a chave de API, dá para dar desconto no Pix direto no checkout e puxar o cliente para a forma mais barata para você.
O que o Checkout Integrado não faz?
Ele não substitui um gateway de pagamento, o sistema completo que processa pagamentos dentro do seu próprio site. Cada limite tem um contorno simples:
| Limite | Como contornar |
|---|---|
| Não abre em iframe nem em janela dentro do site/app | Abra o link em nova aba e use o redirecionamento para trazer o cliente de volta |
| Não devolve o código Pix nem o QR Code pela API | O cliente lê o QR Code na página da InfinitePay |
| Não permite desligar o cartão | Ofereça desconto no Pix para direcionar a escolha |
| Não tem cobrança recorrente | Gere um link novo a cada ciclo e avise o cliente |
| Não tem reembolso por API | Reembolse pelo App InfinitePay ou pela Conta Web |
| O link não expira e aceita vários pagamentos | Envie single_payment e valid_until com a chave de API |
E se você não precisa de um site/app sob medida?
Nem toda venda pede código. Se a ideia é montar um catálogo e vender, a Loja Online da InfinitePay já vem com o pagamento pronto. Para cobrar um cliente por vez no cartão, o Link de Pagamento sai direto do app.
O vídeo abaixo mostra, em menos de 2 minutos, como criar a Loja Online pelo App InfinitePay:
Para quem já tem o site/app no Lovable, o caminho é curto: ative o Checkout Integrado, cole o prompt e faça o teste de R$ 1,00. No Pix, os R$ 197 do exemplo chegam inteiros.
