Skip to content
KrokoPay
Sign inCreate account

Checkout · Products

Your brand, Pix and card on one page

Send buyers to a hosted checkout that shows your name and color, lets them pay by Pix or card without leaving the page and tells them clearly what happened, whether the payment went through or not.

Create accountSee demo payment links

Test mode only on this site: the demo checkout uses fictional data and no money moves.

  • Pix and card on one page
  • Your name, color and logo tile
  • English and Portuguese for the buyer

Estúdio Jacarandá

Checkout by KrokoPay

Test mode

Order summary

Visual identity course

R$497.00

TotalR$497.00

Scan the QR code to pay

Waiting for paymentExpires in 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|49700|NOT-A-REAL-PIX-CODE|F597D6CD

Demo control: marks this fictional charge as paid.

Your brand

Set it once in Settings

The checkout takes its identity from your dashboard settings. Change the name or the color there and every new checkout follows. Try it here with a few fictional businesses.

Business name
Shown at the top of the checkout and in the confirmation.
Accent color
Used on the pay button and the logo tile.
Logo tile
Your logo next to the name. In this demo it shows your initials.
Open brand settings in the demo dashboard

Example brands

Accent color

Plum

Name, initials and color come from your checkout settings.

Ateliê Jacarandá

Checkout by KrokoPay

Test mode

Order summary

Ceramics workshop

R$189.00

TotalR$189.00

Scan the QR code to pay

Open your bank app, choose Pix and scan the code, or copy the code below.

Waiting for paymentExpires in 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|18900|NOT-A-REAL-PIX-CODE|E0B78FDD

Demo control: marks this fictional charge as paid.

Every state, designed

The buyer always knows what happened

A checkout is more than the happy path. Pick a state to see the screen the buyer gets and the event your system receives.

Estúdio Jacarandá

Checkout by KrokoPay

Test mode

Order summary

Visual identity course

R$497.00

TotalR$497.00

Scan the QR code to pay

Waiting for paymentExpires in 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|49700|NOT-A-REAL-PIX-CODE|F597D6CD

The QR code, the copy-and-paste code and the countdown. The page confirms the payment in real time.

Eventcharge.created

Showing: Waiting for Pix

Mobile first, in the buyer's language

Made for a phone in either language

Most Pix payments start on a phone, so the checkout is designed for small screens first. The buyer picks English or Portuguese; amounts stay in BRL.

  • Readable from 360px wide, with no sideways scrolling.
  • Touch targets of at least 44px and visible focus.
  • The copy-and-paste code is one tap away for buyers already on their phone.

Estúdio Jacarandá

Checkout by KrokoPay

Test mode

Order summary

Visual identity course

R$497.00

TotalR$497.00

Scan the QR code to pay

Waiting for paymentExpires in 14:52
KROKOPAY-DEMO|PIX|chg_9Qs5MbT2kXn8Vd|BRL|49700|NOT-A-REAL-PIX-CODE|F597D6CD

Demo control: marks this fictional charge as paid.

Same checkout, same charge: only the language changes.

Opening a checkout

Two ways in, the same checkout

A checkout always belongs to a charge. Create it without code from a payment link, or from your backend with the API proposal.

From a payment link

Create a link in the dashboard and share it. Every visit opens a checkout for that link.

  1. Create the link with a name, an amount and the methods.
  2. Share the URL by chat, email or social media.
  3. Each payment shows up in Payments.

Payment link URL

https://krokopay.app/pay/plink_2Wn6HsT9cVb4Lq
Create a payment link in the demoAbout payment links

From the API

Create a charge on your backend and redirect the buyer to the checkout_url in the response.

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"    ]  }'
Response (excerpt)JSON
{  "id": "chg_9Qs5MbT2kXn8Vd",  "object": "charge",  "amount": 49700,  "currency": "BRL",  "status": "pending",  "checkout_url": "https://krokopay.app/pay/chg_9Qs5MbT2kXn8Vd"}

Provisional API contract proposal. These are examples, not an operational endpoint.

Checkout docs

Checkout questions, answered plainly

Including what is not defined yet.

Still undefined

  • FeesTo be announced
  • Custom domainTo be announced

Shown as “To be announced” until the terms are final.

See pricing

Yes. The name, the accent color and the logo tile come from your dashboard settings. In this demo the logo tile shows your initials.

Yes. The buyer switches between Pix and card without leaving the checkout. If a card is declined, Pix is one tap away.

Custom domains are not defined yet. The checkout is hosted by KrokoPay.

English and Brazilian Portuguese. The buyer picks the language in the checkout, and amounts are always shown in BRL.

A clear screen for each case: a declined card with the reason and a way forward, an expired Pix code, or a link that is no longer available. Each case also has an event or a status you can act on.

Commercial terms are still to be announced. The pricing page shows what is defined so far.

Open your first branded checkout in test mode

Create an account, set your name and color, and share a payment link with yourself.

Create accountRead the checkout docs

No real payment is made.