Tap Checkout Web SDK Demo

1

Gateway

Use a Tap public key. Never place a secret key in frontend code.

Public Key * Required. Use a test key for sandbox testing. Merchant ID Optional when the public key already identifies the merchant.

2

Checkout configuration

Control how the Checkout SDK is displayed and which payment options are available.

Language Theme Checkout Mode Payment Type Selected Currency Supported Currencies Use ALL or comma-separated currency codes. Supported Payment Methods Use ALL or comma-separated method names supported by the merchant account. Supported Payment Types Supported Schemes Supported Countries Supported Regions

3

Transaction

Set the amount, transaction mode, redirect URL, and webhook URL.

Amount * Transaction Mode Description Transaction Reference Order Reference Redirect URL Webhook URL

Save Card Ask the SDK to show the save-card option when supported. 3D Secure Enable 3DS verification for the card payment flow.

4

Customer

Add the customer information passed to the Checkout SDK.

Customer ID First Name Last Name Email Country Code Phone Number

5

Card options

Control the card form behavior inside Checkout.

Show Brands Show Loading State Collect Holder Name Card Name Editable Force LTR

Preloaded Card Name Card Funding Source Save Card Option