Additional Support for Payment Methods

The Razorpay Web Custom SDK lets you integrate the supported payment methods on your website’s checkout form.

Fetch Payment Methods

Use the Fetch Payment Methods API to fetch the payment methods available for your account. Below are the sample payloads for each payment method.

Debit and Credit Card

In this case, data.method should be specified as card. Other required fields:

card[name]
card[number]
card[cvv]
card[expiry_month]
card[expiry_year]

Example

razorpay.createPayment({
  amount: 5000,
  email: 'nur.aisyah@example.com',
  contact: '+60345675444',
  order_id: 'order_9A33XWu170gUtm',
  method: 'card',
  'card[name]': 'Gaurav Kumar',
  'card[number]': '4386289407660153',
  'card[cvv]': '123',
  'card[expiry_month]': '10',
  'card[expiry_year]': '30'
});

Wallet

When method is wallet, you need to pass an additional field wallet as shown below:

Example

razorpay.createPayment({
  amount: 5000,
  email: 'nur.aisyah@example.com',
  contact: '+60345675444',
  order_id: 'order_9A33XWu170gUtm',
  method: 'wallet',
  wallet: 'touchngo'
});

Possible values for wallet:

touchngo (default)
grabpay (default)
shopback (requires approval)
boost (default)

FPX

When method is fpx, you need to pass an additional field bank as shown below:

Example

razorpay.createPayment({
  amount: 5000,
  email: 'nur.aisyah@example.com',
  contact: '+60345675444',
  order_id: 'order_9A33XWu170gUtm',
  method: 'fpx',
  bank: 'HSBC'
})

You can list the available banks using a drop-down for customers. You can obtain a list of banks using the Fetch Supported Methods API.

​Fetch Payment Methods

​Debit and Credit Card

​Wallet

​FPX

Fetch Payment Methods

Debit and Credit Card

Wallet

FPX