1. Home
  2. Interswitch lending Service
  3. Hosted Fields
  4. Tokenization Hosted Fields – Channel Providers (Regular/VF Loans)

Tokenization Hosted Fields – Channel Providers (Regular/VF Loans)

This provides a way for the merchant ( channels Provider: Regular or Value Financing ) to securely collect card details for customers paying with debit or credit card to complete the loan application on their channels. It enables the merchant to control the experience; look and feel (that is, the merchant is in complete control of their UI/UX).

The following fields are hosted securely in iframes which the merchant can embed in their checkout page;

  1. PAN
  2. Expiry Date
  3. PIN
  4. CVV
  5. OTP

Steps to Implement HostedField

Sample Code (Card form)

Load the SDK

Loading the SDK will make available global interswitch.hostedFields variable available.

Create Hosted Fields Instance

Create an instance of hosted Field by Calling the newInstance method on the interswitch.hostedFields variable , the method takes options and a callback.

The create instance can be used to register events listeners and finally submit the customer’s request when the customer clicks on a the submit button. On submit this instance will return to the callback.

The options include authorization, card tokenization request, fields and styles as shown below.

NOTE: For Value Financing: merchantCode is required alongside others for pay with credit (value financing).

Hosted Fields Demo Interface

The loaded Hosted Fields Demo page

After entering card details, OTP validation is next

Successful card tokenization

Was this article helpful to you? Yes No

How can we help?