Web Integration
Learn how to integrate with Cashfree Payments, and the integration type that best suits your needs.
Overview
Cashfree Payments allows you to integrate the payment gateway with your website and accept Debit/Credit card, Net-Banking, and UPI payments from your customers. This is ideal for online businesses that are looking for a simple integration process to integrate a payment gateway that requires minimal coding effort.
By integrating with Cashfree Payments, you can build your ideal payment integration flow while also providing your customers with a smooth and flawless checkout experience.
Benefits of integrating with Cashfree payments
- Personalized checkout experience
- Higher success rate
- Simplified payment workflow
- Supports a variety of payment modes
- Minimal coding effort
Cashfree Payments provides two environments:
Environment | Description | URL |
---|---|---|
Production | The environment which gets shipped to production. | https://api.cashfree.com/pg/orders |
Sandbox | The environment for developers to test the payment flow & responses. Access to sandbox is provided for everyone. | https://sandbox.cashfree.com/pg/orders |
INTEGRATION TOOLKIT
Try our Integration Try the API's using PostmanWeb Integration Workflow
The following diagram illustrates the web integration workflow.

Web Integration workflow diagram
- The customer visits your website, searches for the required goods, and proceeds to pay.
- You create the order using the Create Order API from the backend.
- Once the order is created, you receive the payment session ID in the order response. You can initiate the payment using our JS SDK.
- Your customer will be redirected to Cashfree Payments checkout page. They complete the payment.
- Once the payment is completed, Cashfree Payments verifies the status of the payment. The payment is either a success or a failure.
- Cashfree Payment Gateway then redirects your customer to the return URL you have configured.
Types of Web Integration
Cashfree Payments supports two types of web integration to collect payments from customers using multiple payment modes.
Cashfree Redirect Checkout
Cashfree redirect checkout comes with a default checkout page that allows your customers to pay for goods.
This integration will redirect the customer to Cashfree Payments' user interface, captures the payment details, and completes the payment. For this integration, you will be using our latest nextgen APIs and Javascript SDK.
Cashfree Drop Checkout
The Cashfree drop checkout is our pre-built UI solution for accepting payments. This integration method works by displaying payment components, which we call drops, at any place you want on your checkout page. This integration will let you render our drop components (pre-built UI elements) to capture payment details and complete the payment. For this integration, you will be using our latest nextgen APIs and Javascript SDK.
Payment Methods
Cashfree Payments standard checkout page hosts multiple payment options for your customers to complete the payments.
Available Payment Methods
- UPI
- Debit Card
- Credit Card
- Wallets
- Net Banking
- RTGS / NEFT / IMPS
- PayPal
- Paylater

Cashfree Payment Checkout Page
Resources
- You can try out the APIs from our postman collection
- Or you can also use the following user interface to try out the APIs
- Or you can test using our API Documentation
Ask a question about Integration
You can ask questions and participate in discussions about Cashfree PG API in the Cashfree Discord channel.
Updated 2 months ago