Hosted Payment Page Deposit Demo
Select a deposit amount to simulate a purchase. This will generate a payment request and redirect you to the Orbital Hosted Payment Page (HPP).
10 TST
Basic Deposit
20 TST
Standard Deposit
50 TST
Advanced Deposit
100 TST
Pro Deposit
How it Works
Payment Request Creation
Button click calls /invoice/deposit with amount and customer details
HPP URL Generation
Orbital returns a unique hosted payment page URL for the transaction
Popup Window Opens
JavaScript opens a new browser window to display the payment page
Payment Processing
Users complete payment on the hosted page. Orbital handles all security and compliance.
Key Features
- • PCI Compliant - No card data touches your servers
- • Responsive Design - Works on all devices and screen sizes
- • Multiple Payment Methods - Supports various crypto and fiat options
- • Customizable Branding - Add your logo and colors to the HPP
Integration Benefits
HPP is the fastest way to start accepting payments - no complex frontend integration required. Orbital handles all payment processing, security, and regulatory compliance.
Rapid Deposit Demo
Generate a new, unique TST deposit address via the API. Send funds to this address to see the balance update.
How it Works
API Call to Orbital
Button calls /crypto/deposit/receiving-address endpoint with customer details
Unique Address Generated
Orbital returns a unique TST deposit address on the TETH network for this transaction
QR Code Generation
JavaScript uses qrcode-generator library to create QR from the address string
Payment Ready
Users can copy the address or scan the QR code to send TST. Balance updates automatically.
Key Features
- • Client-side QR generation - No API overhead
- • Unique addresses - Each call generates a new address
- • Real-time updates - Balance reflects immediately
- • Mobile friendly - QR codes work with wallet apps
Embedded Payment Page (EPP) Demo
This demo shows how to embed the Orbital payment page directly into your site using an iframe and the Orbital Widget.
How it Works
Payment Data Preparation
Client creates payment payload with amount, customer details, and return URLs
Server-Side Signature
Server calls /generate-signature to create secure payment signature
Widget Initialization
OrbitalWidget.init() creates iframe with the payment page
Embedded Payment Flow
Users complete payment without leaving your site. Widget handles all security.
Key Features
- • Seamless Integration - Payment stays within your site flow
- • Responsive Design - Widget adapts to different screen sizes
- • Secure by Default - All payment processing handled by Orbital
- • Customizable - Control widget appearance and behavior
Integration Benefits
EPP provides the perfect balance between customization and security. Keep users on your site while leveraging Orbital's payment infrastructure.
Implementation Note
Requires server-side signature generation for security. The widget library is loaded from widgets.getorbital.io
API Invoice Demo
Simulate creating a deposit instruction directly via API. The response will contain a QR code and deeplink for the end-user.
How it Works
Invoice Creation Request
Form submission calls /crypto/deposit/invoice with amount and customer details
Invoice Data Returned
Orbital generates invoice with payment address, amount, expiry time and transaction details
QR Code Generation
JavaScript uses qrcode-generator library to create QR from the payment address
Payment Processing
Users pay the exact amount to the address. Orbital tracks and confirms the payment automatically.
Invoice Features
- • Fixed amount invoices - Exact payment required
- • Time-limited - Invoices have expiration times
- • Webhook notifications - Real-time payment alerts
- • Full API response - Complete transaction metadata
Difference vs Rapid Deposit
API Invoice creates fixed-amount payment requests, while Rapid Deposit generates open-amount receiving addresses.
Balance and Account
TST Account Balance
0.00
Last updated: N/A
Logs
How to Withdraw Funds
Prepare Withdrawal Request
Collect recipient wallet address, amount, and ensure sufficient TST balance in your account. (Plus TETH for gas fees)
API Call to Orbital
POST to /crypto/withdrawal with recipient details and amount
Processing & Confirmation
Orbital processes the withdrawal and sends TST to the specified wallet address on the network
API Example
POST /crypto/withdrawal
Headers:
x-api-key: YOUR_API_KEY
Content-Type: application/json
Body:
{
"targetCurrency": "TST",
"mainCurrency": "TETH",
"sourceAmount": "20",
"address": "0x3757b062CCc968227b58AD252b809953A0263B0C",
"externalId": "withdraw-123",
"firstName": "John",
"lastName": "Doe",
"dateOfBirth": "1990-01-23",
"notifyUrl": "https://notifyme.com/notify"
}Important Notes
- • Network fees - Small TETH fee deducted as Gas fee
- • Minimum amounts - Currencies have different minimum withdrawal limits
- • Address validation - Ensure recipient address is correct
Demo Limitation
This demo focuses on deposit flows. Withdrawal functionality is not implemented in this UI, but the API endpoints are available for integration.