How do I handle the Razorpay checkout on the frontend?
Load checkout.razorpay.com/v1/checkout.js, create a new Razorpay instance with key_id, amount, currency, order_id, and a handler function. Call razorpay.open() to show the checkout. The handler receives razorpay_order_id, razorpay_payment_id, and razorpay_signature send these to your backend for verification.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Creating Orders and Accepting Payments with Razorpay in Node.js
Use razorpay.orders.create({ amount: amount * 100, currency: 'INR', receipt: 'unique_id', notes: { userId, plan } }). The amount is in paise (₹1 = 100 paise). Save the order in your database with status 'created'. Return the order ID and key ID to the frontend.
Create HMAC-SHA256 of 'orderId|paymentId' using your key_secret. Compare with the signature from the frontend. If they match, the payment is genuine. If not, it's potential fraud mark the payment as failed and don't activate the service.
Webhooks are server-to-server notifications that work even if the customer closes the browser. They handle cases where the frontend verification fails (network issues, page closed). Webhooks are the reliable source of truth for payment status. Always verify webhook signatures too.
Still have questions?
Browse all our FAQs or reach out to our support team