Payment Button Visual Composer Plugin for WordPress

Embed a Razorpay Payment Button on your WordPress website using the Payment Button Visual Composer plugin.


You can accept payments on your Visual Composer-built WordPress website using the

.

Razorpay Payment Button Visual Composer Plugin

  1. Install the on your WordPress site.
  2. .
  3. Navigate to Account & SettingsAPI Keys and generate the API keys in the test mode.

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 Razorpay Payment Button plugin settings.

To integrate the plugin:

  1. .
  2. .
  3. .
  4. .

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

Follow these steps to create:

To install and configure the Plugin:

  1. Download and install the Razorpay Payment Button Visual Composer Plugin. You can do this using either of these methods:
    • 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.
    Activate Plugin

  3. Navigate to Razorpay Buttons for Visual ComposerSettings to add your Razorpay API key details and connect your Razorpay account to the plugin.
    Add Razorpay API Key

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 Edit with Visual Composer to open the Visual Composer website builder mode.

    Select Page

  3. Click Add Content and search for Razorpay Payment Button or Subscription Button as per your preference.

    Embed Button

    Embed Button

  4. From the list, select the Payment Button that should be displayed on the page.

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

    Handy Tips

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

    Payment Button Appears

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

To view the payments on the WordPress Dashboard:

  1. Click Razorpay Buttons for Visual Composer to view the list of Payment Buttons.
    List of Payment Button

  2. Click View to open the button details.
    View Payment Button Details

The following information regarding the payment button is displayed:

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

Was this page helpful?