Payment Page

ℹ️ How it works:

1. Fill in the billing information below
2. Optionally override credentials if testing different merchants
3. Check payment methods and billing options (you must have matching payment methods set in the EBC portal)
4. Click "Start Checkout" to generate the payment form
5. Enter card details in the sidebar that appears, enabling or disabling billing options as required
6. Submit to process the payment

🔑 Credential Override (Optional)

Merchant ID:

Merchant Key ID:

Merchant Secret Key:

💳 Payment Method Options

Enable Google Pay

Enable Apple Pay

Enable Click to Pay

📋 Billing Information Options

Full Billing Type

Request Email

Request Phone

Request Shipping

📝 Customer Capture Form

First Name:

Last Name:

Email:

Phone Number:

Address:

City:

Postal Code:

State/Region:

Country:

Amount:

Currency:

💳 CyberSource Payment Sidebar

Payment form will appear here...

📊 Debug Output

🔄 Payment Processing Flow

Get Context

Request capture context from server

→

Load SDK

Initialize payment interface

→

User Input

Customer enters payment details

→

Complete

Process and authorize payment

Waiting for payment flow to start...