Skip to main content
You can now integrate BNPL Plus into your website and offer a good customer experience by letting them know about the various available offers and flexible payment options before they proceed to checkout.

​
Integration Steps

  1. Embed the following file into your website:
Java
<script src="https://sdk.cashfree.com/js/widget/1.0.2/cashfree-widget.prod.js"></script>
  1. Add the following div near the product price section of your webpage. This indicates where BNPL Plus would appear.
Java
<div id="cashfree-widget"></div>
  1. Copy and paste the following snippet to the JS file and link it to your HTML file:
Java
window.addEventListener("load", function () {
  const widgetConfig = {
    clientID: "<Your App Id>",// Mention the App ID 
    amount: "<Your Product Price>", // Pass the product price here
    //Customize the widget with Offers, PayLater and EMI
    offers: "true",
    payLater: "true",
    emi: "true",
    theme: {
      widgetColor: "#ccccff",
      linkColor: "#000000",
      cfLogoTheme: "dark",
      isLogoActive: true,
    }
  };

  // To initiate the widget
  const cashfree = CF_Widget(widgetConfig);
  cashfree.load();
});
You can now see BNPL Plus on your product page. Provide the app ID. You can access the app ID from the Developers section in the merchant dashboard. Click here to read more on how to view the App ID. Paste the App ID in the above snippet as the clientID value.
Note: BNPL Plus is compatible with all Javascript frameworks such as React, Vue, Angular and so on.
Here is an image of how BNPL Plus looks once you have successfully integrated it with your website.

​
💻 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.