1. Build Integration

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

   FAQs

   .

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.

   
   Watch Out!

   If the payment button does not appear, ensure the Button script is placed inside the <form> tag. This issue might be caused by certain cache plugins (for example, SpeedyCache) or Optimizer plugins (for example, SiteGround Optimizer). To resolve it, please deactivate these plugins. Once they are deactivated, the payment button should work properly.

Verify Payment Status

You can track the payment status in three ways:

Verify Status from Dashboard

Subscribe to Webhook Events

Poll APIs

To verify the payment status from the Dashboard:

1. Log in to 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.

Next Steps

Step 2: