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.

  1. from the WordPress Plugin Directory.
  2. Open your WordPress site and navigate to PluginsAdd 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 .
    4. Set the Payment Action to Authorize and Capture to auto-capture payments.
    5. Click Save Changes.

  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 Preferences.

  3. Click Panels and enable the Custom Fields checkbox in the Additional section. 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.

    Handy Tips

    If you are using WordPress 4.8 or later, the custom fields can be added via Screen Option. If you are still not able to view the custom field, refer to the

    .

  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).
  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.

You can track the payment status in three ways:

Handy Tips

  • On the Dashboard, ensure that the payment status is captured. Refer to the payment capture settings page to know how to .
  • Subscribe to our webhooks or poll the Fetch a Payment API to track the payment status.

To verify the payment status from the Dashboard:

  1. Log in to the and navigate to TransactionsPayments.
  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.
Check if the payment id is generated and the status is captured

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

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

to check the payment status.


Is this integration guide useful?