🛍️ Demo Shop

📘 Integration Guide

This is how merchants can integrate ZenoPay into their websites:

🎯 Razorpay-Style Integration

Step 1: Include Checkout Script

<script src="https://your-zenopay-domain.com/js/checkout.js"></script>

Step 2: Create Order (Server-side)

// On your server
const order = await fetch('https://api.zenopay.com/api/orders', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'X-API-Key': 'zpk_live_your_api_key'
  },
  body: JSON.stringify({
    amount: 50000, // Amount in paise (₹500)
    currency: 'INR',
    receipt: 'order_rcptid_11'
  })
});

Step 3: Initialize Checkout (Client-side)

const options = {
  key: 'zpk_live_your_api_key',
  amount: order.amount,
  currency: 'INR',
  name: 'Your Business Name',
  description: 'Product Description',
  order_id: order.id,
  handler: function (response) {
    // Payment success
    console.log(response.razorpay_payment_id);
    console.log(response.razorpay_order_id);
    console.log(response.razorpay_signature);
  },
  prefill: {
    name: 'Customer Name',
    email: 'customer@example.com',
    contact: '9876543210'
  },
  theme: {
    color: '#3399cc'
  }
};

const zenopay = new ZenoPay({ key: options.key });
zenopay.createPayment(options).open();

Step 4: Verify Payment (Server-side)

// Verify signature on your server
const verified = await fetch('https://api.zenopay.com/api/payments/verify', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'X-API-Key': 'zpk_live_your_api_key'
  },
  body: JSON.stringify({
    razorpay_order_id: response.razorpay_order_id,
    razorpay_payment_id: response.razorpay_payment_id,
    razorpay_signature: response.razorpay_signature
  })
});

Payment Methods Supported

• 💳 Debit/Credit Card
• 📱 UPI / ZenoPay ID
• 📞 Mobile Number
• 📧 Email (Gmail)