Prerequisites

1. Install the

   Page Builder by SiteOrigin plugin

   on your WordPress site.

2. Create a Razorpay account

   .
3. Navigate to Account & Settings → API Keys and generate the API keys in the test mode.

Steps

To integrate the plugin:

1. Create a Payment Button on the Razorpay Dashboard

   .

2. Install and configure the Payment Button SiteOrigin plugin.

   .

3. Embed the button on the WordPress site

   .

4. View details on WordPress Dashboard

   .

Step 1: Create a Payment Button on Razorpay Dashboard

To accept payments on your WordPress site, create a Payment Button.

• Quick Pay Button

• Buy Now Button

• Donations Button

• Custom Button

Step 2: Install and Configure the Plugin

To install and configure the Plugin:

1. Download and install the Razorpay Payment Button SiteOrigin Plugin. You can do this using any one of these methods:

   • Download

     the plugin from the WordPress Plugin Directory and add the zip file to your WordPress website's Plugins folder.
   • Add the plugin directly onto your WordPress website from the Plugin page.
2. In your WordPress site, activate the plugin in the WordPress Plugin Manager.
   
   
   
   
3. Navigate to Razorpay Buttons SiteOrigin → Settings to add your API key details and connect your account to the plugin.
   
   
   

Step 3: Embed the Payment Button on WordPress Site

To add Payment Button on WordPress site:

1. Click Pages and navigate to the page where you want to embed the Payment button.
   
   
   
2. Click Live Editor to open the SiteOrigin website builder mode.
3. Navigate to Add Widget → Razorpay Widgets and select Payment Button or Subscription Button as per your preference.
   
   
   
   
   
   
4. From the list, select the Payment Button that should be displayed on the page and click Done.
   
5. Save the changes and preview the page. The Payment Button appears on the page.
   
   
   

You can now start accepting payments on your WordPress website using the Payment Button.

Step 4: View Details on Dashboard

To view the payments on the WordPress Dashboard:

1. Click Razorpay Buttons SiteOrigin to view the list of Payment Buttons.
   
   
   
2. Click View to open the button details.
   
   
   

The following information regarding the payment button is displayed:

• Button ID
• Button Status
• Total Quantity Sold
• Total Revenue
• Created On

Related Information

• Payment Button

• Create a WordPress Website

• Embed Payment Button on WordPress Website

• Payment Button Elementor Plugin for WordPress

• Payment Button Visual Composer Plugin for WordPress