Sign in

Developer playground · Test mode only

Pay button

A drop-in checkout button your customers can complete, in test mode.

Test keys
Used for every request in the playground. Test mode only — live keys are rejected.

Used by the pay button and browser checkout.

Paste a test secret. It stays encrypted for one hour.

Checkout button
Create a test checkout with the SDK, then open its hosted checkout. In your store, the button redirects customers automatically.
Live preview · test mode0.10 USDT
Pay 0.10 USDTAdd a test publishable key above to enable the button.
USDT

Charged in test USDT.

Your order id — copied to the invoice.

Drives how the simulated payment settles.

Idempotency-Key: Preparing…

Retries reuse this key. Open the returned checkout below to complete a simulated payment. Choose New checkout only for a separate order; a timeout may still have created the original session.

Integrate
Copy the snippet for your stack — the values track the controls above.

Integrate the button

TypeScript
import { PayclaveCheckoutButton } from "@payclave/sdk-react"

export function PayButton() {
  return (
    <PayclaveCheckoutButton
      publicKey="pk_test_…"
      amount={"0.10"}
      reference={""}
      idempotencyKey={""}
      onError={(error) => {
        console.error(error.code, error.requestId)
      }}
    >
      Pay with Payclave
    </PayclaveCheckoutButton>
  )
}