Web
...
Web Integrations
Web SDK

CheckCard Request

Creating a CheckCard Request with the Web SDK

The Web SDK’s Check Card functionality can be used to perform a zero amount pre-authorisation (0 Auth). Check Card enables you to check the validity of the card, to be used for future payments.

Do you have a stored card wallet for existing customers? If validation is successful, a card token is returned as part of the response object. This token can then be stored and used for a payments / preauths request in the future, using the Web SDK’s Token Payment functionality.

Prerequisites

Make sure you are using Web SDK Version 0.0.34 (or higher).

From the Web SDK integration guide, you have completed the following:



Step One: Making a Check Card Request

  1. Define the checkCardConfiguration object.

Ensure the details used when creating the paymentSession match the values set in the checkCardConfiguration object.

Check Card Configuration Object


See below for more details on the parameters that create the checkCardConfiguration object:



2. In a function, add the invokeCheckCard call. This will make Check Card request using both the paymentSession and checkCardConfiguration.

Invoke Check Card Call


3. To call the invokeCheckCard function (in step 2 above) to make the Check Card request, add the onclick attribute to the payment button <div>: <button id="submit-payment-button" onclick="handleCheckCardButtonClick()"> Check Card </button>

This is the same button that is used for payments, however you can update the button label to reflect it’s functionality. For example: Check Card instead of Pay Now.



Step Two: Handle the Response