Skip to main content
Once you have the components ready you will need to pass on these components along with the payment_session_idto cashfree.js. Here is an example of a payment options. You can see there are three properties to it:
  1. paymentMethod: This is the component which will be used for the payment.
  2. paymentSessionId: This is the payment_session_id which you get once you have created an order.
  3. Other attributes likes returnUrl, savePaymentInstrument etc.

​
paymentOptions

​
object
required
A reference to a payable component. Kindly note that the payable component should be ready and complete before invoking pay on it, otherwise it will throw an error. To get if a payable component is complete or not you can use component.isComplete() which returns a bool.There are scenarios when one component also requires other components, in that case you will have to also check the completeness of those other component. Example- to process card you would need to make sure cardNumber, cardExpiry, cardCvv and cardHolder are all complete.
​
string
required
To make payment you will need a paymentSessionId, you can get this by making a create order API call to POST /orders. Please make sure you are using the correct hostname for the environment you want to process the payment for.In the response of POST /orders you will find payment_session_id. Note that this is a backend call so you will need to have a server. Read how to generate payment_session_id here
​
string
This is the url where your customers will be redirected after they have complete the payment.
​
string
For certain paymentMethod you can choose to not redirect the customer to the returnUrl by passing if_required. Examples would be Card, UPI and QR. For payment method where redirection is required this flag will be completely ignored. If you decide not to redirect the customer then pay() promise resolves with {paymentDetails: {paymentMessage: "Payment finished. Check status."}}. To confirm the payment it is recommended that you always check the status of your order from your backend server with Cashfree.
​
string
We also provide a way for you to decide how to redirect your customer. This takes all the values that are valid for hyperlink. Default is _self
​
object
Assign a savePaymentInstrument to this to save the payment method. Works only for card payment. Default is null.
​
object
You can pass an offer in the object which you can fetch using the get offer api. Please note that you need to use the offer_id value only. It is a uuid.