> ## 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 Visual Composer Plugin for WordPress

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

## 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 Visual Composer 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 Visual Composer Plugin. You can do this using either of these methods:

* [Download](https://wordpress.org/plugins/razorpay-payment-button-for-visual-composer) 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 for Visual Composer** → **Settings** to add your API key details and connect your Razorpay 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 **Edit with Visual Composer** to open the Visual Composer website builder mode.

3.3 Click **Add Content** and search for Razorpay **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.

3.5 Save the changes and preview the page. The Payment Button appears on the page.

<Info>
  **Handy Tips**

  The selected button will appear on the preview page but not in the editor.

  You can now start accepting payments on your WordPress website using the Payment Button.
</Info>

### 4. View Details on Dashboard

To view the payments on the WordPress Dashboard:

4.1 Click **Razorpay Buttons for Visual Composer** 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 SiteOrigin Plugin for WordPress](/payments/payment-button/supported-platforms/wordpress/site-origin)