Webview Home: Order Details & Token Selection

A detailed walkthrough of the Hashpay Webview hosted checkout home screen: understanding the BillCard invoice header, merchant order credentials, why stablecoins (USDT & USDC) are used, and how to select optimal blockchain networks.

Overview of the Webview checkout home screen

When a customer opens a payment link or clicks crypto checkout on an e-commerce website, the Hashpay Webview launches as a secure, hosted checkout modal. The interface is engineered to be fully responsive across mobile smartphones, tablets, and desktop workstations.

Hashpay Webview Home Screen and Token Selection — Figure 1: Hashpay Webview Home Screen showing BillCard order summary and expandable token selection

Anatomy of the order summary card (BillCard)

The top card of the checkout interface renders all essential invoice credentials directly from the merchant's backend order:

Merchant Store Name — Displays the verified legal or trade name of the merchant (e.g. *Erwin Store*) to reassure the customer they are paying the legitimate vendor.
Order ID (`#ORD...`) — A unique identifier assigned to the transaction (e.g. #ORD202610243938676). Customers can tap the copy icon next to the order number to save it for customer support or order tracking.
Total Bill Amount — Rendered prominently in large typography in the merchant's local fiat currency (e.g. Rp 100.000 or $25.00 USD).
Order Expiry Countdown — Displays the remaining time before the merchant's checkout session expires (e.g. 23:59:53 or 24 hours), preventing stale checkout attempts.

Why stablecoins (USDT & USDC) instead of volatile crypto?

Traditional cryptocurrencies like Bitcoin or Ethereum fluctuate in price continuously, making them impractical for daily commercial checkout. Hashpay settles transactions using digital dollar stablecoins pegged 1:1 with the United States Dollar ($1.00 USD):

Stablecoin	Issuer & Backing	Key Benefit for Customers
USDT (Tether)	Tether Operations Limited (Audited cash & US Treasury reserves)	The most widely liquid stablecoin globally, supported across every major crypto exchange and Web3 wallet.
USDC (USD Coin)	Circle Internet Financial (Audited cash reserves & short-term US Treasuries)	Institutional-grade regulatory compliance favored by fintech applications and corporate treasuries.

Selecting preferred token & blockchain network

Stablecoins do not live on a single network; they circulate across multiple blockchain networks. When tapping on a token group (e.g. USDT 2 Chains), the available blockchain channels expand:

Blockchain Network	Token Standard	Confirmation Time	Network Gas Fee Paid In	Recommended For
BNB Smart Chain	BEP-20	2–3 seconds	BNB (~$0.02 – $0.08)	Daily retail and e-commerce shopping; lightning fast with negligible gas fees.
Tron Network	TRC-20	3–5 seconds	TRX (~$0.50 – $1.20)	High-liquidity international USDT transfers across Asian and European corridors.
Solana	SPL	Sub-second (<1s)	SOL (<$0.01)	Instant checkout via mobile Solana wallets such as Phantom.
Ethereum Mainnet	ERC-20	15–30 seconds	ETH (~$2.00 – $10.00)	High-value commercial transactions and institutional custodial settlements.