Pular para o conteúdo
KrokoPay

Checkout · Produtos

Sua marca, Pix e cartão na mesma página

Leve o comprador a um checkout hospedado que mostra o seu nome e a sua cor, aceita Pix ou cartão sem sair da página e deixa claro o que aconteceu, tenha o pagamento dado certo ou não.

Neste site, só modo de teste: o checkout de demonstração usa dados fictícios e nenhum dinheiro é movimentado.

  • Pix e cartão na mesma página
  • Seu nome, sua cor e seu logo
  • Português e inglês para o comprador

Estúdio Jacarandá

Checkout por KrokoPay

Modo de teste

Resumo do pedido

Curso de identidade visual

R$ 497,00

TotalR$ 497,00

Escaneie o QR Code para pagar

Aguardando pagamentoExpira em 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|49700|NOT-A-REAL-PIX-CODE|F597D6CD

Controle da demo: marca esta cobrança fictícia como paga.

Sua marca

Configure uma vez em Configurações

O checkout usa a identidade definida nas configurações do painel. Mude o nome ou a cor ali e todos os novos checkouts acompanham. Experimente aqui com alguns negócios fictícios.

Nome do negócio
Aparece no topo do checkout e na confirmação.
Cor de destaque
Usada no botão de pagar e no quadro do logo.
Quadro do logo
Seu logo ao lado do nome. Nesta demonstração, ele mostra as suas iniciais.
Abrir as configurações de marca no painel de demonstração

Marcas de exemplo

Cor de destaque

Ameixa

Nome, iniciais e cor vêm das configurações do seu checkout.

Ateliê Jacarandá

Checkout por KrokoPay

Modo de teste

Resumo do pedido

Oficina de cerâmica

R$ 189,00

TotalR$ 189,00

Escaneie o QR Code para pagar

Abra o app do seu banco, escolha Pix e escaneie o código, ou copie o código abaixo.

Aguardando pagamentoExpira em 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|18900|NOT-A-REAL-PIX-CODE|E0B78FDD

Controle da demo: marca esta cobrança fictícia como paga.

Cada estado, pensado

O comprador sempre sabe o que aconteceu

Um checkout não é só o caminho feliz. Escolha um estado para ver a tela que o comprador recebe e o evento que o seu sistema recebe.

Estúdio Jacarandá

Checkout por KrokoPay

Modo de teste

Resumo do pedido

Curso de identidade visual

R$ 497,00

TotalR$ 497,00

Escaneie o QR Code para pagar

Aguardando pagamentoExpira em 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|49700|NOT-A-REAL-PIX-CODE|F597D6CD

O QR Code, o Pix Copia e Cola e a contagem regressiva. A página confirma o pagamento em tempo real.

Eventocharge.created

Mostrando: Aguardando Pix

Pensado para o celular, no idioma do comprador

Feito para o celular, em qualquer dos dois idiomas

A maioria dos pagamentos via Pix começa no celular, por isso o checkout é desenhado primeiro para telas pequenas. O comprador escolhe português ou inglês; os valores continuam em reais.

  • Legível a partir de 360px de largura, sem rolagem lateral.
  • Áreas de toque de pelo menos 44px e foco visível.
  • O Pix Copia e Cola fica a um toque para quem já está no celular.

Estúdio Jacarandá

Checkout por KrokoPay

Modo de teste

Resumo do pedido

Curso de identidade visual

R$ 497,00

TotalR$ 497,00

Escaneie o QR Code para pagar

Aguardando pagamentoExpira em 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|49700|NOT-A-REAL-PIX-CODE|F597D6CD

Controle da demo: marca esta cobrança fictícia como paga.

O mesmo checkout e a mesma cobrança: só o idioma muda.

Como abrir um checkout

Dois caminhos, o mesmo checkout

Todo checkout pertence a uma cobrança. Crie sem código a partir de um link de pagamento ou pelo seu backend, com a proposta de API.

Por um link de pagamento

Crie um link no painel e compartilhe. Cada acesso abre um checkout para aquele link.

  1. Crie o link com um nome, um valor e as formas de pagamento.
  2. Compartilhe o endereço por WhatsApp, e-mail ou redes sociais.
  3. Cada pagamento aparece em Pagamentos.

Endereço do link de pagamento

https://krokopay.app/pay/plink_2Wn6HsT9cVb4Lq

Pela API

Crie uma cobrança no seu backend e redirecione o comprador para o checkout_url da resposta.

curl -X POST https://api.krokopay.app/v1/charges \  -H "Authorization: Bearer kp_test_sk_4f9a2c7e1b8d4a6f9c3e5d7b" \  -H "Idempotency-Key: order_1042" \  -H "Content-Type: application/json" \  -d '{    "amount": 49700,    "currency": "BRL",    "description": "Curso Identidade Visual do Zero",    "customer_id": "cus_8Hq2LmZr4TxN1a",    "methods": [      "pix",      "card"    ]  }'
Resposta (trecho)JSON
{  "id": "chg_9Qs5MbT2kXn8Vd",  "object": "charge",  "amount": 49700,  "currency": "BRL",  "status": "pending",  "checkout_url": "https://krokopay.app/pay/chg_9Qs5MbT2kXn8Vd"}

Proposta provisória de contrato de API. São exemplos, não um endpoint em operação.

Documentação do checkout

Dúvidas sobre o checkout, respondidas sem rodeios

Inclusive o que ainda não está definido.

Ainda não definido

  • TarifasA definir
  • Domínio próprioA definir

Aparece como “A definir” até as condições serem fechadas.

Ver preços

Sim. O nome, a cor de destaque e o quadro do logo vêm das configurações do painel. Nesta demonstração, o quadro do logo mostra as suas iniciais.

Sim. Ele alterna entre Pix e cartão sem sair do checkout. Se o cartão for recusado, o Pix fica a um toque.

Domínios próprios ainda não estão definidos. O checkout é hospedado pela KrokoPay.

Português do Brasil e inglês. O comprador escolhe o idioma no próprio checkout, e os valores sempre aparecem em reais.

Uma tela clara para cada caso: cartão recusado com o motivo e um caminho, código Pix expirado ou link que não está mais disponível. Cada caso também gera um evento ou um status para você agir.

As condições comerciais ainda serão divulgadas. A página de preços mostra o que já está definido.

Abra seu primeiro checkout com a sua marca no modo de teste

Crie uma conta, defina seu nome e sua cor e envie um link de pagamento para você mesmo.

Nenhum pagamento real é feito.