About Plugins
Embed Razorpay Payment Buttons on websites built on platforms such as Wix, Weebly, Blogger and Google Sites.
You can embed Razorpay Payment Button on custom-built websites and those built on popular platforms such as:
Watch this video to see how to embed a Payment Button on your Wix site:
To embed a Payment Button on your Wix site:
- Log in to your Wix site and switch to Editor mode.
- Navigate to Add → Embed → Custom Embeds.
- Select HTML iframe.
- Click Enter Code and select Code.
- Paste the Button code that you copied from the Razorpay Dashboard and click Apply. The Payment Button appears. You can drag and place it wherever required.
- Publish the page to view the changes.
Watch this video to see how to embed a Payment Button on your Weebly site:
To embed a Payment Button on your Weebly site:
- Log in to your Weebly site and switch to Editor mode.
- Navigate to the page on which you want to place the button.
- Navigate to Build → Individual Elements → Embed Code.
- Drag and drop the element and select Click to set Custom HTML box.
- Select the position and click Edit Custom HTML.
- Paste the Button code that you copied from the Razorpay Dashboard and click out of the box. This saves the code.
- Publish the page to view the changes.
Watch this video to see how to embed a Payment Button on your Blogger site:
To embed a Payment Button on your Blogger site:
- Log in to your Blogger site and navigate to Editor mode.
- Navigate to the page on which you want to place the button.
- Switch to HTML view.
- Paste the Button code that you copied from the Razorpay Dashboard and click Update.
- Publish the page to view the changes.
Watch this video to see how to embed a Payment Button on your Google site:
To embed a Payment Button on your Google site:
- Log in to your Google Site and switch to Editor mode.
- Navigate to the page on which you want to place the button.
- Navigate to Insert → Embed → Embed Code.
- Paste the Button code that you copied from the Razorpay Dashboard and click Next.
- Click Insert.
- Drag and drop the element wherever required.
- Publish the page to view the changes.
Watch this video to see how to embed a Payment Button on your GoDaddy site:
To embed a Payment Button on your GoDaddy site:
- Log in to your GoDaddy website and switch to Editor mode.
- Navigate to the page on which you want to place the button.
- Add a section, select HTML and click Add.
- Paste the Button code that you copied from the Razorpay Dashboard.
- Add a pixel length of
700
in Forced Height field. - Click Done.
- Publish the page to view the changes.
If you own a WordPress site, you can use the Razorpay Payment Button Plugin for WordPress.
Handy Tips
Watch this short video on how to add Payment Button on Wordpress and Elementor:
To embed a Payment Button on your WordPress site:
- Download the or from the plugin directory and add the zip file to your WordPress website's Plugins folder.
- In your WordPress site, activate the plugin in the WordPress Plugin Manager.
- Navigate to Razorpay Buttons → Settings to add your Razorpay API key details and connect your Razorpay account to the plugin.
- Navigate to Razorpay Buttons. A list of buttons you created on Razorpay are available here. Select the required button.
- Click Pages and navigate to the page where you want to embed the Payment button.
- Select Add Block → Widgets → Razorpay: Payment Button to embed the Payment button onto the page.
- Choose the Payment Button using the drop-down and publish or update the page.
To embed a Payment Button on your Drupal Website:
- Download the plugin from the Website.
- Go to Extend from the Drupal admin menu.
- Enable Razorpay Payment Button Plugin module in the Drupal admin.
- Configure your What You See Is What You Get (WYSIWYG) toolbar to include the button.
Was this page helpful?