API Overview

Unified Checkout Developer Guide
- Recent Revisions to This Document

Introduction to Unified Checkout

Unified Checkout Quick Start
- Step 1: Enable Unified Checkout
- Step 2: Set Up the Server-Side Component
- Step 3: Set Up the Client-Side Component
- Step 4: Configure Unified Checkout
- Step 5: Test Your Unified Checkout Integration

Unified Checkout Flow

Server-Side Set Up

Client-Side Set Up
- Loading the JavaScript Library
- Complete Integration Examples

Configuration
- Configure the Unified Checkout Merchant Experience
  - Enable Unified Checkout
  - Configure Payment Options
  - Customize the Unified Checkout Look and Feel
  - Look and Feel UI Examples
  - Configure Customer Data and Payment Flow
  - Capture Context Fields in the Business Center
  - Manage Permissions
    - Managing Permissions as a Direct Merchant
    - Managing Permissions as a Portfolio Administrator
- Process Payments with Unified Checkout
- Webhooks Support

Transient Tokens
- Transient Token Format
- Token Verification
- Dual-Branded Cards
- Authorizations with a Transient Token

Test Your Configuration
- Unified Checkout Test Cards
- Visa and Mastercard Click to Pay Test Cards
- Test Cards for Authentication by Click to Pay
- Echeck Test Values
- Test Authentication
- Handle Errors
- Reason Codes

Payment Details API

JavaScript API Reference

Appendix
- JSON Web Tokens
- Supported Countries for Digital Payments
- Supported Locales
- Update to Unified Checkout Version 1
  - Update Reason Codes
  - Version 1 Update Checklist
- Security Recommendations
- PCI Compliance

VISA Platform Connect: Specifications and Conditions for Resellers/Partners

On This Page

JavaScript Example: Client-Defined Trigger for `Click to Pay` or PAN Entry

When you display

CLICKTOPAY

or

PANENTRY

as allowed payment types, you can load the UI without displaying the Unified Checkout checkout button. You can do this by creating a trigger that defines what event loads the UI.

You can create a trigger only for

CLICKTOPAY

or

PANENTRY

payment methods:

//PAN Entry

const trigger = client.createTrigger('PANENTRY');

//Click to Pay

const trigger = client.createTrigger('CLICKTOPAY');

IMPORTANT

When you use the

client.createTrigger()

method for Click to Pay, you must create a custom UI. See Click to Pay UI Guidelines.

Back to top