Skip to main content
Version: v1

Convenient Checkout UI

The Convenient Checkout Gateway (CCG) UI is a flexible, embeddable payment widget that enables merchants to accept payments, manage digital wallets, and deliver secure checkout experiences — all with minimal integration effort.

Quick Start

New to CCG? Start with the Getting Started guide to set up your first integration in minutes.

Integration Experiences​

The CCG widget supports two core delivery models. Choose the one that fits your integration needs:

Embedded

Embedded Experience

Embedded Experience — wallet inside merchant portal

The widget renders directly inside your application via inline, modal, or drawer containers — seamlessly integrated with your brand.

  • Display and manage the member's digital wallet
  • Add, edit, or delete saved payment methods
  • Make one-time payments without saving details
  • Guest checkout — no wallet required
  • Supports React and non-React apps
Hosted

Hosted Experience

Hosted Experience — widget as browser pop-up

The widget is served as a CCG-managed browser pop-up launched from your page — minimal frontend code required.

  • Full wallet experience with HealthSafe Pay
  • Guest checkout (one-time payment)
  • Language selector dropdown
  • Quickest setup — no embedding needed

Documentation Map​

🚀

Getting Started

Quick start, CDN/NPM install, TypeScript setup, and session prerequisites.

🔌

Integration

Hosted vs Embedded, session setup, and all integration options.

⚡

Capabilities

Supported widget modes, container types, user types, and session lifecycle.

🎨

Customization

Theming, branding, layout, and error handling configuration options.

🌐

Localization & Translation

Language config, preferred language setup, and agent child session translation.

🔒

Security & Compliance

PCI engagement notifications and sensitive data handling.

⚠️

Error handling

Field-level and form-level UI validation error references.

📦

Versioning

Package versions, changelog, and upgrade guidance.