Razorpay is a popular payment gateway in India because of their excellent support for many forms of payment such as credit card, net banking, UPI and more. The following article describes how to integrate Razorpay with GiveWP using the official add-on.

Getting Started with Razorpay

In order to accept payments with Razorpay using GiveWP you will need to have an active Razorpay account, the Razorpay GiveWP Add-on, and the GiveWP Core plugin installed and activated. It is also highly recommended that you have an active SSL certificate for your website.

Click here for instructions on installing and activating GiveWP Add-ons.

Note: You can always access your add-on purchase receipts, downloads, and licenses from your GiveWP Account dashboard.

Adding Your Razorpay API Keys to GiveWP

API keys are necessary for GiveWP to send donation information securely to Razorpay. This requires logging into your Razorpay account, copying down the API keys, and then adding them into your GiveWP Settings.

1. Log into your Razorpay account and click on the Settings tab:

The Razorpay Login
The Razorpay Login
The Razorpay Dashboard Settings

2. Select the API Keys tab.

3. Copy the appropriate keys into GiveWP. The “Test Mode” keys go into the “Test Key” fields within GiveWP. Likewise, the “Live” Razorpay keys go into the “Live” key fields within GiveWP:

The Razorpay Live and Test Give Settings Fields
The Razorpay Live and Test GiveWP Settings Fields

Testing the Razorpay Integration

Once the plugin has been setup you can now test the plugin to see if it works properly.

  1. To begin testing place GiveWP in “Test mode” – Read more about GiveWP’s Test Mode.
  2. Ensure that the Razorpay gateway is active.
  3. Navigate to a donation form on your website and checkout using.
  4. Test using a card number like 4111 1111 1111 1111 with any future expiry date and CVV in test mode.
  5. Upon successful donation you will be taken to the successful donation page.

Paying with Razorpay

The Razorpay payment process is done completely on your website via the checkout modal popup. Here is the process of making a donation with Razorpay from a donor’s perspective.

1. Navigate to a Donation Form with Razorpay enabled.

A donation form with Razorpay enabled.

2. After the donation form is completed and the “Donate Now” button is clicked the Razorpay checkout appears.

Razorpay payment options

3. The donor selects a payment method and continues.

Razorpay OTP payment options

4. Upon successful donation the donor is taken to the receipt page on your website.

Razorpay successful donation receipt
Razorpay successful donation receipt

Common Questions

The following section provides helpful troubleshooting information should you experience trouble with the add-on or integration.

Common Questions

Yes! the GiveWP RazorPay add-on now supports recurring donations!