Widget Overview

Overview

The Holdstation Pay Widget allows partners to integrate crypto payment functionality directly into their websites or applications quickly, without needing to build a wallet system or handle complex blockchain processes.

How It Works

Generate Widget URL

Partner generates a widget URL with the defined configuration parameters.

User Confirms Transaction

User confirms the transaction on the embedded widget.

Process on Blockchain

The widget processes the transaction on the blockchain.

Receive Result

Partner receives the result via window.postMessage to update the UI.

Integration Methods

Iframe Integration

No SDK required. Compatible with all frameworks — React, Vue, plain HTML.

Web SDK (Coming Soon)

Optional SDK integration currently in development.

Quick Start

Embed the widget using an <iframe> tag:

<iframe
    src="https://pay.capybera.xyz/?wallet=<WALLET>&theme=dark&lang=en&method=buy&token_address=<TOKEN>&chain_id=<CHAIN_ID>"
    width="100%"
    height="650"
    frameborder="0"
    style="border-radius: 16px; overflow: hidden;">
</iframe>

Environment	Widget Base URL
Sandbox	`https://pay.capybera.xyz`
Production	`https://pay.holdstation.com`

UI Recommendations

The widget is optimized for the following dimensions:

Width: 360px – 480px
Minimum Height: 600px

Balance Change Webhook Widget Configuration

Getting Started

Core Concepts

Widget Integration

Partner Merchant Virtual Account

Partner Customer KYC

Request Signing

Overview

How It Works

Integration Methods

Iframe Integration

Web SDK (Coming Soon)

Quick Start

Widget URLs

UI Recommendations

​Overview

​How It Works

​Integration Methods

Iframe Integration

Web SDK (Coming Soon)

​Quick Start

​Widget URLs

​UI Recommendations

Overview

How It Works

Integration Methods

Quick Start

Widget URLs

UI Recommendations