API playground
Sign in

Playground

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.

Sealed server-side. Paste a test secret for secret-key endpoints.

Checkout button
A drop-in button your customers click to pay. It opens Payclave-hosted checkout in test mode.
Live preview · test mode0.10 USDT
Pay 0.10 USDTAdd a publishable key (pk_test_…) to enable the button.
USDT

Charged in test USDT.

Your order id — copied to the invoice.

Drives how the simulated payment settles.

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

Integrate the button

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

export function PayButton() {
  return (
    <PayclaveCheckoutButton
      publicKey="pk_test_…"
      amount="0.10"
      reference=""
      onSuccess={(session) => {
        window.location.assign(session.checkoutUrl)
      }}
    >
      Pay with Payclave
    </PayclaveCheckoutButton>
  )
}