{"id":1159,"date":"2020-07-29T15:34:51","date_gmt":"2020-07-29T10:04:51","guid":{"rendered":"https:\/\/rzplearn.com\/?p=1159"},"modified":"2024-11-22T13:52:01","modified_gmt":"2024-11-22T08:22:01","slug":"integrate-payment-gateway-wordpress-website-woocommerce-plugin","status":"publish","type":"post","link":"https:\/\/razorpay.com\/learn\/integrate-payment-gateway-wordpress-website-woocommerce-plugin\/","title":{"rendered":"How to Integrate a Payment Gateway on Your WordPress Website"},"content":{"rendered":"<p>Do you wish to sell products or services online? Building an app or a website can be a cumbersome and expensive affair. There are many online platforms that can help you <a href=\"https:\/\/razorpay.com\/learn\/create-website-free-india\" target=\"_blank\" rel=\"noopener\">create a website for free<\/a>.<\/p>\n<p>One of them is WordPress. With WordPress, you can create a website for free. If you wish to have a custom domain, you can get one through WordPress as well. Once your WordPress website is set up, all you need to do is integrate a payment gateway on it and start selling your wares.<\/p>\n<p>With the easiest integration, completely online onboarding, feature-filled checkout and best in class performance, you can quickly go live with <a href=\"https:\/\/razorpay.com\/payment-gateway\/\" target=\"_blank\" rel=\"noopener\">Razorpay\u2019s Payment Gateway India<\/a> and experience the future of payments.<\/p>\n<p><b>Let\u2019s take you through how you can integrate Razorpay\u2019s Payment Gateway on your WordPress website, in a few easy steps.<\/b><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>To start things off, signup on the Razorpay website with your email and select the particulars of your business. Next, activate your account.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-3927 size-large\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/12\/Screenshot-2020-12-02-at-12.50.26-PM-1024x256.png\" alt=\"sign up dashboard\" width=\"1024\" height=\"256\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/12\/Screenshot-2020-12-02-at-12.50.26-PM-1024x256.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/12\/Screenshot-2020-12-02-at-12.50.26-PM-300x75.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/12\/Screenshot-2020-12-02-at-12.50.26-PM-768x192.png 768w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2020\/12\/Screenshot-2020-12-02-at-12.50.26-PM.png 1304w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<li>You now have access to the Razorpay Dashboard.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-3927 size-large\" src=\"https:\/\/razorpay.com\/docs\/assets\/images\/dashboard-guide-home-home.png\" alt=\"access dashboard\" width=\"770\" height=\"193\" \/><\/li>\n<li>Now, head to your website and install the plugin <a href=\"https:\/\/razorpay.com\/docs\/ecommerce-plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener\">Razorpay for WooCommerce<\/a>.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-3927 size-large\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/07\/wordpress-woocommerence-plugins.png\" alt=\"install plugin woocommerce\" width=\"770\" height=\"193\" \/><\/li>\n<li>Go back to the Razorpay dashboard and find the API key ID under settings.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3927 size-large\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/07\/razorpay-dash-api-key-setting.png\" alt=\"api key in dashboard\" width=\"770\" height=\"193\" \/><\/p>\n<ol>\n<li>Copy the key and paste it in Payments in your WooCommerce plugin, under payments.<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-3927 size-large\" src=\"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/07\/api-key-wooCommerce-plugin.png\" alt=\"api key in woocommerence \" width=\"770\" height=\"193\" \/><\/li>\n<\/ol>\n<p class=\"aligncenter\">You are now live!<\/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\/docs\/payment-gateway\/ecommerce-plugins\/woocommerce\/woocommerce-pg\/\">Payment Gateway for WooCommerce Plugin<\/a><\/div>\n<p>&nbsp;<\/p>\n<p>Razorpay\u2019s Payment Gateway is a system designed to handle end-to-end payments. Why go through the pain of designing and coding checkouts when we\u2019ve done all the work for you?<\/p>\n<p>Razorpay\u2019s Payment Gateway also comes with Flash Checkout, which is a beautifully designed checkout form that you can add to your website or app with just a single line of code.<\/p>\n<p style=\"text-align: center;\"><strong>Related read: <a href=\"https:\/\/razorpay.com\/blog\/payment-gateway-101\/\">What is a Payment Gateway and How Does It Work?<\/a><\/strong><\/p>\n<p><b>The following are some features of the Razorpay Payment Gateway:<\/b><\/p>\n<ul>\n<li><b>Payment modes:<\/b> Your customers can choose cards, netbanking, UPI, wallets, and many other payment modes to make payments to you.<\/li>\n<li><b>Powerful dashboard:<\/b> Get reports and detailed statistics on payments, settlements, refunds and much more for you to take better business decisions.<\/li>\n<li><b>Built for developers:<\/b> Robust, clean, developer-friendly APIs, plugins and libraries for all major languages and platforms that let you focus on building great products.<\/li>\n<li><b>Robust security:<\/b> <a href=\"https:\/\/razorpay.com\/blog\/what-is-pci-dss-compliance\/\">PCI DSS<\/a> Level 1 compliant along with frequent third-party audits and a dedicated internal security team to make sure your data is always safe.<\/li>\n<li><b>International payments:<\/b> Support for payments in 100 foreign currencies.<\/li>\n<\/ul>\n<p>That\u2019s not all! Here are some more benefits of using Razorpay\u2019s Payment Gateway:<\/p>\n<ul>\n<li>No redirects. Retain user focus on your product<\/li>\n<li>Better conversions than ever<\/li>\n<li>Customise UI as per your brand<\/li>\n<li>Easy to integrate with minimal code<\/li>\n<li>Auto-updates with the latest payment options<\/li>\n<li>The lightest payment SDKs around<\/li>\n<\/ul>\n<p>So, what are you waiting for? Supercharge your business with Raorpay\u2019s Payment Gateway. Get started today.<\/p>\n<p>TL:DR? Check out the video below.<\/p>\n<div class=\"fluid-width-video-wrapper\" style=\"padding-top: 56.2338%;\"><iframe id=\"fitvid80302\" title=\"Integrate Razorpay Payment Gateway on WordPress Website Using WooCommerce Plugin\" src=\"https:\/\/www.youtube.com\/embed\/ZjgkdXVF0Xw?feature=oembed\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h2>Use Razorpay Payment Button to accept payments from your WordPress website<\/h2>\n<p>Razorpay Payment Button allows you to accept payments in a matter of minutes. With Payment Button, you get the power of a payment gateway at the touch of a button.<\/p>\n<p>No coding or design efforts are required. Just copy the code and paste it on your WordPress website to go live. With a Payment Button, you can quickly accept payments in 100+ payment modes.<\/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\/\">Add a Payment Button to Your WordPress Website<\/a><\/div>\n<p><script type=\"application\/ld+json\">{\n   \"@context\": \"https:\/\/schema.org\/\",\n   \"@type\": \"HowTo\",\n   \"name\": \"How to Integrate a Payment Gateway on Your WordPress Website\",\n   \"description\": \"Razorpay's Payment Gateway is a system designed to handle end-to-end payments. Here's a step-by-step guide on integrating Razorpay on your WordPress site.\",\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\": \"Signup on the Razorpay\",\n     \"text\": \"Signup on the Razorpay website with your email and select the particulars of your business\",\n     \"image\": \"https:\/\/razorpay.com\/docs\/assets\/images\/payments-sign-up-email-password.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/integrate-payment-gateway-wordpress-website-woocommerce-plugin\/#step1\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Have access to the Dashboard\",\n     \"text\": \"You now have access to the Razorpay Dashboard\",\n     \"image\": \"https:\/\/razorpay.com\/docs\/assets\/images\/dashboard-guide-home-home.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/integrate-payment-gateway-wordpress-website-woocommerce-plugin\/#step2\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Install the plugin Razorpay\",\n     \"text\": \"Now, head to your website and install the plugin Razorpay for WooCommerce\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/07\/wordpress-woocommerence-plugins.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/integrate-payment-gateway-wordpress-website-woocommerce-plugin\/#step3\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Find the API key ID under settings\",\n     \"text\": \"Go back to the Razorpay dashboard and find the API key ID under settings\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/07\/razorpay-dash-api-key-setting.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/integrate-payment-gateway-wordpress-website-woocommerce-plugin\/#step4\"\n   },\n   {\"@type\": \"HowToStep\",\n     \"name\": \"Paste it in WooCommerce plugin\",\n     \"text\": \"Copy the key and paste it in Payments in your WooCommerce plugin, under payments\",\n     \"image\": \"https:\/\/razorpay.com\/learn-content\/uploads\/2020\/07\/api-key-wooCommerce-plugin.png\",\n     \"url\": \"https:\/\/razorpay.com\/learn\/integrate-payment-gateway-wordpress-website-woocommerce-plugin\/#step5\"\n   }\n   ]}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Razorpay&#8217;s Payment Gateway is a system designed to handle end-to-end payments. Here&#8217;s a step-by-step guide on integrating Razorpay on your Wordpress site.<\/p>\n","protected":false},"author":151156458,"featured_media":11374,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1387],"tags":[2530,2560,2409,2559],"class_list":{"0":"post-1159","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-payments","8":"tag-payment-gateway","9":"tag-plugins","10":"tag-website","11":"tag-wordpress"},"_links":{"self":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/1159","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\/151156458"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/comments?post=1159"}],"version-history":[{"count":10,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/1159\/revisions"}],"predecessor-version":[{"id":14647,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/1159\/revisions\/14647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media\/11374"}],"wp:attachment":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media?parent=1159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/categories?post=1159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/tags?post=1159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}