> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-881012b3.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# About Plugins

> Embed Razorpay Payment Buttons on websites built on platforms such as Wix, Weebly, Blogger and Google Sites.

<div style={{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"0.35rem 0.9rem",border:"1px solid rgba(128,128,128,0.28)",borderRadius:"0.5rem",padding:"0.45rem 0.75rem",margin:"0 0 1.25rem",fontSize:"0.875rem"}}>
  <span style={{fontWeight:600}}>Available in</span>
  <span>🇮🇳 India</span>
</div>

You can embed Razorpay Payment Button on custom-built websites and those built on popular platforms such as:

* [Wix](#wix)
* [Weebly](#weebly)
* [Blogger](#blogger)
* [Google Sites](#google-sites)
* [GoDaddy](#godaddy)
* [Wordpress](#wordpress)
* [Drupal](#drupal)

## Wix

Watch this video to see how to embed a Payment Button on your Wix site:

<iframe width="560" style={{maxWidth: '100%'}} height="315" src="https://www.youtube.com/embed/mpKggEAOXrI" frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

To embed a Payment Button on your Wix site:

1. Log in to your Wix site and switch to Editor mode.
2. Navigate to **Add** → **Embed** → **Custom Embeds**.
3. Select **HTML iframe**.
4. Click **Enter Code** and select **Code**.
5. Paste the Button code that you copied from the Dashboard and click **Apply**. The Payment Button appears. You can drag and place it wherever required.
6. Publish the page to view the changes.

## Weebly

Watch this video to see how to embed a Payment Button on your Weebly site:

<iframe width="560" style={{maxWidth: '100%'}} height="315" src="https://www.youtube.com/embed/Wq8MkcAJNdU" frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

To embed a Payment Button on your Weebly site:

1. Log in to your Weebly site and switch to Editor mode.
2. Navigate to the page on which you want to place the button.
3. Navigate to **Build** → **Individual Elements** → **Embed Code**.
4. Drag and drop the element and select **Click to set Custom HTML** box.
5. Select the position and click **Edit Custom HTML**.
6. Paste the Button code that you copied from the Dashboard and click out of the box. This saves the code.
7. Publish the page to view the changes.

## Blogger

Watch this video to see how to embed a Payment Button on your Blogger site:

<iframe width="560" style={{maxWidth: '100%'}} height="315" src="https://www.youtube.com/embed/LgHpK-nbxn8" frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

To embed a Payment Button on your Blogger site:

1. Log in to your Blogger site and navigate to Editor mode.
2. Navigate to the page on which you want to place the button.
3. Switch to **HTML view**.
4. Paste the Button code that you copied from the Dashboard and click **Update**.
5. Publish the page to view the changes.

## Google Sites

Watch this video to see how to embed a Payment Button on your Google site:

<iframe width="560" style={{maxWidth: '100%'}} height="315" src="https://www.youtube.com/embed/NHt60vR_Ahg" frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

To embed a Payment Button on your Google site:

1. Log in to your Google Site and switch to Editor mode.
2. Navigate to the page on which you want to place the button.
3. Navigate to **Insert** → **Embed** → **Embed Code**.
4. Paste the Button code that you copied from the Dashboard and click **Next**.
5. Click **Insert**.
6. Drag and drop the element wherever required.
7. Publish the page to view the changes.

## GoDaddy

Watch this video to see how to embed a Payment Button on your GoDaddy site:

<iframe width="560" style={{maxWidth: '100%'}} height="315" src="https://www.youtube.com/embed/77ZWdlra4lw" frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

To embed a Payment Button on your GoDaddy site:

1. Log in to your GoDaddy website and switch to Editor mode.
2. Navigate to the page on which you want to place the button.
3. Add a section, select **HTML** and click **Add**.
4. Paste the Button code that you copied from the Dashboard.
5. Add a pixel length of `700` in **Forced Height** field.
6. Click **Done**.
7. Publish the page to view the changes.

## WordPress

If you own a WordPress site, you can use the Razorpay Payment Button Plugin for WordPress.

<Info>
  **Handy Tips**

  [Create a WordPress site](/docs/payments/payment-button/supported-platforms/wordpress) from scratch.
</Info>

Watch this short video on how to add Payment Button on Wordpress and Elementor:

<iframe width="560" height="315" src="https://www.youtube.com/embed/4MCy8Blo4Pw" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

To embed a Payment Button on your WordPress site:

1. Download the [WordPress Payment Plugin](https://wordpress.org/plugins/razorpay-payment-button/) or [Elementor Plugin](https://wordpress.org/plugins/razorpay-payment-button-elementor/) from the plugin directory and add the zip file to your WordPress website's **Plugins** folder.
2. In your WordPress site, activate the plugin in the **WordPress Plugin Manager**.
3. Navigate to **Razorpay Buttons** → **Settings** to add your Razorpay API key details and connect your Razorpay account to the plugin.
4. Navigate to **Razorpay Buttons**. A list of buttons you created on Razorpay are available here. Select the required button.
5. Click **Pages** and navigate to the page where you want to embed the Payment button.
6. Select **Add Block** → **Widgets** → **Razorpay: Payment Button** to embed the Payment button onto the page.
7. Choose the Payment Button using the drop-down and publish or update the page.

## Drupal

To embed a Payment Button on your Drupal Website:

1. Download the plugin from the [Drupal](https://www.drupal.org/project/payment_button_drupal_plugin) Website.
2. Go to Extend from the Drupal admin menu.
3. Enable Razorpay Payment Button Plugin module in the Drupal admin.
4. Configure your What You See Is What You Get (WYSIWYG) toolbar to include the button.

### Related Information

* [Payment Buttons](/docs/payments/payment-button)
* [Payment Button Reports](/docs/payments/payment-button/view-reports)
