1. Build Integration

Steps to integrate your WordPress website with Razorpay Payment Gateway.


Follow the steps given below to integrate Razorpay Payment Gateway with your WordPress website.

Installation and Configuration🔗

  1. Download the plugin from the WordPress Plugin Directory.

  2. Open your WordPress site and navigate to Plugins → Add New.

  3. Upload the plugin.

  4. Click Activate Plugin.

  5. Click Settings.

  6. Make the following changes in the Edit Settings screen:

    1. Select Enable Razorpay Payment Module.
    2. Edit Title and Description as required.
    3. Add your [KEY_ID] and [KEY_SECRET]. These can be generated from your Dashboard.
    4. Set the Payment Action to Authorize and Capture to auto-capture payments.
    5. Click Save Changes.

Add Custom Fields🔗

  1. In your WordPress site, open the page or blog post where you want the button to appear.

  2. Click the more icon and select Options.

  3. Enable the Custom Fields checkbox. Now you will have the option to add custom fields on your page/blog post.

  4. Scroll down the current page till you see the Custom fields section.

  5. Add the following three custom fields as metadata:

    1. amount (in INR).
    2. name (name of the product).
    3. description (description of the product that is being sold).

    Handy Tips
    If you are using WordPress 4.8 or later, the custom fields can be added via Screen Option.

  6. Add the [RZP](shortcode indicated by square brackets) in the content section to display the Pay with Razorpay button anywhere.

  7. Publish or update the page. The page appears with the Pay with Razorpay button.

Verify Payment Status🔗

You can track the payment status from the Razorpay Dashboard, subscribe to the Webhook event or poll our APIs.

Verify Payment Status From Dashboard🔗

  1. Log into the Dashboard and navigate to Transactions → Payments.
  2. Check if a payment_ID has been generated and note the status. In case of a successful payment, the status is marked as captured.

Subscribe to Webhook events🔗

You can use Razorpay Webhooks to configure and receive notifications when a specific event occurs. When one of these events is triggered, we send an HTTP POST payload in JSON to the webhook's configured URL. Know how to set up Webhooks.

Example🔗

If you have subscribed to the order.paid webhook event, you will receive a notification every time a customer pays you for an order.

Poll APIs🔗

Poll Payment APIs to check the payment status.

×