Request a Card Display Form

const params = new URLSearchParams({
  accessToken: 'your-access-token',
  language: 'en',
  formatCardNumber: 'true',
  postMessageHost: 'https://www.yoursite.com'
});

const displayUrl = `https://service.pcibooking.net/api/payments/paycard/555fd7b49f134b42a5dbe4d576b2e527/display?${params}`;

// Use it as the iframe source
document.getElementById('card-display').src = displayUrl;

<iframe id="card-display"
        src="https://service.pcibooking.net/api/payments/paycard/555fd7b49f134b42a5dbe4d576b2e527/display?accessToken=your-access-token&language=en&formatCardNumber=true&postMessageHost=https%3A%2F%2Fwww.yoursite.com">
</iframe>

<!-- The hosted Card Display Form, rendered by the browser -->

GET

api

payments

paycard

{cardtoken}

display

const params = new URLSearchParams({
  accessToken: 'your-access-token',
  language: 'en',
  formatCardNumber: 'true',
  postMessageHost: 'https://www.yoursite.com'
});

const displayUrl = `https://service.pcibooking.net/api/payments/paycard/555fd7b49f134b42a5dbe4d576b2e527/display?${params}`;

// Use it as the iframe source
document.getElementById('card-display').src = displayUrl;

<iframe id="card-display"
        src="https://service.pcibooking.net/api/payments/paycard/555fd7b49f134b42a5dbe4d576b2e527/display?accessToken=your-access-token&language=en&formatCardNumber=true&postMessageHost=https%3A%2F%2Fwww.yoursite.com">
</iframe>

<!-- The hosted Card Display Form, rendered by the browser -->

Card Display Guide

Display stored card details to authorized users

This is not an API call you make from your server: you build the URL with the query parameters below and use it as the src of an iframe element on your page, or redirect the customer’s browser to it. The browser then loads the hosted Card Display Form directly from PCI Booking. For the element classes you can target with custom CSS, see the form structure reference.

Parameters

Authentication

This is a browser-facing endpoint. Use one of the authentication methods below instead of the API key shown above.

accessToken

string

Recommended. A long-lived token for browser-side calls. How to generate.

sessionToken

string

Alternative. Valid for 5 minutes. How to generate.

If both are provided, the session token takes precedence.

Path Parameters

cardtoken

string

required

The token ID as returned by one of the tokenization methods.

Query String

accessToken2

string

A second Access Token, required when the card includes a CVV. Used for the “Clear CVV” method.

Display Options

language

string

required

The form’s language in ISO 639-1 (2-letter) format. See here. If an unsupported language is received, English will be displayed. To add languages, contact our support team.

css

string

The CSS resource name. See our guide on managing stylesheets. If omitted, PCI Booking uses the default CSS.

postMessageHost

string

The domain name of the host site where the iframe is displayed. Read more on setting up the postMessage mechanism.

formatCardNumber

boolean

Whether to display the card number in blocks of digits or as a single string of numbers.

const params = new URLSearchParams({
  accessToken: 'your-access-token',
  language: 'en',
  formatCardNumber: 'true',
  postMessageHost: 'https://www.yoursite.com'
});

const displayUrl = `https://service.pcibooking.net/api/payments/paycard/555fd7b49f134b42a5dbe4d576b2e527/display?${params}`;

// Use it as the iframe source
document.getElementById('card-display').src = displayUrl;

<iframe id="card-display"
        src="https://service.pcibooking.net/api/payments/paycard/555fd7b49f134b42a5dbe4d576b2e527/display?accessToken=your-access-token&language=en&formatCardNumber=true&postMessageHost=https%3A%2F%2Fwww.yoursite.com">
</iframe>

Response

200 - The browser renders the hosted Card Display Form.

<!-- The hosted Card Display Form, rendered by the browser -->

Additional Guidance for Specific Payment Gateways Card Display with OTP

Start Here

Authentication & General

Capture Cards

Manage Tokens

Use Tokens

Additional Functions

Payments Library

Request a Card Display Form

Card Display Guide

Parameters

Authentication

Path Parameters

Query String

Display Options

Response

Card Display Guide

​Parameters

​Authentication

​Path Parameters

​Query String

​Display Options

​Response

Parameters

Authentication

Path Parameters

Query String

Display Options

Response