Generate ready-to-use Razorpay checkout button code for your website. Customize amount, colors, and style.
₹499 INR · One-time
My Company
This is a visual preview only. The button will open Razorpay's checkout modal when integrated with your API key.
The Razorpay Button Generator builds the HTML embed snippet for a Razorpay Payment Button so you can accept payments on any website without writing checkout code by hand. You supply your Payment Button ID (the pl_XXXXXXXXXXXX string Razorpay issues when you create a button in the Dashboard) along with optional presentation settings, and the tool assembles the matching <form> and <script src="https://checkout.razorpay.com/v1/payment-button.js"> block ready to paste.
It is aimed at developers, small merchants, freelancers, and no-code site owners on WordPress, Shopify, or plain HTML pages who want a hosted Razorpay checkout that handles cards, UPI, netbanking, and wallets without server-side integration. Everything runs in your browser and simply formats the markup Razorpay expects.
A Razorpay Payment Button is a hosted checkout widget you configure once in the Dashboard. Razorpay stores the amount, currency, and settings server-side and gives you only a public button ID. The embed does not contain your API keys or secrets, so it is safe to place in client-side HTML.
The generated markup is a plain HTML form: <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_XXXXXXXXXXXX" async></script></form>. When the page loads, payment-button.js reads the data-payment_button_id attribute, fetches the button's configuration from Razorpay, and injects the styled button into the form. Clicking it opens the Razorpay Checkout modal, which processes UPI, cards, netbanking, and wallet payments over Razorpay's PCI-DSS infrastructure.
Because pricing and behavior live in the Dashboard, you change the amount or label there rather than editing the HTML. The only value that must match is the button ID, which is why this tool focuses on assembling a correct, copy-ready snippet around that single identifier.
In the Razorpay Dashboard, create a Payment Button under Payment Products, then open it to see its ID, which starts with pl_. That ID is what the generator inserts into the snippet.
No. Payment Buttons are configured server-side in your Dashboard and referenced only by a public button ID, so no secret keys are involved. Never place your API secret in client-side HTML.
Yes, it is free and runs entirely in your browser. The button ID and settings you type are used only to build the snippet locally and are not sent to or stored on our servers.
No. The amount, currency, and label are defined in the Razorpay Dashboard when you create the button. This tool only generates the embed markup around your button ID; edit pricing in the Dashboard.
Paste it into your page's HTML at the location where the button should appear. It works in raw HTML files, WordPress custom HTML blocks, and most site builders that allow embedding a script tag.
Common causes are an incorrect or inactive button ID, the button being deactivated in the Dashboard, or a site builder that strips <script> tags. Confirm the pl_ ID is correct and that your platform permits external scripts.
It uses Razorpay Checkout, which supports UPI, credit and debit cards, netbanking, and popular wallets. Available methods depend on what is enabled for your Razorpay account.