{"id":3240,"date":"2020-08-26T12:45:03","date_gmt":"2020-08-26T07:15:03","guid":{"rendered":"https:\/\/razorpay.com\/learn\/?p=3240"},"modified":"2025-11-30T19:40:12","modified_gmt":"2025-11-30T14:10:12","slug":"payment-button-wordpress-shopify-wix","status":"publish","type":"post","link":"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/","title":{"rendered":"Add a Payment Button to Your Website &#038; Accept Online Payments with Ease"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Do you run a blog and want to drive revenue from it? Or, are you planning to take your business online? If yes, we have just built an awesome product for you!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One of the most challenging steps for an individual or business comes when they want to enable digital payments. In a world where everything online is becoming a norm, you must have access to the most comfortable ways &#8211; the one that does not involve coding or design efforts.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our latest offering at Razorpay, &#8216;Payment Buttons&#8217; is one of those products that is designed for ease. Read this article to know the details.\u00a0<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69d7355245cec\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69d7355245cec\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#Razorpay-Payment-Button\" >Razorpay Payment Button<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#Types-of-Payment-Button\" >Types of Payment Button<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#How-to-add-a-Payment-Button\" >How to add a Payment Button<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#Add-Payment-Button-on-WordPress-Wix-Shopify-more\" >Add Payment Button on WordPress, Wix, Shopify &amp; more<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#Over-to-you\" >Over to you<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Razorpay-Payment-Button\"><\/span><span style=\"font-weight: 400;\">Razorpay Payment Button<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[bctt tweet=&#8221;Razorpay Payment Button is designed for everyone who wants to accept online payments within one ecosystem, without any redirections. It requires zero coding and design efforts.\u00a0&#8221; username=&#8221;&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">A business or an individual can copy a line of code and paste it wherever they would like to embed it. They can also choose to customize the button as per their requirement. The best part you ask? Well, you can get going within 5 minutes!\u00a0<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">[Read More: <\/span><a href=\"https:\/\/razorpay.com\/blog\/create-payment-buttons-donation-fees\/\"><span style=\"font-weight: 400;\">Introducing Razorpay Payment Button: The Easiest Way To Get Paid<\/span><\/a><span style=\"font-weight: 400;\">]<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Types-of-Payment-Button\"><\/span><span style=\"font-weight: 400;\">Types of Payment Button<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Multiple types of payment buttons can be used with Razorpay Payment Button on your website that is built on any website builder:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>Quick Pay Button: <\/b><span style=\"font-weight: 400;\">By embedding this type of button, you can offer your customer to make quick payments for a fixed amount by their preferred online method like the card, netbanking, wallet etc.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Donate Button: <\/b><span style=\"font-weight: 400;\">NGOs and similar organizations can use this button to accept donations with a pre-set amount or can offer their customer to pay the amount of their choice by entering the desired value.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Buy Now Button:<\/b><span style=\"font-weight: 400;\"> This type of button is suited for event organizers and product or service sellers. You can choose to sell multiple items with varying quantities by embedding this button.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Custom Button:<\/b><span style=\"font-weight: 400;\"> This is designed for power users with capabilities for different amount types, custom forms etc.\u00a0<\/span><\/li>\n<\/ol>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">[Recommended Read: <\/span><a href=\"https:\/\/razorpay.com\/blog\/razorpay-payment-button-for-donation-fees\/\"><span style=\"font-weight: 400;\">Payment Button Templates for Every Business Need: Use Cases &amp; Examples<\/span><\/a><span style=\"font-weight: 400;\">]<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How-to-add-a-Payment-Button\"><\/span><span style=\"font-weight: 400;\">How to add a Payment Button<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You can add unlimited payment buttons on your website within minutes. Just follow these simple steps:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">1. Sign up with Razorpay and click on &#8216;Payment Button&#8217; on the left navigation bar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"aligncenter wp-image-3241 \" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/Razorpay-payments-1024x561.png\" alt=\"payment button\" width=\"518\" height=\"284\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Razorpay-payments-1024x561.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Razorpay-payments-300x164.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Razorpay-payments-768x421.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Razorpay-payments.png 1439w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/>2. Click on &#8216;Create Payment Button&#8217; option on the left side of the screen that appears.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\" wp-image-3242 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/Add-payment-button-300x164.png\" alt=\"add shopify button \" width=\"521\" height=\"285\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Add-payment-button-300x164.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Add-payment-button-768x419.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Add-payment-button-1024x559.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Add-payment-button.png 1439w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/>3. Choose the Button template from the options available.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\" wp-image-3243 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/Types-of-payment-button-india-300x143.png\" alt=\"paypal button\" width=\"537\" height=\"256\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Types-of-payment-button-india-300x143.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Types-of-payment-button-india-768x366.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Types-of-payment-button-india-1024x488.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/Types-of-payment-button-india.png 1426w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/>4. Add the &#8216;Button Details&#8217; as per your requirement.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\" wp-image-3244 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/pay-now-button-300x165.png\" alt=\"accept payment online\" width=\"532\" height=\"293\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/pay-now-button-300x165.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/pay-now-button-768x422.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/pay-now-button-1024x562.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/pay-now-button.png 1430w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/>5. Add the details you want your customer to provide under &#8216;Customer Details&#8217;.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\" wp-image-3245 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/buy-now-button-300x165.png\" alt=\"razorpay payment button\" width=\"544\" height=\"299\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/buy-now-button-300x165.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/buy-now-button-768x422.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/buy-now-button-1024x563.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/buy-now-button.png 1436w\" sizes=\"(max-width: 544px) 100vw, 544px\" \/>6. Review all the details you entered and create your button.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\" wp-image-3246 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/online-payments-button-300x165.png\" alt=\"payment button\" width=\"544\" height=\"299\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/online-payments-button-300x165.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/online-payments-button-768x422.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/online-payments-button-1024x562.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/online-payments-button.png 1433w\" sizes=\"(max-width: 544px) 100vw, 544px\" \/>7. If you wish to send automated receipts, click on &#8216;Payment Receipts&#8217; option on the top right of your dashboard. Select your preferences and click on &#8216;Save&#8217;.<\/span><\/p>\n<p><b><img decoding=\"async\" class=\" wp-image-3247 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/payment-button-india-300x161.png\" alt=\"80G receipts online\" width=\"518\" height=\"278\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-india-300x161.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-india-768x413.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-india-1024x551.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-india.png 1439w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/>Pro-tip: <\/b><span style=\"font-weight: 400;\">You can also send 80G receipts automatically with Razorpay. Know more here: <\/span><a href=\"https:\/\/razorpay.com\/blog\/automated-payment-pages-receipts\/\"><span style=\"font-weight: 400;\">Introducing Automated Receipts On Razorpay Payment Pages<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">8. That&#8217;s it! You will get a line of code on your screen. Copy this code and add it anywhere on your website or a blog.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\" wp-image-3248 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/add-button-payment-300x165.png\" alt=\"payment button code\" width=\"518\" height=\"285\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/add-button-payment-300x165.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/add-button-payment-768x421.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/add-button-payment-1024x562.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/add-button-payment.png 1434w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/>9. Check your button details anytime by logging into your Razorpay dashboard.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Add-Payment-Button-on-WordPress-Wix-Shopify-more\"><\/span><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\" wp-image-3249 aligncenter\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/payment-button-dashboard-300x163.png\" alt=\"razorpay dashboard\" width=\"508\" height=\"276\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-dashboard-300x163.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-dashboard-768x417.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-dashboard-1024x556.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/08\/payment-button-dashboard.png 1437w\" sizes=\"(max-width: 508px) 100vw, 508px\" \/>Add Payment Button on WordPress, Wix, Shopify &amp; more<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Are you looking for a solution to add a payment button on your website built on WordPress, Wix, Shopify and alike website builders? Well, Razorpay payment button is the solution. Follow the steps mentioned above and get ready to accept secure payments.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Confused while choosing a website builder? Create a Payment Page with Razorpay and build your own online store with <\/span><a href=\"https:\/\/razorpay.com\/blog\/payment-pages-online-store-business\/\"><span style=\"font-weight: 400;\">Razorpay Payment Pages<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here&#8217;s why you must choose Razorpay Payment Button:\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Go live in 5 minutes<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">What differentiates our Payment Button its #NoCode feature. Customize your button easily and go live in minutes.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Multiple payment methods + International payments<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Offer 100+ payment modes, including credit\/ debit cards, netbanking, UPI, wallets. Enable <a href=\"https:\/\/razorpay.com\/international-payment-gateway-india\/\">international payment gateways<\/a> to accept international payments.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Dynamic mobile experience\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Offer the best in class experience to your customers. Reduce drop-off rates on both mobile and desktop with our redirection-less experience.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Intuitive reporting\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Get detailed insights for each item sold, based on real-time transactions from the dashboard to help you make better business decisions.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Unlimited payment button<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Create any number of buttons you wish to add on your website, along with required details and descriptions for each one of the items.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">&#8230;and a few more! Sign up to experience the uniqueness today.<\/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:\/\/easy.razorpay.com\/onboarding\/l1\/signup?field=MobileNumber\">Add Payment Button<\/a><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Over-to-you\"><\/span><span style=\"font-weight: 400;\">Over to you<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Razorpay Payment Button gives you the power to offer seamless checkout experience to your customers leading to higher conversion and lesser <a href=\"https:\/\/razorpay.com\/blog\/what-is-abandoned-cart\/\">cart abandonment<\/a>.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The best part is that you can make the best of it, play around and see what works the best for you and get started, all by yourself. In all, this is one man&#8217;s job kind-of product!\u00a0<\/span><br \/>\n<script type=\"application\/ld+json\">{\n   \"@context\": \"https:\/\/schema.org\/\",\n   \"@type\": \"HowTo\",\n   \"name\": \"How to add a Payment Button on Website\",\n   \"description\": \"Follow the steps mentioned below to Add a Payment Button on WordPress, Wix, Shopify & more to accept online payments within minutes.\",\n   \"totalTime\": \"PT1M\",\n   \"supply\": {\n   \"@type\": \"HowToSupply\",\n   \"name\": \"Internet Conection\"\n   },\n   \"tool\": {\n   \"@type\": \"HowToTool\",\n   \"name\": \"Mobile or Computer\"\n   },\n   \"step\": [\n       {\n     \"@type\": \"HowToStep\",\n     \"name\": \"Sign up with Razorpay\",\n     \"text\": \"Sign up with Razorpay and click on \u2018Payment Button\u2019 on the left navigation bar\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/Razorpay-payments-768x421.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step1\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Click on Create Payment Button\",\n     \"text\": \"Click on \u2018Create Payment Button\u2019 option on the left side of the screen that appears.\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/Add-payment-button-768x419.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step2\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Choose the Button template\",\n     \"text\": \"Choose the Button template from the options available.\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/Types-of-payment-button-india-768x366.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step3\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Add the Button Details\",\n     \"text\": \"Add the \u2018Button Details\u2019 as per your requirement.\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/pay-now-button-768x422.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step4\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Add the details\",\n     \"text\": \"Add the details you want your customer to provide under \u2018Customer Details\u2019.\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/buy-now-button-768x422.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step5\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Review all the details\",\n     \"text\": \"Review all the details you entered and create your button.\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/online-payments-button-768x422.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step6\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Click on Payment Receipts\",\n     \"text\": \"If you wish to send automated receipts, click on \u2018Payment Receipts\u2019 option on the top right of your dashboard. Select your preferences and click on \u2018Save\u2019.\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/payment-button-india-768x413.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step7\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Copy the code and add it\",\n     \"text\": \"That\u2019s it! You will get a line of code on your screen. Copy this code and add it anywhere on your website or a blog.\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/add-button-payment-768x421.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step8\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Check your button details\",\n     \"text\": \"Check your button details anytime by logging into your Razorpay dashboard. \",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/08\/payment-button-dashboard-768x417.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/payment-button-wordpress-shopify-wix\/#step9\"\n   }\n   ]}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add a Payment Button on WordPress, Wix, Shopify &#038; more to accept online payments within minutes. Zero coding and design requirement. Details here.<\/p>\n","protected":false},"author":151156465,"featured_media":11379,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1387],"tags":[2375,3464],"class_list":{"0":"post-3240","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-payments","8":"tag-digital-payments","9":"tag-payment-button"},"_links":{"self":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/3240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/users\/151156465"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/comments?post=3240"}],"version-history":[{"count":10,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/3240\/revisions"}],"predecessor-version":[{"id":18548,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/3240\/revisions\/18548"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media\/11379"}],"wp:attachment":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media?parent=3240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/categories?post=3240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/tags?post=3240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}