Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents
none
minLevel1
maxLevel6
outlinefalse
styledisc
typelist
printabletrue

The new payment page introduces a modern, accessible, and user-friendly interface, enhancing both User Experience (UX) and User Interface (UI). This page is designed to meet the needs of a diverse global audience, offering seamless integration with multiple payment options.

image-20250117-092556.png

...

Key Features

Feature

Description

Payment Options

  • Credit Card: Enter card details (name, number, expiry, CVC).

  • WeChat & Alipay: Alternative payment methods.

Cobadge Selection

For users with cobadge cards, we provide the ability to choose their preferred payment scheme.

Customization

Merchants can replace the default top-left logo with their own company logo for brand alignment.

Dark and Light Mode

The page automatically detects the user’s Operating System theme and applies the corresponding dark or light mode.

Order Information

Displays invoice and billing address to ensure transparency.

Cart Details

An optional sidebar showing subtotal and total amounts for clarity.

ℹ️ Note: The Cart Details sidebar can be toggled on or off by merchants, depending on their specific needs.

...

ℹ️ Note: Regular updates are planned to improve accessibility scores and maintain compliance with RGAA standards.

...

Design and Layout

Element

Description

Language Options

Supports English, Français, Español, Deutsch, Italiano, 繁體中文.

Form Validation

Real-time error messages guide users to fix mistakes for seamless input.

Responsive Design

Optimized for desktops, tablets, and mobile devices to provide a consistent experience.

...