12345678910
npm install medusa-payment-razorpay



[RAZORPAY](https://razorpay.com) an immensely popular payment gateway with a host of features. 
This plugin enables the razorpay payment interface on [medusa](https://medusajs.com) commerce stack

## Installation

Use the package manager npm to install medusa-payment-razorpay.

123456

## Usage


Register for a razorpay account and generate the api keys
In your environment file (.env) you need to define

1
You need to add the plugin into your medusa-config.js as shown below

1234567

## Client side configuration


For the NextJs start you need to  make the following changes 

1. Install package to your next starter. This just makes it easier, importing all the scripts implicitly

123
2. Create a button for Razorpay <next-starter>/src/modules/checkout/components/payment-button/razorpay-payment-button.tsx

like below

123456789101112131415161718192021222324252627282930313233343536373839
  image: "https://example.com/your_logo",
  modal: {
    backdropclose: true,
    escape: true,
    handleback: true,
    confirm_close: true,
    ondismiss: () => {
      setSubmitting(false)
    },
    animation: true,
  },
  handler: async (args) => {
    onPaymentCompleted()
  },
  "prefill": {
    "name": cart?.billing_address.first_name + " " + cart?.billing_address.last_name,
    "email": cart?.email,
    "contact": (cart?.shipping_address?.phone) ?? undefined
  },
  "notes": {
    "address": cart?.billing_address,
    "order_notes": session.data.notes
  },
  
};

const razorpay = new Razorpay(options);
razorpay.open();
razorpay.on("payment.failed", function (response: any) {
  setErrorMessage(JSON.stringify(response.error))
})
razorpay.on("payment.authorized", function (response: any) {

})
razorpay.on("payment.captured", function (response: any) {

}
)
  

123456789101112

Step 3. 

nextjs-starter-medusa/src/lib/constants.tsx
add

```

  razorpay: {
    title: "Razorpay",
    icon: <CreditCard />,
  },