> ## Documentation Index
> Fetch the complete documentation index at: https://docs.upmind.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add RazorPay Checkout as a Payment Method

> Set up RazorPay Checkout to take payments in Upmind.

[<u>RazorPay</u>](https://razorpay.com/) is a leading payment gateway in India, supporting credit/debit cards, net banking, UPI (Unified Payments Interface), wallets, and more. Razorpay Checkout is used for recurring payments.

<Warning>
  You must configure the RazorPay Checkout webhook so Upmind always receives transaction updates. To configure RazorPay Checkout webhooks, follow this [<u>guide</u>](/using-upmind/payment-methods/how-to-add-payment-gateways/how-to-add-razorpay-as-a-payment-method#/configure-razorpay-webhook).

  The webhook URL needs to be taken from the Upmind provider setup.

  <Frame caption="Webhook URL from Upmind">
    <img src="https://mintcdn.com/upmind/JUoAg6onJmXk_-rR/images/fb/df2e71e91f50e0cc.png?fit=max&auto=format&n=JUoAg6onJmXk_-rR&q=85&s=169167683584864e9b97ff957c823a25" alt="Webhook URL from Upmind" width="2840" height="652" data-path="images/fb/df2e71e91f50e0cc.png" />
  </Frame>
</Warning>

## **Getting RazorPay Checkout API credentials**

1. Log in to your **RazorPay** account.

2. Go to **Accounts & Settings** > **Settings** > **API Key** and click **Regenerate Key** to obtain your **Key ID** and **Key Secret**.

<Frame caption="Key ID and Key Secret">
  <img src="https://mintcdn.com/upmind/uxzVUXAKtJ2bRWCI/images/fb/6faeb1d30f2310ff.png?fit=max&auto=format&n=uxzVUXAKtJ2bRWCI&q=85&s=fd703b6373e78d11ee4bfdc1fb44bfc2" alt="Key ID and Key Secret" width="1634" height="808" data-path="images/fb/6faeb1d30f2310ff.png" />
</Frame>

<Warning>
  Customers need to check with Razorpay support that the recurring payments feature is enabled for their account, and that it is available in their country (India, Malaysia, Singapore). This should be requested first if it is not active. For more information, follow this [<u>guide</u>](https://razorpay.com/docs/api/payments/recurring-payments/cards/create-subsequent-payments/).
</Warning>

## **Adding RazorPay Checkout in Upmind**

1. Go to **Settings** > **Payment Providers** in your admin area.

2. Click **Add Payment Provider** and select **RazorPay Checkout**.

<Frame caption="Select payment provider">
  <img src="https://mintcdn.com/upmind/c5sDUwEs8YpzGbjA/images/fb/9b55c994f6df43fa.png?fit=max&auto=format&n=c5sDUwEs8YpzGbjA&q=85&s=e71f673559db2d62f27a9000e50c41fe" alt="Select payment provider" width="1074" height="906" data-path="images/fb/9b55c994f6df43fa.png" />
</Frame>

## **Configuring details**

1. Enter a display name. We suggest **RazorPay Checkout**.

2. Set the **Internal Name**.

3. Select the appropriate **Test Mode** option.

4. Enter your **Key ID** and **Key Secret**.

5. Choose whether to **Store** the card.

6. Click **Test Credentials** to verify.

<Frame caption="Fill in the details">
  <img src="https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/8643c0666ee70a2a.png?fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=d64b593d344eae0581eef9f704cc7a6e" alt="Fill in the details" width="1396" height="934" data-path="images/fb/8643c0666ee70a2a.png" />
</Frame>

7. (Optional) Add supported currencies.

8. (Optional) Enter payment instructions for your customers.

9. Click **Create**.

<Frame caption="Choose currency and write payment instructions">
  <img src="https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/072a6c7c07f9b390.png?fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=f92ffe291dd309046a9fcc8b18768515" alt="Choose currency and write payment instructions" width="1174" height="1176" data-path="images/fb/072a6c7c07f9b390.png" />
</Frame>

Afterwards, [<u>clients can add the new payment method</u>](/client-self-service/client-area/how-do-my-clients-add-a-payment-method#/) from **Billing** > **Payment Methods** > **Add Payment Method**.

You can then select RazorPay Checkout during the actual payment process.

<Frame caption="Choose RazorPay Checkout in the store checkout">
  <img src="https://mintcdn.com/upmind/ZsIo0APxdVb_gFS-/images/fb/29fad587aba890c4.png?fit=max&auto=format&n=ZsIo0APxdVb_gFS-&q=85&s=6c591933881ed000e8b87c2b203570ec" alt="Choose RazorPay Checkout in the store checkout" width="1244" height="628" data-path="images/fb/29fad587aba890c4.png" />
</Frame>

<Note>
  **RazorPay Checkout** is a reusable card for auto-payments.

  When paying for an order in Upmind, if the customer wants to create a reusable card token for auto-payments, they must select *Save payment details*.

  This ensures the checkout presented to the customer only shows the card payment method and allows the system to store the card for auto-payments.
</Note>

<Frame caption="Confirm payment type">
  <img src="https://mintcdn.com/upmind/1-uICsJi9zYpvJVH/images/fb/890eef9d65e343e3.png?fit=max&auto=format&n=1-uICsJi9zYpvJVH&q=85&s=a779ffe099c4e33adecbe1609e0c34d2" alt="Confirm payment type" width="534" height="932" data-path="images/fb/890eef9d65e343e3.png" />
</Frame>

<Frame caption="Save payment details">
  <img src="https://mintcdn.com/upmind/pcUdSuxUJ6LgBXnd/images/fb/9fd901aeaec83bd7.png?fit=max&auto=format&n=pcUdSuxUJ6LgBXnd&q=85&s=e6929ad121d7e7ce8781128c9c222aa7" alt="Save payment details" width="666" height="1168" data-path="images/fb/9fd901aeaec83bd7.png" />
</Frame>

If the customer wants to pay with **other payment methods**, such as Bank, UPI, or a card without storing it for auto-payment, they should unselect **Save payment details**. The difference here is that Upmind cannot use cards stored this way for auto-payments.

<Frame caption="Other payment methods">
  <img src="https://mintcdn.com/upmind/A-RwNPXmK_xnEEqe/images/fb/71aa0c9a931584a8.png?fit=max&auto=format&n=A-RwNPXmK_xnEEqe&q=85&s=11ddc0bf13afcccc77d4759a82aa7042" alt="Other payment methods" width="1390" height="792" data-path="images/fb/71aa0c9a931584a8.png" />
</Frame>

## **Editing the payment method**

To update, go to **Settings** > **Payment Providers**, click the three dots next to **RazorPay Checkout**, and select **Edit**.

## Configure RazorPay webhook

You must configure the RazorPay webhook so Upmind always receives transaction updates.

1. Log in to your **RazorPay** dashboard.

<Frame caption="RazorPay login">
  <img src="https://mintcdn.com/upmind/1-uICsJi9zYpvJVH/images/fb/8f0ee7b1ac91d1f1.png?fit=max&auto=format&n=1-uICsJi9zYpvJVH&q=85&s=4069a1126bca5bf47da8156f84f10411" alt="RazorPay login" width="624" height="520" data-path="images/fb/8f0ee7b1ac91d1f1.png" />
</Frame>

2. Go to `Account & Settings`.

<Frame caption="Account & settings">
  <img src="https://mintcdn.com/upmind/h8h5zREaX7k8Y-3x/images/fb/123b7bc87789a725.png?fit=max&auto=format&n=h8h5zREaX7k8Y-3x&q=85&s=9949cd1f647e48c57fdb4a9377203f2f" alt="Account & settings" width="668" height="450" data-path="images/fb/123b7bc87789a725.png" />
</Frame>

3. Click **Webhooks** under **Website and app settings**.

<Frame caption="Website and app settings > Webhooks">
  <img src="https://mintcdn.com/upmind/Dgjmf3QWYVBR40cE/images/fb/5b2533bc53469a5a.png?fit=max&auto=format&n=Dgjmf3QWYVBR40cE&q=85&s=204850335a0664e922c3493636d341ea" alt="Website and app settings > Webhooks" data-og-width="678" width="678" data-og-height="540" height="540" data-path="images/fb/5b2533bc53469a5a.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/upmind/Dgjmf3QWYVBR40cE/images/fb/5b2533bc53469a5a.png?w=280&fit=max&auto=format&n=Dgjmf3QWYVBR40cE&q=85&s=17530103696bfadd90736fc27a134b09 280w, https://mintcdn.com/upmind/Dgjmf3QWYVBR40cE/images/fb/5b2533bc53469a5a.png?w=560&fit=max&auto=format&n=Dgjmf3QWYVBR40cE&q=85&s=b4dc482c8312853c9a44fec8a4b94181 560w, https://mintcdn.com/upmind/Dgjmf3QWYVBR40cE/images/fb/5b2533bc53469a5a.png?w=840&fit=max&auto=format&n=Dgjmf3QWYVBR40cE&q=85&s=e5de9b535867c9e814f6ef392d500325 840w, https://mintcdn.com/upmind/Dgjmf3QWYVBR40cE/images/fb/5b2533bc53469a5a.png?w=1100&fit=max&auto=format&n=Dgjmf3QWYVBR40cE&q=85&s=5ef678d178a0b1afc8748fd5d715bd24 1100w, https://mintcdn.com/upmind/Dgjmf3QWYVBR40cE/images/fb/5b2533bc53469a5a.png?w=1650&fit=max&auto=format&n=Dgjmf3QWYVBR40cE&q=85&s=4e000be9736ca2b34a859a4adbc2d938 1650w, https://mintcdn.com/upmind/Dgjmf3QWYVBR40cE/images/fb/5b2533bc53469a5a.png?w=2500&fit=max&auto=format&n=Dgjmf3QWYVBR40cE&q=85&s=c0829718537e478e95efec93337cc6ce 2500w" />
</Frame>

4. Click **+ Add New Webhook**.

<Frame caption="Add New Webhook">
  <img src="https://mintcdn.com/upmind/kXD0Ya8PpcxxNm6Q/images/fb/3e49d26b91f3a117.png?fit=max&auto=format&n=kXD0Ya8PpcxxNm6Q&q=85&s=56692e6dd851aac7d082ba5782fafd3e" alt="Add New Webhook" width="874" height="248" data-path="images/fb/3e49d26b91f3a117.png" />
</Frame>

5. Enter the public **HTTPS URL** of your endpoint.

The webhook URL needs to be taken from the Upmind provider setup.

<Frame caption="Webhook URL from Upmind">
  <img src="https://mintcdn.com/upmind/ObllJJl59DabnmMn/images/fb/c9c1c6470fa4baa3.png?fit=max&auto=format&n=ObllJJl59DabnmMn&q=85&s=fcf93089fd1bf6f9d28be717a545492f" alt="Webhook URL from Upmind" width="2020" height="478" data-path="images/fb/c9c1c6470fa4baa3.png" />
</Frame>

6. Add a **Secret** for security on the webhook endpoint. (Optional)
7. In the **Alert Email** field, enter the address to receive webhook failure notifications, such as errors or deactivations.
8. Select the desired **Events** from the list.

<Frame caption="Fill in the details">
  <img src="https://mintcdn.com/upmind/z5ofg3t7by4uN44v/images/fb/ef9ed2c43c4b8ecd.png?fit=max&auto=format&n=z5ofg3t7by4uN44v&q=85&s=20cf5b52cc68267e8ffda109874dee92" alt="Fill in the details" width="1180" height="884" data-path="images/fb/ef9ed2c43c4b8ecd.png" />
</Frame>

9. Click **Create Webhook**.

For more information, you can check out this [guide](https://razorpay.com/docs/webhooks/setup-edit-payments/) from RazorPay.
