JS Component Integration

Cashfree.js is the new standard for Cashfree Payments integration.

Why did we build a new js sdk?

We've listened to our merchants and understand their desire for greater customization and control over the payment experience they offer their customers. We recognize that PCI DSS compliance can be a challenge, which is why we're excited to offer a new, tailor-made solution that empowers merchants to build their own payment page while remaining compliant.

Our new SDK includes individual HTML components that can be easily customized and assembled to create the best possible payment experience for customers, without sacrificing security or speed.

  • With this new solution, merchants can enjoy a better UI and UX.

  • Write code more easily, and have finer control over their customers' payment journey.

  • The payment experience is designed to handle different devices and browsers, making it easier than ever to create a seamless payment experience for all customers.

📘

Android System WebView which is available on API 24 or below is unable to load Cashfree JS SDK that we are using in the Web checkout flow. Cashfree JS SDK is built on the latest JS standard due to which it sometimes fails on low-end devices. We recommend you update Android System WebView to the latest version from the Play Store.


Ask a question about Integration

You can ask questions and participate in discussions about the sdk in the Cashfree Discord channel.

Whitelist Domain

This integration will require whitelisting of the domain which is used to open the checkout page. You can request for a domain whitelisting via developers>whitelisting in your merchant dashboard.
You can check step-by-step process of making whitelisting request here.

❗️

IMPORTANT!

This integration only supports opening of the checkout page via the whitelisted domain. Any other domain used to open the checkout page will be blocked by Cashfree and checkout page will not open.


What’s Next