Payment Page

📝 How This Works:

1. Fill out billing info below (for testing)
2. Click "Start Checkout" - your data will pre-populate the payment form
3. Edit any fields in the payment form if needed
4. Fuse will use the data from the payment form (including any edits)

📊 Payment Flow Overview:

📝 Fill out billing info in the HTML form
🚀 Click "Start Checkout" → sends data to backend (getCaptureContext.py via a Flask server)
🎯 Backend creates capture context with pre-populated billing data and sends to Smartpay Fuse
💳 Sidebar loads and displays with your pre-populated data sent in the capture context → user can edit and add card details
✅ User submits sidebar → Smartpay Fuse (JavaScript calls up.complete(token) using sidebar data (including edits))
📊 JavaScript on webpage receives decoded transaction result with all details from Fuse

Billing Information (Test Data)

This data will pre-populate the payment form. You can edit it there before submitting.

🔑 Smartpay Fuse Credentials (Optional Override of Default Values)

Leave blank to use credentials from Configuration.py

Merchant ID

Merchant Key ID

Merchant Secret Key

First Name *

Last Name *

Email *

Phone Number *

Address *

Building Number

City *

Postal Code *

State/Province

Country *

Amount *

Currency *

Debug Output

🔄 Unified Checkout Payment Flow

Generate Context

Backend creates capture context

→

Initialize SDK

Load Accept.js & show form

→

Process Payment

User submits payment

→

Complete

Receive transaction result

Payment Page - Complete Mandate

Billing Information (Test Data)

Debug Output