{"id":1493,"date":"2022-07-20T16:53:20","date_gmt":"2022-07-20T11:23:20","guid":{"rendered":"https:\/\/in.nttdatapay.com\/blog\/?p=1493"},"modified":"2025-07-16T15:14:20","modified_gmt":"2025-07-16T09:44:20","slug":"integrate-payment-gateway-in-woo-commerce-website","status":"publish","type":"post","link":"https:\/\/in.nttdatapay.com\/blog\/integrate-payment-gateway-in-woo-commerce-website\/","title":{"rendered":"How To Integrate UPI Payment Gateway In WooCommerce Website"},"content":{"rendered":"\r\n<p>Online businesses are growing significantly. There are numerous small online businesses taking their course in the market. Woo-commerce websites are an easy way to set up an online store. Online businesses set up through woo-commerce have a great demand to boost their sales. One of the best ways to grow your business and boost sales is to offer easy and secure payment solutions to customers. As UPI payments are popularly sought out by numerous merchants and customers to enable a secure transaction, it is time that you integrate a good UPI payment gateway into your woo-commerce website as well. This blog will elucidate how to integrate a UPI payment gateway into the woo-commerce website.<\/p>\r\n\r\n\r\n\r\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2460-o1\" lang=\"en-GB\" dir=\"ltr\" data-wpcf7-id=\"2460\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/blog\/wp-json\/wp\/v2\/posts\/1493#wpcf7-f2460-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2460\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_GB\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2460-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cus-form\">\n\t<p style=\"font-size: 24px;font-weight: 600;text-align: center;\">Enquire Now\n\t<\/p>\n\t<p><label>Products Required:<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"products\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" name=\"products\"><option value=\"Payment Gateway\">Payment Gateway<\/option><option value=\"POS Machine\">POS Machine<\/option><option value=\"Reseller\">Reseller<\/option><\/select><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"uname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name*\" value=\"\" type=\"text\" name=\"uname\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone*\" value=\"\" type=\"tel\" name=\"phone\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email*\" value=\"\" type=\"email\" name=\"email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"10\" rows=\"3\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea form-control\" aria-invalid=\"false\" placeholder=\"Message\" name=\"message\"><\/textarea><\/span><br \/>\n\t\n\t<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"utm\" value=\"\" type=\"hidden\" name=\"utm\" \/><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n\t<\/p>\n<\/div>\n<style>\n.cus-form .form-control{width: 100%!important;margin: 7px 0px;padding: 8px;border-radius: 3px;height: auto;line-height: 20px;}\n.cus-form{display: block;margin: 0 auto;max-width: 400px;width: 100%;padding: 20px;box-shadow: 0px 0px 4px 0px #0000002b;border-radius: 6px;margin-bottom: 25px;padding-bottom: 0px;}\n.cus-form .wpcf7-submit{margin: 0 auto;display: block;}\n.cus-form h3{background: #ff6644;text-align: center;margin: -21px;margin-bottom: 20px;padding: 6px;}\n<\/style>\n<p><script>\ndocument.getElementById(\"utm\").value = window.location.href;\n\ndocument.addEventListener( 'wpcf7mailsent', function( event ) {\n location = 'https:\/\/in.nttdatapay.com\/blog\/thankyou\/';\n}, false );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">What is UPI Payment Gateway?<\/h2>\r\n\r\n\r\n\r\n<p>UPI is also called Unified Payment Interface. UPI is a payment gateway system that aids an instant and smooth transfer of funds from one account to another. This real-time <a href=\"https:\/\/in.nttdatapay.com\/blog\/digital-wallets-future-of-online-payment-system\/\">payment system<\/a> was developed by the National Payment Corporation of India, which aids all digital payments. UPI facilitates the transfer of money on a 24&#215;7 basis.\u00a0<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">What is a woo-commerce website?\u00a0<\/h2>\r\n\r\n\r\n\r\n<p>A Woo-commerce website is nothing but a WordPress website converted into an eCommerce store by making use of the woo-commerce plugin. A woo-commerce is an open-source e-commerce plugin. The woo-commerce website is suitable for small-scale online businesses.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>A woo-commerce website can have all the functionalities like searching and viewing the products, adding to the cart and checkout. A woo-commerce website enables smooth payment with the right payment integration system and shipment management. Woo-commerce is an affordable affair and is free to set up.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Why do we need UPI Payment Gateway for a woo commerce website?<\/h3>\r\n\r\n\r\n\r\n<p>UPI payments have revolutionized the way online businesses carry out sales. UPI payments enable a quick, instant and easy way to process payments, and this is one of the best ways to enable your customers to indulge in a safe and secure payment of their choice.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Since UPI payments are quick and easy to carry out, they are the cause for impulse shopping and purchases. There is no doubt that impulse shopping is where any online store gets an edge to boost its revenue.\u00a0<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to integrate UPI Payment Gateway into a woo-commerce website?<\/h2>\r\n\r\n\r\n\r\n<p>The following are the steps for WooCommerce installation for both Seamless and Non-Seamless platforms:<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">1. Install WooCommerce to get started<\/h3>\r\n\r\n\r\n\r\n<p>The first step to integrating a payment gateway in a woo-commerce website is to install the WooCommerce plugin on your WordPress website. Here\u2019s how you can do it:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Go to the WordPress dashboard; go to Plugins &gt; Add New &gt; Search Plugins<\/li>\r\n\r\n\r\n\r\n<li>Now search for \u201cWooCommerce\u201d in the search bar<\/li>\r\n\r\n\r\n\r\n<li>Click the \u201cinstall now\u201d button next to it<\/li>\r\n\r\n\r\n\r\n<li>After the installation is complete, click \u201cactivate\u201d, and you are done<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">2. Visit NTT DATA Payment Services website to download our WooCommerce kit<\/h3>\r\n\r\n\r\n\r\n<p>The next step is to download the WooCommerce kit from our website. To do that, you can visit the NTT\u00a0 DATA Payment Services website and log in with your Merchant Console ID. From there, go to the \u201cPayment Gateway\u201d page and download our WooCommerce kit, which will be downloaded in a zip file.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>NTT DATA Payments provides a hassle-free <a href=\"https:\/\/www.nttdatapay.com\/online-payment-gateway-india\" target=\"_blank\" rel=\"noopener\">online payment gateway<\/a> integration with user-friendly APIs that can easily integrate with any mobile app, website, or e-commerce platform.<\/p>\r\n\r\n\r\n\r\n<p><strong>Let&#8217;s see how we can connect an online payment gateway with woo-commerce website<\/strong><\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">A. Add the downloaded WooCommerce plugin<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" class=\"wp-image-1494\" src=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-website-downloaded-WooCommerce-plugin-1024x502.png\" alt=\"integrate-upi-payment-gateway-In-woo-commerce-website-downloaded-WooCommerce-plugin\" srcset=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-website-downloaded-WooCommerce-plugin-1024x502.png 1024w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-website-downloaded-WooCommerce-plugin-300x147.png 300w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-website-downloaded-WooCommerce-plugin-768x377.png 768w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-website-downloaded-WooCommerce-plugin.png 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>After you have downloaded the API key (WooCommerce kit) from our website, it is time to add it to your WordPress website. Go to your WordPress dashboard, click \u201cPlugins\u201d from the menu on your left, and click \u201cAdd New\u201d.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">B. Upload NTT DATA Payment Services WooCommerce kit<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" class=\"wp-image-1495\" src=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/upload-ntt-data-Payment-Services-WooCommerce-kit-1024x494.png\" alt=\"upload-ntt-data-Payment-Services-WooCommerce-kit\" srcset=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/upload-ntt-data-Payment-Services-WooCommerce-kit-1024x494.png 1024w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/upload-ntt-data-Payment-Services-WooCommerce-kit-300x145.png 300w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/upload-ntt-data-Payment-Services-WooCommerce-kit-768x371.png 768w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/upload-ntt-data-Payment-Services-WooCommerce-kit.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Now that you have clicked \u201cAdd New\u201d in the previous step, you should now upload the downloaded WooCommerce kit by clicking \u201cChoose file\u201d (as shown in the image). Your kit must be in a zip format,<\/p>\r\n\r\n\r\n\r\n<p>Once you have uploaded the zip file, wait for the installation to be complete.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">C. Change WooCommerce settings to integrate UPI payment<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" class=\"wp-image-1496\" src=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/change-wooCommerce-settings-to-integrate-upi-payment-1024x494.png\" alt=\"change-wooCommerce-settings-to-integrate-upi-payment\" srcset=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/change-wooCommerce-settings-to-integrate-upi-payment-1024x494.png 1024w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/change-wooCommerce-settings-to-integrate-upi-payment-300x145.png 300w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/change-wooCommerce-settings-to-integrate-upi-payment-768x371.png 768w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/change-wooCommerce-settings-to-integrate-upi-payment.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>In the menu on the left, you can find the \u201cWooCommerce\u201d tab. Click on it to proceed. Once you click \u201cWooCommerce\u201d, a page appears with different tabs, as shown above in the screenshot.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">D. Go to the \u201cPayments\u201d tab<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" class=\"wp-image-1497\" src=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-websites-1024x490.png\" alt=\"\" srcset=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-websites-1024x490.png 1024w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-websites-300x143.png 300w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-websites-768x367.png 768w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/integrate-upi-payment-gateway-In-woo-commerce-websites.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>From the many tabs seen above, click on the \u201cPayments\u201d tab to integrate the payment gateway into the woo-commerce website.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">E. Setting up the UPI payment method<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" class=\"wp-image-1498\" src=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/setting-up-the-upi-payment-method-change-wooCommerce-settings-to-integrate-upi-payment-1024x500.png\" alt=\"setting-up-the-upi-payment-method-change-wooCommerce-settings-to-integrate-upi-payment\" srcset=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/setting-up-the-upi-payment-method-change-wooCommerce-settings-to-integrate-upi-payment-1024x500.png 1024w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/setting-up-the-upi-payment-method-change-wooCommerce-settings-to-integrate-upi-payment-300x147.png 300w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/setting-up-the-upi-payment-method-change-wooCommerce-settings-to-integrate-upi-payment-768x375.png 768w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/setting-up-the-upi-payment-method-change-wooCommerce-settings-to-integrate-upi-payment.png 1345w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>As you can see, there are many methods of payment available for your e-commerce website. From those, click the \u201cManage\u201d button next to Online Payment since that is what we are working on.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">F. Fill in the fields with all the required data<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" class=\"wp-image-1499\" src=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/wooCommerce-settings-to-integrate-upi-payment-1024x493.png\" alt=\"wooCommerce-settings-to-integrate-upi-payment\" srcset=\"https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/wooCommerce-settings-to-integrate-upi-payment-1024x493.png 1024w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/wooCommerce-settings-to-integrate-upi-payment-300x145.png 300w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/wooCommerce-settings-to-integrate-upi-payment-768x370.png 768w, https:\/\/in.nttdatapay.com\/blog\/wp-content\/uploads\/2022\/07\/wooCommerce-settings-to-integrate-upi-payment.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Once you click \u201cManage\u201d, a new page opens within the Payments tab. As you can see in the image above, you can fill in the information you think is necessary. Some fields are already filled, but you have the liberty to make changes to them.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">3. Test NTT DATA Payment Services UPI payment option to ensure seamless payment on your website<\/h3>\r\n\r\n\r\n\r\n<p>You have reached the final step of the process to integrate the payment gateway into the woo-commerce website. After you have completed all the above steps, go back to your e-commerce website to check if the UPI Payment option is working on the checkout page.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Congratulations on successfully installing UPI Payment Gateway on your e-commerce website!\u00a0<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\r\n\r\n\r\n\r\n<p>Digital payments have become a very common method of payment globally. Since the day UPI payments were introduced, people have shifted to it due to the sheer simplicity of its working. If you own an e-commerce website, you must have a UPI payment option for customers to place orders with you. Though it might be a bit too technical, it is not that hard to integrate UPI Payment into your website. We hope this article helped you understand how it is done.<\/p>\r\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Online businesses are growing significantly. There are numerous small online businesses taking their course in the market. Woo-commerce websites are an easy way to set up an online store. Online&#8230; <!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":4841,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,16,15],"tags":[],"class_list":["post-1493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-payment","category-products"],"_links":{"self":[{"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/posts\/1493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/comments?post=1493"}],"version-history":[{"count":7,"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/posts\/1493\/revisions"}],"predecessor-version":[{"id":3824,"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/posts\/1493\/revisions\/3824"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/media\/4841"}],"wp:attachment":[{"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/media?parent=1493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/categories?post=1493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/in.nttdatapay.com\/blog\/wp-json\/wp\/v2\/tags?post=1493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}