Skip to content

How to Integrate Razorpay with Paymattic in WordPress

Razorpay allows you to smoothly handle online payments in India, supporting various payment methods including credit cards, debit cards, net banking, UPI, and popular wallets like JioMoney, Mobikwik, Airtel Money, FreeCharge, Ola Money, and PayZapp.

This article will guide you through configuring Razorpay on your WordPress Site with the Paymattic plugin.

Prerequisites

To get access to the Razorpay payment gateway, you need the Paymattic Pro Plugin.

Configuring Razorpay Payment Method

Follow these steps to configure the Razorpay payment gateway through Paymattic:

Step 1: Access Razorpay Settings

  1. Go to Payment Gateway from the Paymattic Navbar
  2. Click the Razorpay tab from the left sidebar
  3. The Razorpay Settings page will open

Razorpay Settings Page in Paymattic

Step 2: Configure Basic Settings

  1. Select Payment Mode: Choose between Test (for test payments) and Live (for real payments). Both options follow the same configuration process. For this example, we'll use Test Mode.

  2. Choose Checkout Style: Select your preferred checkout experience.

    • Modal Checkout: This allows users to complete payments in a pop-up directly on your site.
    • Hosted Checkout: This will redirect users to the Razorpay website to complete the transaction.
  3. Next, you need to obtain the Key ID (public key) and Key Secret (secret key) from your Razorpay account.

Payment Mode and Checkout Style Settings

Step 3: Get Razorpay Credentials

  1. First, log in to your Razorpay Account.

    • If you do not have an account, you will need to sign up first.
  2. Once you log in to the Razorpay Dashboard, go to the Accounts & Settings section from the left sidebar.

  3. Click the API keys tab to find your credentials.

Razorpay Dashboard API Keys Section

INFO

To get the Key ID and Key Secret, you need to generate new keys.

  1. Click the Regenerate Test Key button to generate new keys

Regenerate Test Keys in Razorpay

  1. Copy your credentials:
    • Key ID
    • Key Secret

Copy Razorpay API Keys

Step 4: Configure in Paymattic

  1. Go back to your WordPress dashboard and navigate to PaymatticPayment Gateway, then click the Razorpay tab.

  2. Paste the Key ID you copied from your Razorpay dashboard into the Key ID field.

  3. Next, paste the Key Secret into the Key Secret field.

  4. Finally, press the Save Settings button.

Your Razorpay account will now be integrated with Paymattic for your WordPress Site.

Configure Razorpay Credentials in Paymattic

Configuring Notifications

You can configure SMS and Email notifications from Razorpay to your WordPress site to stay updated on transactions.

Notification Options

  1. Choose your notification methods:
    • SMS - receive SMS notifications
    • Email - receive email notifications
    • You can select either or both options

Important

Always click Save Settings after making changes to your Razorpay settings.

Razorpay Notification Settings

Using Razorpay in Forms

Once you've completed the setup, you can add Razorpay to your forms:

  1. For existing forms: Add it to any Payment Form

  2. For new forms:

  3. Learn more about adding payment methods

Note

The Razorpay payment method will not function unless you complete the configuration process properly.

Need Help?

If you have any questions, concerns, or suggestions, please contact our support team. We're here to help!

Released under the GPL License.