{"id":6646,"date":"2021-09-28T15:19:59","date_gmt":"2021-09-28T09:49:59","guid":{"rendered":"https:\/\/razorpay.com\/blog\/?p=6646"},"modified":"2025-11-30T20:06:55","modified_gmt":"2025-11-30T14:36:55","slug":"4-ways-to-add-a-payment-button-on-wordpress-website","status":"publish","type":"post","link":"https:\/\/razorpay.com\/blog\/4-ways-to-add-a-payment-button-on-wordpress-website\/","title":{"rendered":"4 Ways to Add a Payment Button on WordPress website"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The start of something new is also the start of new challenges and newer solutions. If you are starting your business and have a website in place, one of the next steps in your growth journey will be finding solutions to collect payment via your website. What if we tell you <a href=\"https:\/\/razorpay.com\/payment-buttons\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">adding a payment button<\/a> to your website is the easiest solution?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether you are an artist, a content creator, a social worker, or an online educator, adding a payment button to your website can help you monetise your work in just a few simple clicks.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A payment button helps you test your idea and translate your passion into a profession, without any investment and coding knowledge. <\/span><span style=\"font-weight: 400;\">\u00a0<\/span><\/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<h2><strong>Let us look at different ways you can add a payment button to your website.\u00a0<\/strong><\/h2>\n<h3><b>1)<\/b> <b>Turning passion into a profession &#8211; The Artist<\/b><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6650\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2021\/09\/artist-add-a-payment-button-to-wordpress-1024x547.png\" alt=\"Wordpress Payment Button Artist\" width=\"626\" height=\"334\" srcset=\"https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/artist-add-a-payment-button-to-wordpress-1024x547.png 1024w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/artist-add-a-payment-button-to-wordpress-300x160.png 300w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/artist-add-a-payment-button-to-wordpress-768x411.png 768w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/artist-add-a-payment-button-to-wordpress.png 1536w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Art is abstract, and so are the ideas of an artist. You could be a musician or a painter or a fine artist, looking for ways to monetise your creations. Would it not be great if your audience could buy your creations directly from your website? Let us look at some quick ways to add a payment button to your website:<\/span><\/p>\n<ul>\n<li><b>Add a Buy Now button: <\/b><span style=\"font-weight: 400;\">For your audience to directly buy your art at the touch of a button, with no redirections and a seamless experience.<\/span><\/li>\n<li><b>Add a Download Now button:<\/b><span style=\"font-weight: 400;\"> For your audience to pay and download your music from your website. <\/span><\/li>\n<li><b style=\"font-size: 19px;\">Add a Pay Now button:<\/b><span style=\"font-weight: 400;\"> Get your students\/members to enrol for art classes or workshops. Collect important details and accept payments with just one button.<\/span><\/li>\n<\/ul>\n<h3><b>2)<\/b> <b>Create content with power &#8211; The Influencer<\/b><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6651\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2021\/09\/content-creator-add-a-payment-button-to-wordpress-1024x547.png\" alt=\"payment button for Influencer\" width=\"628\" height=\"335\" srcset=\"https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/content-creator-add-a-payment-button-to-wordpress-1024x547.png 1024w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/content-creator-add-a-payment-button-to-wordpress-300x160.png 300w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/content-creator-add-a-payment-button-to-wordpress-768x411.png 768w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/content-creator-add-a-payment-button-to-wordpress.png 1536w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">We understand the importance of the effort you put in to build relevant educational and entertainment led content as a digital content creator. As a content creator, you would have regular visitors to your blog site or regular subscribers to the content you upload on YouTube. If you are looking for ways to add a payment button to your WordPress website to provide exclusive content access to your audience, here are some ways:<\/span><\/p>\n<ul>\n<li><b style=\"font-size: 19px;\">Add a Subscribe Now button:<\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"> To provide continued access to your newsletter with best-in-industry curated content or access to a blog with deeper insights and exclusive experiences offered to your audience. <\/span><\/span>You can set up one-time, weekly or monthly plans by adding one-time or recurring options on your WordPress website using Razorpay Payment Button Plugins.<\/li>\n<li><b>Add a Buy Now button: <\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">To sell digital ebooks and whitepapers on topics that matter to your audience. <\/span><\/span>Let your subscribers pay for digital content at a one-time price and\u00a0 get accessibility to the premium content at the touch of a button<\/li>\n<\/ul>\n<h3><b>3)<\/b> <b>Upskilling is the new skill &#8211; The Online Coach<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The <\/span><span style=\"font-weight: 400;\">EdTech industry has grown at a rapid pace in the last 18 months<\/span><span style=\"font-weight: 400;\"> owing to the COVID-19 pandemic and the shift in consumer behaviour. Professionals are increasingly inclining towards learning and upskilling with online courses, webinars, live sessions and membership-based coaching plans.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6653\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2021\/09\/online-coach-add-a-payment-button-to-wordpress-1024x547.png\" alt=\"payment button for Online Coach\" width=\"626\" height=\"334\" srcset=\"https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/online-coach-add-a-payment-button-to-wordpress-1024x547.png 1024w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/online-coach-add-a-payment-button-to-wordpress-300x160.png 300w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/online-coach-add-a-payment-button-to-wordpress-768x411.png 768w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/online-coach-add-a-payment-button-to-wordpress.png 1536w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If you are in the education industry, providing online courses or workshops, you can add a payment button in many ways to suit your use cases.<\/span><\/p>\n<ul>\n<li><b style=\"font-size: 19px;\">Add a Subscribe Now button: <\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">For your audience to subscribe to exclusive classes or to build membership-based recurring payment plans. <\/span><\/span>Add a subscribe now button and get started faster with Razorpay Payment Button Plugin for WordPress.<\/li>\n<li><b>Add a Pay Now button: <\/b><span style=\"font-weight: 400;\">To let your audience pay for a Live webinar session or a workshop or to provide one-time access to individual lessons. Offer UPI, credit\/debit card, international payments and more with just one payment button.<\/span><\/li>\n<\/ul>\n<h3><b>4)<\/b> <b>Caring is what makes us human &#8211; The Social Worker\/NGO<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">If you are a social worker, you would need the help of some good samaritans to help you with donations and work on the cause you choose to promote. You can collect donations by adding a payment button on your website.\u00a0<\/span><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6652\" src=\"https:\/\/razorpay.com\/blog-content\/uploads\/2021\/09\/ngo-add-a-payment-button-to-wordpress-1024x547.png\" alt=\"Payment Button for Social Worker sites\" width=\"626\" height=\"334\" srcset=\"https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/ngo-add-a-payment-button-to-wordpress-1024x547.png 1024w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/ngo-add-a-payment-button-to-wordpress-300x160.png 300w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/ngo-add-a-payment-button-to-wordpress-768x411.png 768w, https:\/\/blog.razorpay.in\/wp-content\/uploads\/2021\/09\/ngo-add-a-payment-button-to-wordpress.png 1536w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/p>\n<p><b>Adding a Donate Now button<\/b><span style=\"font-weight: 400;\"> on your website lets your audience donate to your NGO without any confusion and hassle. You can also provide them with the option of one-time, recurring, and international payments through the <a href=\"https:\/\/razorpay.com\/international-payment-gateway-india\/\">Razorpay international payment<\/a> gateway using the Payment Button.<\/span><span style=\"font-weight: 400;\">Keep a fixed amount or let your customers fill in the amount of their choice. From collecting important information to sending automated 80-G receipts, at the touch of a button.<\/span><\/p>\n<h2><b>How to add a payment button to WordPress website or blog?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">If you have a WordPress website, you can add Razorpay Payment Button to your website. You can add the plugin directly from your WordPress account following the instructions below, or<\/span> <span style=\"font-weight: 400;\"><a href=\"https:\/\/wordpress.org\/plugins\/razorpay-payment-button\/\" rel=\"nofollow noopener\" target=\"_blank\">download the WordPress plugin<\/a> as a .zip file<\/span><span style=\"font-weight: 400;\"> and upload it to your WordPress admin dashboard.<\/span><\/p>\n<p><em><strong>Steps to install Razorpay Payment Button plugin from within WordPress:<\/strong><\/em><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Log in to your WordPress website admin dashboard<\/span><\/li>\n<li><span style=\"font-weight: 400;\">In the left sidebar menu, navigate to <\/span><b>Plugins &gt; Add New<\/b><\/li>\n<li><span style=\"font-weight: 400;\">Search for the<\/span> <span style=\"font-weight: 400;\">Razorpay Payment Button for WordPress plugin<\/span><span style=\"font-weight: 400;\"> (For WordPress site page),<\/span> <a href=\"https:\/\/wordpress.org\/plugins\/razorpay-payment-button-elementor\/\" rel=\"nofollow noopener\" target=\"_blank\"><span style=\"font-weight: 400;\">Razorpay Payment Button for Elementor<\/span><\/a><span style=\"font-weight: 400;\"> (For an Elementor page)<\/span><\/li>\n<li><span style=\"font-weight: 400;\">In the upper right, click Install Now<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Click Activate Plugin<\/span><\/li>\n<\/ol>\n<p style=\"text-align: center;\"><a href=\"https:\/\/razorpay.com\/blog\/step-by-step-guide-to-add-razorpay-payment-button-on-wordpress-elementor-website\/\"><strong>Also Read: Step-by-step guide to add Razorpay Payment Button on WordPress &amp; Elementor website<\/strong><\/a><\/p>\n<div>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/4MCy8Blo4Pw\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><script type=\"application\/ld+json\">{\n  \"@context\": \"http:\/\/schema.org\",\n  \"@type\": \"VideoObject\",\n  \"name\": \"How to add Razorpay Payment Button on WordPress & Elementor\",\n  \"description\": \"Start accepting payments on your WordPress & Elementor site\/blog in less than five minutes with payment button plugins  Prerequisites to get started faster with Plugins  Razorpay Account: -Visit www.razorpay.com and sign up to create a Razorpay account -Create a payment button on Razorpay dashboard -Log into your Razorpay account and generate API keys in the test mode. -Download and save API Keys  WordPress Account: -Log into your WordPress admin dashboard to paste API key ID and secret keys -Plug and play with payment buttons on your site\",\n  \"thumbnailUrl\": \"https:\/\/i.ytimg.com\/vi\/4MCy8Blo4Pw\/default.jpg\",\n  \"uploadDate\": \"2021-09-01T12:20:45Z\",\n  \"duration\": \"PT43S\",\n  \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/4MCy8Blo4Pw\",\n  \"interactionCount\": \"1652\"\n}<\/script><\/p>\n<\/div>\n<h2><b>Why should you choose Razorpay Payment Button Plugin?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Razorpay Payment Button plugin is a one-stop solution to collect one-time and recurring payments on your WordPress website with a single plugin.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The best part about this plugin? You can start instantly, with no coding and an easy to set up configuration.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Razorpay Payment Button allows you to create a button with pre-made templates and multiple customisations.<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">Start your growth journey with the Razorpay Payment Button plugin for your WordPress and Elementor website today! Take the first step towards a no-code and simplified solution to help you in collecting <a href=\"https:\/\/razorpay.com\/learn\/digital-payments-india-definition-methods-importance\/\">digital payments<\/a>!<\/span><\/i><\/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:\/\/easy.razorpay.com\/onboarding\/\" target=\"_blank\" rel=\"noopener noreferrer\">Try Razorpay Payment Button<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Read on to know creative ways to add a payment button to your WordPress website with the easy-to-install Razorpay Payment Button Plugin.<\/p>\n","protected":false},"author":68,"featured_media":6649,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[26],"tags":[99],"class_list":{"0":"post-6646","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-payments","8":"tag-payment-buttons"},"_links":{"self":[{"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/posts\/6646","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\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/comments?post=6646"}],"version-history":[{"count":3,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/posts\/6646\/revisions"}],"predecessor-version":[{"id":24883,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/posts\/6646\/revisions\/24883"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/media\/6649"}],"wp:attachment":[{"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/media?parent=6646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/categories?post=6646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/razorpay.com\/blog\/wp-json\/wp\/v2\/tags?post=6646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}