> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-60c89f9a-mintlify-audit-missing-sections-1778528421.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Payment Button SiteOrigin Plugin for WordPress

> You can accept payments on your SiteOrigin-built WordPress website using the [Payment Button SiteOrigin Plugin](https://wordpress.org/plugins/razorpay-payment-button-for-siteorigin/).

## Prerequisites

<Info>
  **Handy Tips**

  * When **testing**, generate the keys in the **Test** mode.
  * To **accept live payments**, generate the keys in the **Live** mode and replace them in the Payment Button plugin settings.
</Info>

## Integrate Payment Button SiteOrigin Plugin for WordPress

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

* [Quick Pay Button](/payments/payment-button/quick-pay)
* [Buy Now Button](/payments/payment-button/buy-now)
* [Donations Button](/payments/payment-button/donations)
* [Custom Button](/payments/payment-button/custom)

### 2. Install and Configure the Plugin

To install and configure the Plugin:

2.1 Download and install our Payment Button SiteOrigin Plugin. You can do this using any one of these methods:

* [Download](https://wordpress.org/plugins/razorpay-payment-button-for-siteorigin/) 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.2 In your WordPress site, activate the plugin in the **WordPress Plugin Manager**.

2.3 Navigate to **Razorpay Buttons SiteOrigin** → **Settings** to add your API key details and connect your account to the plugin.

### 3. Embed the Payment Button on WordPress Site

To add Payment Button on WordPress site:

3.1 Click **Pages** and navigate to the page where you want to embed the Payment button.

3.2 Click **Live Editor** to open the SiteOrigin website builder mode.

3.3 Navigate to **Add Widget** → **Razorpay Widgets** and select **Payment Button** or **Subscription Button** as per your preference.

3.4 From the list, select the Payment Button that should be displayed on the page and click **Done**.

3.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:

4.1 Click **Razorpay Buttons SiteOrigin** to view the list of Payment Buttons.

4.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](/payments/payment-button)
* [Create a WordPress Website](/payments/payment-button/supported-platforms/wordpress/create-website)
* [Embed Payment Button on WordPress Website](/payments/payment-button/supported-platforms/wordpress)
* [Payment Button Elementor Plugin for WordPress](/payments/payment-button/supported-platforms/wordpress/elementor)
* [Payment Button Visual Composer Plugin for WordPress](/payments/payment-button/supported-platforms/wordpress/visual-composer)