React JS
The Ippopay Payments plugin allows you to accept credit card, UPI, Netbanking and debit card payments via Ippopay payment gateway in your React JS.
Last updated
Was this helpful?
The Ippopay Payments plugin allows you to accept credit card, UPI, Netbanking and debit card payments via Ippopay payment gateway in your React JS.
Last updated
Was this helpful?
IppoPay Payment Gateway for your Online Business.
with npm
NPM Package Link :
IppoPay Payment Gateway uses sensible defaults, so only minimal configuration via props is necessary.
How to do configuration in your React Project?
Initialize the Ippopay Payment like below.
When you click place order button our popup will be loaded so you can use below test card credentials to complete the order.
React IppoPay default props to provide a dynamic experience to open a payment widget and allow user to make a payment via Credit/Debit Card.
ippopayOpen
- Boolean - toggles the popup open state (see above example)
ippopayClose
- Boolean - Enables the popup close option state (see above example)
order_id
- String - sets the Order ID as order_id state
public_key
- String - sets your Public Key as public_key state (Check your API Settings in IppoPay Merchant Panel to know the Public Key)
React IppoPay gives you the handlers for Payment status and details.
After Payment done, the below line sends the Payment details and status to ippopayHandler function.
You can get the Payment status in the below function, it may be success or error.
Create order from Server side using below API and get the Order id. to know how to create a order.
This component is written by .
IppoPay 2020 © All Rights Reserved.