Cashfree Payment Gateway Test

Cashfree Integration Ready

Cashfree payment gateway is configured and ready to accept payments. The backend functions createCashfreeOrder and cashfreeWebhook are already set up.

Test Payment

Test Amount (₹)

Order ID (auto-generated)

Payment Options:

Test Environment:

• Mode: Sandbox (test mode) or Production (live)
• Webhook URL: Configure in Cashfree Dashboard → Settings → Webhooks
• Test Cards: Use Cashfree test card details for sandbox mode

How to Use in Your App

1. Import the component:

import CashfreePayButton from "@/components/billing/CashfreePayButton";

2. Use in your page:

<CashfreePayButton
  amount={1000}
  orderId="ORDER-123"
  customerDetails={{
    customer_name: "John Doe",
    customer_email: "john@example.com",
    customer_phone: "9876543210"
  }}
  onSuccess={(data) => console.log('Success:', data)}
  onError={(error) => console.error('Error:', error)}
/>

The component handles:

Order creation via backend
Cashfree SDK loading
Payment modal display
Success/error callbacks
Loading states

Install HarmonySuite

Add to home screen for the best experience