Widget Capabilities

CCG UI widget can be customized to suit specific use cases, ranging from simple one-time payments to managing the entire wallet.

Capabilities

Add a payment method

• Provides ability to:
  • Add single payment method

Mode	User
PAYMENT_METHOD_ENTRY	wallet

Make one time payment

• Provides ability to:
  • Make a single payment
  • wallet user have the provision to
    • save the card and optionally set it as default while making the payment

Mode	User
PAYMENT	wallet,guest

Manage wallet and make payment

• Provides ability to:
  • Manage wallet
    • Add/update/delete one or more payment method
    • Set a payment method as default
  • Make a payment

Mode	User
PAYMENT_WITH_WALLET	wallet

Manage wallet

• Provides ability to:
  • Manage wallet
    • Add/update/delete one or more payment method
    • Set a payment method as default

Mode	User
WALLET	wallet

Payment method selector

• Provides ability to:
  • Display all saved payment methods in a users wallet

Mode	User
PAYMENT_METHOD_SELECT	wallet

For more information, see the Payment Method Selector Documentation.

Payment method display

• Provides ability to:
  • Showcase the chosen payment method in card-like display

Mode	User
PAYMENT_METHOD_DISPLAY	wallet

Supported UI Experience

The following matrix summarizes which UI modes and types are supported for each widget capability:

Mode / Type	Hosted	Embedded: Inline	Embedded: Modal	Embedded: Drawer	Embedded: Inline-Modal	Embedded: Inline-Drawer
PAYMENT	✅	✅	✅	✅	❌	❌
PAYMENT_METHOD_ENTRY	✅	✅	✅	✅	❌	❌
PAYMENT_WITH_WALLET	✅	✅	✅	✅	✅	✅
WALLET	✅	✅	✅	✅	✅	✅
PAYMENT_METHOD_SELECT	✅	✅	❌	❌	✅	✅
PAYMENT_METHOD_DISPLAY	❌	✅	❌	❌	❌	❌