Available in🇮🇳 India
Use the Razorpay React Native Custom UI SDK to integrate supported payment methods on the Checkout form of your app as per your business requirements.
Handy TipsEnsure you have called
Razorpay.initRazorpay(key) in your build integration before using any of the methods on this page. Know more about initializing the SDK.- Fetch Payment Methods
- Debit and Credit Card
- EMI on Credit and Debit Cards
- Cardless EMI
- Netbanking
- Wallet
- UPI
- Pay Later
- Emandate
- CRED
- Card Utilities
- Logo
Fetch Payment Methods
Use the Fetch Payment Methods API to fetch the payment methods available for your account.JavaScript
Debit and Credit Card
For card payments, specifymethod as card and pass the card details as shown below:
JavaScript
EMI on Credit and Debit Cards
For EMI payments, specifymethod as emi and include the emi_duration field corresponding to the number of months for the EMI plan selected by the customer.
JavaScript
Fetch EMI Plans
EMI plans are included in thegetPaymentMethods() response. You can use this to display available plans and interest rates to your customers.
JavaScript
Response
emi_plans
: string Lists the EMI-supported banks with their respective interest rates.
Calculate EMI
UseRazorpay.calculateEmi to calculate the instalment amount for a given principal, duration, and interest rate.
JavaScript
JavaScript
Handy TipsThe above code does not do any unit conversion of the principal amount. The returned amount will have the same unit as the principal. If the principal amount is in paisa, the returned EMI amount will also be in paisa.
Cardless EMI
Cardless EMI is a checkout payment method that allows customers to convert their payment amount to EMIs without a debit or credit card.Feature RequestThis is an on-demand feature. Please raise a request with our Support team to get this feature activated on your Razorpay account.
method as cardless_emi and pass the provider as shown below:
JavaScript
provider:
hdfcicicidfbkkbkzestmoneyearlysalarywalnut369shopsesnapmint
Netbanking
For netbanking payments, specifymethod as netbanking and pass the bank code as shown below:
JavaScript
getPaymentMethods() response.
Wallet
For wallet payments, specifymethod as wallet and pass the wallet code as shown below:
JavaScript
wallet:
payzapp(default)olamoney(requires approval)phonepe(requires approval)airtelmoney(requires approval)mobikwik(requires approval)jiomoney(requires approval)amazonpay(requires approval)bajajpay(requires approval)paypal(requires approval)phonepeswitch(requires approval)
UPI
Intent Flow
Follow the steps given below to use UPI Intent flow in Razorpay’s React Native Custom UI plugin:- Call
getAppsWhichSupportUPIto get all UPI apps available on the customer’s device.
JavaScript
- Pass the
upi_app_package_namefrom thegetAppsWhichSupportUPI()response. Ensure you pass the exact package name, otherwise it will not pass validation.
JavaScript
- For iOS, add the following to your app’s
info.plistfile to allow your app to open UPI PSP apps:
XML
Collect Flow
JavaScript
Pay Later
You can enable your customers to make payments using the Pay Later service offered by various third-party providers.Feature RequestThis is an on-demand feature. Please raise a request with our Support team to get this feature activated on your Razorpay account.
method as paylater and pass the provider as shown below:
JavaScript
provider:
lazypaypaypal
Emandate
You can accept recurring payments from your customers usingemandate as the method. For more information about authorisation and subsequent payments, refer to the Recurring Payments documentation.
Feature RequestThis is an on-demand feature. Please raise a request with our Support team to get this feature activated on your Razorpay account.
Emandate (Netbanking)
Emandate (Debit Card)
Emandate (Aadhaar)
Card Utilities
You can use these methods for card payment method integration.Fetch Card Network
The SDK provides a method to get the card network name of the card number.- At least 6 digits of the card number are required to identify the network.
- Possible values returned by this method are
visa,mastercard,maestro16,amex,rupay,maestro,dinersandunknown. - If it cannot identify the network, it returns
unknown.
JavaScript
Card Number Validation
The SDK provides a checksum-based method to determine if the entered card number is valid or not.JavaScript
Fetch Card Number Length for Card Network
The SDK provides a method to get the card number length for a specific card network.JavaScript
Validate VPA
The SDK provides a method to determine if the entered Virtual Payment Address (VPA) is valid or not. A failure response is triggered when the VPA is empty or the device is not connected to data to make the validation.JavaScript
Logo
Given below are the sample codes for fetching various payment method logo URLs.Fetch Bank Logo URL
The SDK provides a method to fetch the bank logo URL. ThebankCode is available in the getPaymentMethods() response.
JavaScript
Fetch Wallet Logo URL
The SDK provides a method to get the wallet logo URL.JavaScript
Fetch Wallet Square Logo URL
The SDK provides a method to get the wallet’s square-shaped logo URL.JavaScript
CRED
Use the SDK to check if the CRED app is installed on the customer’s device before initiating a CRED payment. Step 1: Check if CRED app is available.JavaScript
method: 'app' and provider: 'cred'.
JavaScript