{"id":4432,"date":"2020-08-14T16:36:31","date_gmt":"2020-08-14T11:06:31","guid":{"rendered":"https:\/\/razorpay.com\/blog\/?p=4432"},"modified":"2025-09-24T11:16:55","modified_gmt":"2025-09-24T05:46:55","slug":"create-payment-buttons-donation-fees","status":"publish","type":"post","link":"https:\/\/razorpay.com\/blog\/create-payment-buttons-donation-fees\/","title":{"rendered":"Introducing Razorpay Payment Button &#8211; The Easiest Way to Get Paid!"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">So, here you are, going through your daily routine of tasks, sipping on a cup of coffee, doodling away to glory and all of a sudden the stranger in the next table at Starbucks asks you if you are willing to sell the mandala that you just carelessly sketched. <\/span><\/p>\n<p><span style=\"font-weight: 400;\"><em>Inspiration strikes!<\/em> Can you sell these beautiful sketches to consumers? Hope takes over and you are filled with adrenaline to satisfy that entrepreneurial spirit.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You quickly google what is the best way to start selling directly to consumers. Multiple blogs, webinars, online videos later, you realize &#8211; going live is easy. Simply create a cool looking website or blog on any of the leading website builder tools like Wix, WordPress, Weebly, Blogsite, add the beautiful pictures and lo and behold, you are a business owner.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But here is where it gets tricky. Ensuring consumers discover you is hard. Even harder is making sure that the customers who land up on your page, convert and become your paid customers. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">While there is a lot of content out there on how to generate leads online for your business and building kick-ass websites for conversion, <a href=\"https:\/\/razorpay.com\/payment-links\/\">accepting payments<\/a> is still a big question mark for a lot of budding entrepreneurs out there.<br \/>\n<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Going live with a payment gateway is difficult. It requires technical expertise. You need to build a complete checkout flow, integrate the <a href=\"https:\/\/razorpay.com\/payment-gateway\/\">payment gateway<\/a> and buy cloud space to store the customer data. <\/span><span style=\"font-weight: 400;\">For an established business or entrepreneurs with investments behind them, this process is easy. They can hire website development and digital marketing agencies to take care of the entire process of going online. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">But there are a large number of freelancers, consultants, creative content creators, NGOs, SMEs, conventional businesses who have recently decided to go online, who do not have the time, money, or resources to go through an agency and integrate a payment gateway.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/razorpay.com\/learn\/how-to-start-a-business\/\">Starting a new business<\/a> comes with a set of challenges, accepting payments should not be one of them! Introducing <a href=\"https:\/\/razorpay.com\/payment-buttons\/\">Razorpay Payment Button<\/a>. The fastest and easiest way to accept payments on your website. Start collecting payments on your website, in less than 5 minutes. No developer needed!<\/span><\/p>\n<div style=\"text-align: center;\"><a style=\"border-radius: 3px; background: #528ff0; padding: 15px; font-weight: 600; cursor: pointer; text-decoration: none; color: white;\" href=\"https:\/\/razorpay.com\/payment-buttons\/\">Get Started With Payment Button<\/a><\/div>\n<p>&nbsp;<\/p>\n<p><em><b>Related Read: <\/b><a href=\"https:\/\/razorpay.com\/blog\/what-is-a-payment-button\/\"><b>What is a Payment Button?<\/b><\/a><\/em><\/p>\n<p>If you have ever felt,<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">The need for a quick payment option that can be added on any webpage without any integration efforts<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The need for a simple payment solution that can be used to experiment with an idea<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The need for an easy solution that can be used by without involving a tech expert<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Or a mobile-friendly solution that can get started without any coding requirement\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u2026then, Razorpay Payment Button is the solution you are looking for.<\/span><\/p>\n<p><b>What is Razorpay Payment Button?<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Simply put, Razorpay Payment Button is a Do-It-Yourself solution to adding a payment gateway along with an integrated checkout on your website. Just Create, Copy and Collect. What\u2019s that, you ask?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">3 steps to collecting payments with Razorpay Payment Buttons.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4433 aligncenter\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2020\/08\/Razorpay-payment-button.gif\" alt=\"payment button use case\" width=\"451\" height=\"802\" \/><\/p>\n<p><b>Step 1: Create:<\/b><span style=\"font-weight: 400;\"> Follow simple steps with a series of questions on the <a href=\"https:\/\/dashboard.razorpay.com\/signin\">Razorpay dashboard<\/a> which will help you create a button for your website. Choose from multiple templates or start from scratch. You get a lot of flexibility with the amount you want to collect, information of customer you can collect and the overall look and feel of the button<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p><b>Steps 2: Copy:<\/b><span style=\"font-weight: 400;\"> Once you have created the button, you will receive an embed code. This is an HTML code, similar to what you find when you want to embed a Youtube video on your page. It is as simple as that.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><em><b>Pro Tip:<\/b><span style=\"font-weight: 400;\"> Don&#8217;t forget to set up an automated receipt, custom thank you message, and redirection from the button settings.<\/span><\/em><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p><b>Step 3<\/b><span style=\"font-weight: 400;\">: <strong>Collect:<\/strong> Add this embed code on your website and you are ready to start accepting payments. Adding the code is easy. We even have a series of video tutorials on how you can do this.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Thousands of businesses, freelancers and consultants are already using Payment Buttons to accept money on their website and blog. Let\u2019s follow the journey of four of our users:<\/span><\/p>\n<h2>Anoop: A freelancer based out of Mumbai<\/h2>\n<h4><span style=\"font-weight: 400;\">1. Who is Anoop?<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4434 size-full\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2020\/08\/Payment-button.gif\" alt=\"razorpay buttons\" width=\"512\" height=\"289\" \/><\/p>\n<h4>2. <span style=\"font-weight: 400;\">Why did he choose the Razorpay Payment Button?<\/span><\/h4>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong>Go live within 5 minutes:<\/strong> <\/span><span style=\"font-weight: 400;\">Anoop has a lot of ideas. To experiment with them he needs a quick fail-safe solution. Anoop was able to create, copy and start collecting payments via Payment Button on his website in less than 5 minutes. No developer needed.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><strong>Unlimited secure Payment Buttons:<\/strong> <\/span>Razorpay Button allows you to create unlimited Payment Buttons from your dashboard within minutes, completely free of cost.<\/li>\n<\/ul>\n<ol>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><strong>Show a custom page on successful payment: <\/strong><span style=\"font-weight: 400;\">On receiving a successful payment, Anoop is able to show a custom message and send his customers to a new page. Here, they can get more details on his program as a paid customer.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4><span style=\"font-weight: 400;\">3. Which template did he use to create a button for his site?<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Anoop chose a Quick Pay Button. With this, he is able to collect basic customer details and collect a single amount for his consultation sessions. The number of details a customer needs to fill is less. Overall, this button helps in quick conversions.\u00a0<\/span><\/p>\n<div style=\"text-align: center;\"><a style=\"border-radius: 3px; background: #528ff0; padding: 15px; font-weight: 600; cursor: pointer; text-decoration: none; color: white;\" href=\"https:\/\/dashboard.razorpay.com\/#\/access\/signin\">Create a Quick Pay Button<\/a><\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Still need more information? Check out this step by step tutorial on how you can add a button to your Google Site.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\"> Lenny, Founder and treasury of an NGO<\/span><\/h2>\n<h4>1. Who is Lenny?<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4435 size-full\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2020\/08\/Payment-button-1.gif\" alt=\"accept donations\" width=\"512\" height=\"289\" \/><\/p>\n<h4><span style=\"font-weight: 400;\">2. Why did he choose Payment Buttons?<\/span><\/h4>\n<ol>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>No setup fees:<\/strong> <\/span>With a new NGO at hand, Lenny wanted to save costs and not jump into complex and costly integrations. This has almost become a #RazorpayRitual! Just like most of our other products, Payment Button also comes with zero setup fees and maintenance charges.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ol>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>100+ payment modes + International payments:<\/strong> At a time where people have their own favourite mode of payment, it is very important for Lenny to offer all the modes of payments for collecting donations. With the added advantage of an <a href=\"https:\/\/razorpay.com\/accept-international-payments\/\">international payment gateway<\/a>, support for international payments, and the ability to add a PayPal account, adding a button was a no-brainer.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ol>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Automated 80 G receipts:<\/strong> This has been a boon for many NGOs. Ability to send an automated 80G receipt on successful donations saves precious man-hours and resources.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>3. <span style=\"font-weight: 400;\">Which button did he create for this NGO?<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Lenny chose a Donate Button. It comes with multiple presets for collecting donations for various causes. These can be easily customized. You can also collect a lot of information about the donors, including PAN number which comes with an inbuilt validation check.<\/span><\/p>\n<div style=\"text-align: center;\"><a style=\"border-radius: 3px; background: #528ff0; padding: 15px; font-weight: 600; cursor: pointer; text-decoration: none; color: white;\" href=\"https:\/\/dashboard.razorpay.com\/#\/access\/signin\">Create a Donate Button Now<\/a><\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Still need more information? Check out this step by step tutorial on how you can add a button to your BlogSite.\u00a0<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Ira: Digital content creator<\/span><\/h2>\n<ol>\n<li>\n<h4><span style=\"font-weight: 400;\">Who is Ira?<\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4436 aligncenter\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2020\/08\/payment-button-razorpay.gif\" alt=\"razorpay payment button\" width=\"606\" height=\"342\" \/><\/li>\n<li style=\"font-weight: 400;\">\n<h4><span style=\"font-weight: 400;\">Why did she choose the Payment Button?<\/span><\/h4>\n<\/li>\n<\/ol>\n<ul>\n<li><strong>Completely Customizable: <\/strong><span style=\"font-weight: 400;\">Ira wanted to ensure the button shows her brand. She was able to customize and create the design to align it with her brand&#8217;s theme.\u00a0<\/span><\/li>\n<li><strong>Mobile friendly: <\/strong>Since the entire world is moving towards mobile-first experience, Razorpay Buttons also comes with an inbuilt mobile-friendly ecosystem. Ira was able to offer a stellar experience to her customers as 70% of her user base used mobiles to buy her products.<\/li>\n<li><strong>Set up stock and number of units: <\/strong><span style=\"font-weight: 400;\">Ira was able to define a limit for each item to ensure she doesn&#8217;t oversell the stock. She was easily able to do inventory management.<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400;\">3. Which button did she create for her site?<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Ira chose a Buy Now Button. This allowed her to set up the button with multiple amounts for various items and varying quantities by embedding this button.<\/span><\/p>\n<div style=\"text-align: center;\"><a style=\"border-radius: 3px; background: #528ff0; padding: 15px; font-weight: 600; cursor: pointer; text-decoration: none; color: white;\" href=\"https:\/\/dashboard.razorpay.com\/#\/access\/signin\">Create a Buy Now Button<\/a><\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Still need more information? Check out this step by step tutorial on how you can add a button to your Godaddy Website.\u00a0<\/span><\/p>\n<p><b>Please note:<\/b><span style=\"font-weight: 400;\"> You can use Razorpay Buttons even if you don&#8217;t have a website. You can embed this Payment Button within your blog, an online store, or your social media platforms. <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">[Recommended read:<\/span><a href=\"https:\/\/razorpay.com\/blog\/payment-pages-online-store-business\/\"> <span style=\"font-weight: 400;\">Build Your Own Online Store with Razorpay Payment Pages<\/span><\/a><span style=\"font-weight: 400;\">]<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Dr. Sania: An urban doctor<\/span><\/h2>\n<h4><span style=\"font-weight: 400;\">1. Who is Dr Sania?<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4437 aligncenter\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2020\/08\/Razorpay-buttons.gif\" alt=\"razorpay payment button\" width=\"584\" height=\"329\" \/><\/p>\n<h4><span style=\"font-weight: 400;\">2. Why did she choose the Payment Button?<\/span><\/h4>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong>High Flexibility:<\/strong> Sania wanted to allow the patients to fill in the total amount they need to pay. This highly flexible feature of buttons allowed her to collect payments with ease.<\/span><\/li>\n<li><strong>Zero codings required: <\/strong><span style=\"font-weight: 400;\">She didn&#8217;t want to put in a lot of time and energy in integrating a payment gateway. With COVID impacting the overall consumer behavior, she wanted <a href=\"https:\/\/razorpay.com\/blog\/what-is-contactless-payment\/\">contactless payments<\/a>. She was able to add a button to the website on her own.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">She was able to ensure a secure money movement with Razorpay\u2019s <a href=\"https:\/\/razorpay.com\/blog\/what-is-pci-dss-compliance\/\">PCI DSS compliant<\/a> technology.<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400;\">3. Which Button did she create for her clinic website?<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Sania decided to go for the Custom Button. This allowed her to design the button to accept different amount types, custom details, and more, etc.\u00a0<\/span><\/p>\n<div style=\"text-align: center;\"><a style=\"border-radius: 3px; background: #528ff0; padding: 15px; font-weight: 600; cursor: pointer; text-decoration: none; color: white;\" href=\"https:\/\/dashboard.razorpay.com\/#\/access\/signin\">Create a Custom Button now<\/a><\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Still, need more information? Check out this step by step tutorial on how you can add a button to your Wix Website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Razorpay Payment Button aims to empower you to create, customize, and publish a button <\/span><span style=\"font-weight: 400;\">on your own without worrying about any technical stuff or even relying on someone else for it. Offer your customers a seamless payment experience while you give yourself higher conversions. At last, get set to #OutgrowOrdinary with Razorpay.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If this seems like a product for you, join the Razorpay family and get started today. Say goodbye to those tough hours of web-surfing &amp; integration now!<\/span><\/p>\n<div style=\"text-align: center;\"><a style=\"border-radius: 3px; background: #528ff0; padding: 15px; font-weight: 600; cursor: pointer; text-decoration: none; color: white;\" href=\"https:\/\/razorpay.com\/payment-buttons\/\">Get Started With Payment Button<\/a><\/div>\n<h4>Suggested Read<\/h4>\n<div><a href=\"https:\/\/razorpay.com\/unfiltered\/behind-the-scenes-payment-button\/\" target=\"_blank\" rel=\"noopener noreferrer\">Behind The Scenes | Payment Button<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Razorpay Payment Button aims to empower businesses &amp; individuals to create, customize and publish a button on their own. Sign up &amp; get started in 5 minutes.<\/p>\n","protected":false},"author":53,"featured_media":4455,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[26],"tags":[33,100,99],"class_list":{"0":"post-4432","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-payments","8":"tag-digital-payments","9":"tag-freelancer-payments","10":"tag-payment-buttons"},"_links":{"self":[{"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/posts\/4432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/comments?post=4432"}],"version-history":[{"count":6,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/posts\/4432\/revisions"}],"predecessor-version":[{"id":24210,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/posts\/4432\/revisions\/24210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/media\/4455"}],"wp:attachment":[{"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/media?parent=4432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/categories?post=4432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/tags?post=4432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}