PBE-PAY SANDBOX

Try the full Pay by Paybyte flow.

This interactive checkout walks through the customer experience from payment button to confirmation. It is intentionally disconnected from the blockchain: no wallet key is accessed, no transaction is signed, no RPC request is made and no PBE can move.

Simulation only0 PBE sentNo network calls12 simulated confirmations

Safe demonstrationEverything below runs only in your browser with timers and randomly generated demonstration IDs. It never contacts /rpc/broadcast or a wallet endpoint.

Example StoreSANDBOX

Developer Coffee MugDemo order #PB-49152

25.00 PBE

Total25.00 PBE

Interactive developer sandbox · Nothing will be charged

Checkout event stream

Click Pay by Paybyte to begin.

What a real integration does

Create unique reference→Open compatible wallet→Customer signs locally→Broadcast signed transaction→Verify recipient + amount + reference→Wait for merchant confirmation depth

The demo intentionally skips cryptographyA production customer wallet must build and sign transaction v2 locally with the paymentReference included in the signed bytes. This sandbox never creates a spendable transaction.

Implement the real button

The visual asset used above is included at /web/assets/paybyte-pay-button.png. Developers can use their own accessible HTML button or the Paybyte asset while wiring the click to the SDK.

HTML

<script src="/sdk/paybyte-pay.js"></script>
<button id="payWithPaybyte" type="button">
  <img src="/assets/paybyte-pay-button.png" alt="Pay by Paybyte">
</button>
<script>
Paybyte.bindButton('#payWithPaybyte', {
  recipient: 'pbe1...merchant...',
  amount: '25.00',
  reference: 'order_49152',
  label: 'Example Store',
  walletUrl: 'https://wallet.example.com'
});
</script>

Continue with the Quick start for the production flow or the Commerce API reference for every endpoint.