Skip to main content
Cashfree Element Integration makes it easy to add secure payment features to web apps. By including the Cashfree SDK with a simple script tag, developers can use ready-made payment components that are safe and compliant with security standards. These customizable elements can be embedded directly into the app, simplifying the payment process while ensuring flexibility and ease of use. The setup is quick, requiring minimal effort, and ensures a secure, efficient payment experience. To get started, include the cashfree.js library in your website. To be PCI compliant, you must load cashfree.js directly from https://sdk.cashfree.com. You cannot include it in a bundle or host it yourself. To always use a specific version you will have to include the version in this way: 
<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>
If you’re using Svelte or React, refer to the SDK documentation for more details.

​
Async and Deferred Loading

Asynchronous loading of JavaScript is generally recommended, as it can improve the user experience of your site by not blocking DOM rendering during script loading. You can also load cashfree.js using the async or defer attribute on the script tag. Kindly note that with asynchronous loading, any API calls will have to be made only after the script execution has finished. 
const cashfree = Cashfree({
  mode: "sandbox", //or production
});
Component Lifecycle

​
💻 Quick dev-to-dev talk

You clearly care about building better payment experiences for your clients, here’s a quick tip: Earn additional income doing exactly what you’re doing now!Join the Cashfree Affiliate Partner Program and get rewarded every time your clients use Cashfree.What’s in it for you?
  • Earn up to 0.25% commission on every transaction.
  • Be more than a dev - be the trusted fintech partner for your clients.
  • Get a dedicated partner manager, your go-to expert.
What’s in it for your clients?
  • Instant activation, go live in minutes.
  • Industry-best success rate across all payment modes.
  • Effortlessly accept international payments in 140+ currencies.
Ready to push to prod? 👉 Become a Partner now.