2. Initiate Payment

Cashfree Redirect Checkout

This integration uses Cashfree's user interface to capture payment details and complete the payment. So, you'll be redirecting the customer to a Cashfree-hosted page, which can be customized for your needs. For this integration you'll be using our latest nextgen APIs and Javascript SDK.

Refer here for detailed steps on how to setup Redirect Checkout flow.

Cashfree Drop Checkout

Drop is our pre-built UI solution for accepting payments. Drop works by displaying payment components we call drops at any place you want on your 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'll be using our latest nextgen APIs and Javascript SDK.

Refer here for detailed steps on how to setup Drop Checkout flow.

Initiate payment in test/prod environment

📘

To create test transaction use test API keys in Create Order step and for live transaction in prod, use prod API keys while creating the order and then use that payment_session_id received in response to initiate the payment using one of the above mentioned Checkout flows.

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.