{"id":64861,"date":"2025-01-08T03:12:06","date_gmt":"2025-01-08T03:12:06","guid":{"rendered":"https:\/\/www.hashmicro.com\/blog\/?p=64861"},"modified":"2025-05-15T01:33:41","modified_gmt":"2025-05-15T01:33:41","slug":"payment-gateway","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/","title":{"rendered":"What Exactly is a Payment Gateway and How Do You Use It?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Payment gateway, many businesses assume that setting up payment gateways is costly and complicated, requiring significant investment and expertise. However, advancements like <\/span><span style=\"font-weight: 400;\">accounting software <\/span><span style=\"font-weight: 400;\">have made them scalable, affordable, and easy to integrate for businesses of all sizes in Singapore.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">With <\/span><a href=\"https:\/\/www.trade.gov\/market-intelligence\/singapores-e-commerce-market\"><span style=\"font-weight: 400;\">Singapore\u2019s e-commerce market<\/span><\/a><span style=\"font-weight: 400;\"> expected to grow from US$5.9 billion in 2021 to <\/span><b>US$10 billion by 2026<\/b><span style=\"font-weight: 400;\">, payment gateways are essential for success. Yet, challenges such as outages, cyberattacks, and capacity issues persist.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">This is where <\/span><a href=\"https:\/\/www.hashmicro.com\/accounting\"><span style=\"font-weight: 400;\">HashMicro Accounting Software<\/span><\/a><span style=\"font-weight: 400;\"> can help. By integrating payment gateway data directly into your financial system, it enables real-time transaction recording and automates payment processing. Features like bank reconciliation and accurate financial reporting ensure smooth operations and minimize errors.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">With HashMicro, managing payments becomes more secure, efficient, and seamless, helping your business grow with confidence.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\"><style>\r\n.button-cta-custom {\r\n    background-color: #8a0e19;\r\n    color: #fff !important;\r\n    -webkit-transition: all .3s ease;\r\n    transition: all .3s ease;\r\n    padding: 8px 24px;\r\n    display: inline-block;\r\n    border-radius: 8px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n}\r\n.button-cta-custom:hover{\r\n\tbackground-color:#991b26\t\t\r\n}\r\n<\/style>\r\n<a class=\"button-cta-custom\" href=\"https:\/\/www.hashmicro.com\/free-product-tour\/?medium=cta-button\" target=\"_blank\">Click Here to Get the Free Demo!<\/a><\/span><\/p>\r\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/free-product-tour\/?medium=free-product-tour\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" width=\"712\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2025\/11\/Free-Product-Tour-resized.webp\" alt=\"Free Demo\"><\/a><\/span><\/p>\r\n<p><span style=\"font-weight: 400;\"><!-- <div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tTable of Content:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div> -->\r\n\r\n<!-- <div class=\"dropdown-fixed-top\" id=\"dropdown-fixed-top\">\r\n\t<div class=\"row\">\r\n\t\t<p id=\"pilihDaftarIsi\">Table of Content<\/p>\r\n\t\t<p><i class=\"td-icon-menu-down\"><\/i><\/p>\r\n\t<\/div>\r\n\t\r\n\t<div>\r\n\t\t<ul id=\"list_toc_top\" class='list_toc'><\/ul>\r\n\t<\/div>\r\n<\/div> -->\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Table of Content<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\t@media (max-width: 992px) {\r\n\t\t#toc_group_article {\r\n\t\t\tpadding-top: 24px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t#list_toc_float {\r\n\t\tmax-height: calc(100vh - 250px);\r\n\t\toverflow-y: auto;\r\n\t}\r\n\t\r\n\t#list_toc_top {\r\n\t\tdisplay: none;\r\n\t\tbackground: #fff;\r\n\t\tmargin-bottom: 4px;\r\n\t}\r\n\t\r\n\t#list_toc_top li {\r\n\t\tdisplay: block;\r\n\t\tmargin-left: 0;\r\n\t\tlist-style: none;\r\n\t}\r\n\t\r\n\t#list_toc_top a {\r\n\t\tpadding: 5px;\r\n\t\tdisplay: block;\r\n\t}\r\n\t\r\n\t#list_toc_top.show {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t#list_toc_top a {\r\n\t\tcolor: #434343;\r\n\t\tborder-bottom: 1px solid #bbb;\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top {\r\n\t\tposition: fixed;\r\n\t\ttop: 59px;\r\n\t\twidth: 100%;\r\n\t\tz-index: 99;\r\n\t\tborder-bottom: 2px solid #9c171e;\r\n\t\tpadding: 12px;\r\n\t\tbackground: #fff;\r\n\t\twidth: 100%;\r\n\t\tcursor: pointer;\r\n\t\tdisplay: none;\r\n\t\tleft: 0;\r\n\t\tbox-shadow: 0 -2px 7px 6px rgba(0, 0, 0, 0.17);\r\n\t}\r\n\t\r\n\t#dropdown-fixed-top.show {\r\n\t\tanimation: showAnim 0.5s ease;\r\n\t\tdisplay: block;\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t@keyframes showAnim {\r\n\t\tfrom {\r\n\t\t\tdisplay: none;\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\tto {\r\n\t\t\tdisplay: block;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top #list_toc_top {\r\n\t\tmax-height: calc(50vh - 110px);\r\n\t\toverflow-y: scroll;\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top .row {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top .row p {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t\r\n\t#pilihDaftarIsi {\r\n\t\tmax-width: 100%;\r\n\t\toverflow: hidden;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n\t\r\n\t@media (min-width: 1018px) {\r\n\t\t.dropdown-fixed-top {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_top li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor: #000;\r\n\t\tmargin-bottom: 6px;\r\n\t\tpadding-top: 2px;\r\n\t\tpadding-bottom: 2px;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 18px;\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\r\n<\/style>\r\n\r\n<!-- ToC styling  -->\r\n<style>\r\n\t\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 700;\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\tconst panel2 = document.querySelector(\"#toc .list\");\r\n\tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n  let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n  \/\/ Function to handle scroll and add\/remove .sticky class\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Highlight user progress as the heading comes\r\n    headers.forEach(header => {\r\n\t\tconst headerTop = header.offsetTop;\r\n\t\tconst headerHeight = header.clientHeight;\r\n\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\t\t\ttocTitle.textContent = currentHeaderText;\r\n\t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\t\t\tif(window.innerWidth < 767){\r\n\t\t\t\ttocTitle.textContent = 'Table of Content';\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader != '') {\r\n\t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\t\t\t  link.classList.add('active');\r\n\t\t  }\r\n\t  }\r\n    });\r\n\/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/         toc.style.display = 'block';\r\n\/\/ \t}else{\r\n\/\/         toc.style.display = 'none';\r\n\/\/ \t}\r\n    \/\/ Update TOC title if sticky\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n        toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n        toc.style.backgroundColor = \"#FFF\";\r\n\t\tpanel2.style.height = '0px';\r\n\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t  if(window.innerWidth < 767){\r\n\/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\t\t\t  tocTitle.textContent = 'Table of Content'; \/\/ Reset title\r\n       \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\t\t  }\r\n      }\r\n      if (currentHeader) {\r\n\/\/         console.log(\"activeLink:\", activeLink);\r\n        if (activeLink) {\r\n\/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n          tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n        }\r\n      }\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset'; \/\/ Reset to original width\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Table of Content'; \/\/ Reset title\r\n\t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\t\ticon.style.transform = \"rotate(180deg)\";\r\n    }\r\n  }\r\n\r\n    \/\/ Attach the scroll event listener to the window\r\n    window.addEventListener('scroll', handleScroll);\r\n\r\n    \/\/ Initial call to handleScroll to set the correct state on load\r\n    handleScroll();\r\n});\r\n\t\r\n\t\/\/ Open toggle TOC\r\n\t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\t\tvar toc = document.querySelector(\"#toc\");\r\n\t\tvar icon = document.querySelector(\".toc-icon\");\r\n\t\tconst tocTitle = document.querySelector('#toc-title');\r\n\t\tconst tocs = document.querySelector('#toc.sticky');\r\n \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\t\t  tocHeader.addEventListener(\"click\", function() {\r\n\t\t\tvar panel = this.nextElementSibling;\r\n\t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\t\t\t\tif(window.innerWidth > 768){\r\n\t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\t\t\t\t}\r\n\t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\t\t\t} else {\r\n\t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t  tocTitle.textContent = 'Table of Content'; \/\/ Reset title\r\n\t\t\t\ttoc.style.paddingBottom = '24px';\r\n\t\t\t \tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t  });\r\n\r\n\t\t  \/\/ Close TOC when a link inside it is clicked\r\n\t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\t\t  tocLinks.forEach(function(link) {\r\n\t\t\tlink.addEventListener(\"click\", function() {\r\n\t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t});\r\n\t\t  });\r\n\t\t});\r\n\r\n\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<!-- START script lama -->\r\n<!-- <script>\r\n\/\/ \tvar pilihDaftarIsi = document.getElementById('pilihDaftarIsi');\r\n\t\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/ \t\tvar dropdownFixedTop = document.querySelector('.dropdown-fixed-top');\r\n\r\n\/\/ \t\tdropdownFixedTop.addEventListener('click', function() {\r\n\/\/ \t\t\tvar dropdownContent = this.querySelector('.list_toc');\r\n\/\/ \t\t\tdropdownContent.classList.toggle('show');\r\n\/\/ \t\t});\r\n\r\n\/\/ \t\twindow.addEventListener('click', function(event) {\r\n\/\/ \t\t\tvar listTocTop = document.getElementById('list_toc_top');\r\n\r\n\/\/ \t\t\tif (!dropdownFixedTop.contains(event.target)) {\r\n\/\/ \t\t\t\tlistTocTop.classList.remove('show');\r\n\/\/ \t\t\t}\r\n\/\/ \t\t});\r\n\/\/ \t});\r\n\t\r\n\/\/ \tvar daftarIsiContainer = document.getElementById('toc_group_article');\r\n\/\/ \tvar dropdownFixedTop = document.getElementById('dropdown-fixed-top');\r\n\/\/     var triggered = false; \/\/ Flag to keep track of whether the function has been triggered\r\n\r\n\/\/     window.addEventListener('scroll', function() {\r\n\/\/         if (!triggered && isCompletelyScrolledPast(daftarIsiContainer)) {\r\n\/\/             showSectionDropdownFixedTop(false);\r\n\/\/             triggered = true;\r\n\/\/         } else if (triggered && !isCompletelyScrolledPast(daftarIsiContainer)) {\r\n\/\/             showSectionDropdownFixedTop(true);\r\n\/\/             triggered = false;\r\n\/\/         }\r\n\/\/     });\r\n\r\n\/\/     function isCompletelyScrolledPast(element) {\r\n\/\/         var elementTop = element.getBoundingClientRect().top;\r\n\/\/         var elementBottom = element.getBoundingClientRect().bottom;\r\n\/\/         return elementTop < 0 && elementBottom < 0;\r\n\/\/     }\r\n\r\n\/\/     function showSectionDropdownFixedTop(show) {\r\n\/\/ \t\tif (show) {\r\n\/\/ \t\t\tdropdownFixedTop.classList.remove(\"show\");\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tdropdownFixedTop.classList.add(\"show\");\r\n\/\/ \t\t}\r\n\/\/     }\r\n<\/script> -->\r\n<!-- <script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n\t\t  pilihDaftarIsi.innerHTML = a.textContent;\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float', 'list_toc_top']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script> -->\r\n<!-- END script lama -->\r\n\t\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\t\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!--  <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\nToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\"\r\n        Fungsi untuk mengubah teks menjadi format id\r\n        function formatId(text) {\r\n            return text.trim().replace(\/[^\\w\\d]+\/g, '_');\r\n        }\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        const elements = document.querySelectorAll('.td-post-content h2');\r\n\t\t\t\/\/, .td-post-content h3\r\n\r\n        elements.forEach(element => {\r\n            if (element.tagName === 'H2') {\r\n                const id = formatId(element.textContent);\r\n                element.id = id;\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n                headings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n            } else if (element.tagName === 'H3') {\r\n                const id = formatId(element.textContent);\r\n                element.id = id;\r\n                if (headings.length > 0) {\r\n                    headings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ Membuat list HTML dari objek headings\r\n        const ul = document.getElementById('list_toc');\r\n        let currentUl = ul;\r\n        headings.forEach(heading => {\r\n            const li = document.createElement('li');\r\n            const a = document.createElement('a');\r\n            a.textContent = heading.title;\r\n            a.href = `#${heading.id}`;\r\n            li.appendChild(a);\r\n\r\n            if (heading.level === 'h2') {\r\n                \/\/ Menyimpan ul saat ini untuk menambahkan nested ul\r\n                currentUl = li;\r\n                ul.appendChild(li);\r\n            } else if (heading.level === 'h3') {\r\n                if (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n                    \/\/ Jika belum ada nested ul, buat satu\r\n                    const nestedUl = document.createElement('ul');\r\n                    currentUl.appendChild(nestedUl);\r\n                    currentUl = nestedUl;\r\n                }\r\n                currentUl.appendChild(li);\r\n            }\r\n\r\n            createNestedList(li, heading.children);\r\n        });\r\n\t\tDapatkan elemen ul dengan id 'list_toc_float'\r\nconst ulFloat = document.getElementById('list_toc');\r\nconst ulJourney = document.getElementById('list_journey');\r\n\r\nDapatkan isi (child elements) dari ul dengan id 'list_toc_float'\r\n\tif (ulFloat !== null) {\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\t\tconst ulTocTop = document.getElementById('list_toc_top');\r\n\t\tif ((ulToc !== null || ulToc !== undefined) && window.innerWidth > 1018){\r\n\t\t\tulToc.append(...clonedChildren);\r\n\t\t} else {\r\n\t\t\tulTocTop.append(...clonedChildren);\r\n\t\t}\r\n\t} \r\n\r\n\tif (ulJourney !== null) {\r\n\t\tconst clonedChildrenJourney = ulJourney.cloneNode(true).children;\r\n\t\tconst ulTocJourney = document.getElementById('list_toc_journey');\r\n\t\tulTocJourney.append(...clonedChildrenJourney);\r\n\t} \r\n\t\r\n        Fungsi untuk mengambil tinggi navbar\r\n        function getNavbarHeight() {\r\n            const navbar = document.getElementById('tdi_34');\r\n            return navbar ? navbar.offsetHeight : 0;\r\n        }\r\n\r\n        \/\/ Fungsi untuk menambahkan offset posisi scroll\r\n        function scrollToElementWithOffset(elementId) {\r\n            const element = document.getElementById(elementId);\r\n            if (element) {\r\n                const offset = getNavbarHeight();\r\n                const elementPosition = element.getBoundingClientRect().top;\r\n                const offsetPosition = elementPosition - offset-40;\r\n\r\n                window.scrollBy({\r\n                    top: offsetPosition,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ Fungsi untuk menangani klik pada tautan judul\r\n        function handleTitleClick(event) {\r\n            event.preventDefault();\r\n            const href = event.target.getAttribute('href').substr(1);\r\n            scrollToElementWithOffset(href);\r\n        }\r\n\r\n        \/\/ Tambahkan event listener untuk semua tautan judul\r\n        const titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n        titleLinks.forEach(link => {\r\n            link.addEventListener('click', handleTitleClick);\r\n        });\r\n\t});\r\n    <\/script> -->\r\n<\/span><\/p>\r\n<h2><b>What is a Payment Gateaway?<\/b><\/h2>\r\n<p>A payment gateway is a vital tool that enables businesses to securely process payments from customers, whether online or in-store. It allows for seamless transactions via credit cards, debit cards, and digital wallets. For e-commerce, it connects your website to the payment processor, ensuring smooth purchases for customers.<\/p>\r\n<p>In physical stores, payment gateways enable card and mobile wallet payments through Point of Sale (PoS) systems, QR codes, or NFC technology. Choosing the right gateway is essential for a secure, efficient checkout process, reducing fraud risks and offering insights into customer behavior.<\/p>\r\n<p>For businesses in Singapore, a reliable payment gateway is crucial for boosting sales and building trust with customers.<\/p>\r\n<h2><b>How Does a Payment Gateway Work?<\/b><\/h2>\r\n<p><a href=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-64898\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work.jpg\" alt=\"payment gateway\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work.jpg 1200w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work-300x169.jpg 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work-1024x576.jpg 1024w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work-768x432.jpg 768w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work-747x420.jpg 747w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work-150x84.jpg 150w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work-696x392.jpg 696w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/How-Does-a-Payment-Gateway-Work-1068x601.jpg 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\r\n<p><span style=\"font-weight: 400;\">A payment gateway acts as a digital bridge between your business, your customers, and the banks involved in the transaction. It ensures that payment details are securely transmitted and processed efficiently. Here\u2019s how it works:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Customer Initiates the Transaction<\/b><span style=\"font-weight: 400;\">: The process begins when a customer makes a purchase on your website or at your physical store. They enter their payment details, such as credit card number, expiration date, and CVV code, at the checkout page.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Data Encryption<\/b><span style=\"font-weight: 400;\">: The payment gateway encrypts the customer\u2019s payment information, scrambling it to protect it from any unauthorized access. This encrypted data is sent to the merchant-acquiring bank, which processes payments on behalf of your business.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Authorization Request<\/b><span style=\"font-weight: 400;\">: The acquiring bank forwards the encrypted data to the customer\u2019s bank (the issuing bank) to verify the card details, checking if there are sufficient funds or credit to complete the transaction.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Verification and Fraud Prevention<\/b><span style=\"font-weight: 400;\">: The issuing bank checks for fraud, ensures that the card details are valid, and confirms the availability of funds. If everything checks out, the transaction is approved. If there\u2019s an issue, the payment is declined.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Transaction Confirmation<\/b><span style=\"font-weight: 400;\">: Once the acquiring bank receives approval from the issuing bank, it sends the confirmation back to the payment gateway, which then informs the customer\u2019s browser or <\/span><a href=\"https:\/\/www.hashmicro.com\/blog\/what-is-pos\/\"><span style=\"font-weight: 400;\">POS system<\/span><\/a><span style=\"font-weight: 400;\"> whether the payment was successful.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Settlement of Funds<\/b><span style=\"font-weight: 400;\">: If the payment is approved, the funds are transferred from the customer&#8217;s bank to your merchant account. The transaction is completed, and the settlement process occurs, usually within a few business days.<\/span><\/li>\r\n<\/ol>\r\n<p><span style=\"font-weight: 400;\">This seamless process allows businesses to accept payments securely and efficiently, enhancing the customer experience while minimizing risks.<\/span><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2><b>What are the Differences Between a Payment Gateway and a Payment Processor?<\/b><\/h2>\r\n<p><a href=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-64899\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor.jpg\" alt=\"payment gateway\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor.jpg 1200w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor-300x169.jpg 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor-1024x576.jpg 1024w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor-768x432.jpg 768w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor-747x420.jpg 747w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor-150x84.jpg 150w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor-696x392.jpg 696w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Differences-Between-a-Payment-Gateway-and-a-Payment-Processor-1068x601.jpg 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\r\n<p><span style=\"font-weight: 400;\">A <\/span><b>payment gateway<\/b><span style=\"font-weight: 400;\"> and a <\/span><b>payment processor<\/b><span style=\"font-weight: 400;\"> are two key components in the payment transaction process, each playing a unique role in ensuring smooth and secure transactions. The <\/span><b>payment gateway<\/b><span style=\"font-weight: 400;\"> acts as the first point of contact between the customer and the merchant.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">When a customer makes a purchase, the gateway securely collects their payment details and encrypts the data to protect sensitive information. It then transmits this encrypted data to the payment processor, ensuring that the customer\u2019s information is safely sent for further processing.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">Once the payment gateway has passed the encrypted details to the <\/span><b>payment processor<\/b><span style=\"font-weight: 400;\">, the processor takes over. It communicates with the customer\u2019s bank to verify whether the card is valid and if there are sufficient funds available.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">If everything checks out, the payment processor authorizes the transaction and facilitates the transfer of funds from the customer\u2019s bank to the merchant\u2019s account.<\/span><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2><b>What is an Example of a Payment Gateway?<\/b><\/h2>\r\n<p><span style=\"font-weight: 400;\">GrabPay is a popular digital wallet and payment gateway integrated into the Grab app, providing a seamless payment solution for consumers and businesses in Singapore. It supports payments across the Grab ecosystem, including ride-hailing and food delivery, and uses QR code payments via the SGQR system, commonly found in local retail.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">GrabPay offers rewards through its GrabRewards program, with users earning points based on their membership level, and supports peer-to-peer transfers. For businesses, GrabPay provides access to a large Southeast Asian user base and supports both online and offline payments.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">While the exact transaction fee for Singaporean SMEs is unverified, GrabPay allows consumers to top up their wallet using bank transfers or credit\/debit cards and pay at merchants accepting SGQR. It\u2019s important to note that GrabPay Card (physical and digital) will be discontinued on June 1, 2024.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">Until then, cardholders can still earn GrabRewards points, but the card will no longer be usable after that date since the company is shifting focus to services like PayLater by Grab and the GrabPay Wallet due to higher adoption of these offerings.<\/span><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2><b>What are the Top Payment Management Solutions?<\/b><\/h2>\r\n<p><a href=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-64900\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions.jpg\" alt=\"\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions.jpg 1200w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions-300x169.jpg 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions-1024x576.jpg 1024w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions-768x432.jpg 768w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions-747x420.jpg 747w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions-150x84.jpg 150w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions-696x392.jpg 696w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/What-are-the-Top-Payment-Management-Solutions-1068x601.jpg 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\r\n<p><span style=\"font-weight: 400;\">Within Singapore\u2019s fast-paced and tech-savvy business landscape, choosing the right payment management solution is vital. It ensures smoother transactions, happier customers, and improved operational efficiency. Here are some of the top payment management providers that businesses across industries trust:<\/span><\/p>\r\n<ul>\r\n<li aria-level=\"1\">\r\n<h3><b>Grabpay<\/b><\/h3>\r\n<\/li>\r\n<\/ul>\r\n<p><span style=\"font-weight: 400;\">With its deep integration into the Grab ecosystem, <\/span><b>GrabPay<\/b><span style=\"font-weight: 400;\"> delivers a seamless digital wallet and payment gateway experience. It supports QR code payments, peer-to-peer transfers, and customer rewards through the GrabRewards program. Businesses, especially in retail and F&amp;B, benefit from its wide user base and flexibility for both online and offline transactions.<\/span><\/p>\r\n<ul>\r\n<li aria-level=\"1\">\r\n<h3><b>Paypal<\/b><\/h3>\r\n<\/li>\r\n<\/ul>\r\n<p><span style=\"font-weight: 400;\">As one of the most recognized payment solutions worldwide, <\/span><b>PayPal<\/b><span style=\"font-weight: 400;\"> enables businesses to accept credit cards, debit cards, and PayPal wallet transactions effortlessly. Its ability to support multiple currencies makes it perfect for businesses looking to tap into international markets. Plus, PayPal\u2019s advanced fraud protection tools ensure every transaction is secure and reliable.<\/span><\/p>\r\n<ul>\r\n<li aria-level=\"1\">\r\n<h3><b>Stripe<\/b><\/h3>\r\n<\/li>\r\n<\/ul>\r\n<p><span style=\"font-weight: 400;\">For businesses looking for a developer-friendly solution, <\/span><b>Stripe<\/b><span style=\"font-weight: 400;\"> stands out. It offers powerful tools for online payments, subscription management, and fraud detection. Thanks to its smooth integration with e-commerce platforms, Stripe is the go-to choice for businesses of all sizes seeking flexibility and scalability.<\/span><\/p>\r\n<ul>\r\n<li aria-level=\"1\">\r\n<h3><b>Hitpay<\/b><\/h3>\r\n<\/li>\r\n<\/ul>\r\n<p><span style=\"font-weight: 400;\">As a homegrown solution, <\/span><b>HitPay<\/b><span style=\"font-weight: 400;\"> is designed with Singaporean businesses in mind. It supports local payment options like PayNow, credit cards, and digital wallets, making it affordable and highly accessible for SMEs. Additional features, such as QR code payments and customizable checkout pages, provide businesses with the tools they need to deliver an exceptional payment experience.<\/span><\/p>\r\n<ul>\r\n<li aria-level=\"1\">\r\n<h3><b>DBS paylah!<\/b><\/h3>\r\n<\/li>\r\n<\/ul>\r\n<p><span style=\"font-weight: 400;\">Perfect for businesses catering to local consumers, <\/span><b>DBS PayLah!<\/b><span style=\"font-weight: 400;\"> offers quick and secure payment processing. By enabling QR code payments and peer-to-peer transfers, it helps businesses meet the needs of customers who prefer cashless options. It\u2019s especially valuable for small merchants and businesses aiming to align with Singapore\u2019s digital economy initiatives.<\/span><\/p>\r\n<ul>\r\n<li aria-level=\"1\">\r\n<h3><b>Favepay<\/b><\/h3>\r\n<\/li>\r\n<\/ul>\r\n<p><span style=\"font-weight: 400;\">Combining payments with loyalty, <\/span><b>FavePay<\/b><span style=\"font-weight: 400;\"> delivers a win-win for businesses and customers alike. Customers enjoy instant cashback, while businesses benefit from increased customer retention and engagement. It\u2019s an excellent choice for retail and F&amp;B businesses looking to stand out in the competitive marketplace.<\/span><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2><b>How Does HashMicro Simplify Transaction Verification on Payment Gateways?<\/b><\/h2>\r\n<p><a href=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-64901\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902.png\" alt=\"payment gateway\" width=\"1559\" height=\"829\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902.png 1559w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-300x160.png 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-1024x545.png 1024w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-768x408.png 768w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-1536x817.png 1536w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-790x420.png 790w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-150x80.png 150w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-696x370.png 696w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/Screenshot-2024-10-30-154902-1068x568.png 1068w\" sizes=\"auto, (max-width: 1559px) 100vw, 1559px\" \/><\/a><\/p>\r\n<p><span style=\"font-weight: 400;\">Managing payments efficiently is crucial for the success of any business. Payment gateways are an essential tool for processing transactions, but tracking and verifying these transactions can become complex. <\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">HashMicro Accounting Software simplifies this process by offering seamless integration with payment gateways such as GrabPay, Paypal, and else. It helps businesses maintain accuracy and streamline their financial operations. Below are some of the essential feature that HashMicro could offer to make your business transaction much easier:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\">\r\n<h3><b>Bank integrations &#8211; auto reconciliation<\/b><b><br \/><\/b><\/h3>\r\n<span style=\"font-weight: 400;\">This feature automatically matches transactions from payment gateways with bank records, streamlining the reconciliation process. It eliminates the risk of errors caused by manual matching, ensuring that financial records are always accurate.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\">\r\n<h3><b>Bank integrations &#8211; auto payment<\/b><b><br \/><\/b><\/h3>\r\n<span style=\"font-weight: 400;\">With this feature, businesses can automate payments to vendors or other parties, directly from their chosen <a href=\"https:\/\/www.hashmicro.com\/blog\/best-accounting-software\/\">best accounting software<\/a>. It eliminates the need for manual input, reduces the chances of missing payments, and ensures transactions are recorded instantly.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\">\r\n<h3><b>Auto follow-up customer statement<\/b><b><br \/><\/b><\/h3>\r\n<span style=\"font-weight: 400;\">HashMicro enables automated reminders to be sent to customers with outstanding payments. This feature ensures timely payments and helps businesses maintain a steady cash flow by addressing overdue invoices without manual intervention.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\">\r\n<h3><b>Real-time cash flow reports<\/b><b><br \/><\/b><\/h3>\r\n<span style=\"font-weight: 400;\">The software provides up-to-the-minute cash flow reports, allowing businesses to closely monitor incoming payments from payment gateways. This transparency helps companies make informed decisions about their financial health and plan for future growth.<\/span><\/li>\r\n<li style=\"font-weight: 400;\" aria-level=\"1\">\r\n<h3><b>Easy to use &amp; comprehensive reconciliations<\/b><b><br \/><\/b><\/h3>\r\n<span style=\"font-weight: 400;\">HashMicro\u2019s reconciliation feature makes it easy to match payment gateway transactions with financial records. This ensures that businesses can quickly and accurately reconcile accounts, improving overall operational efficiency.<\/span><\/li>\r\n<\/ol>\r\n<p><span style=\"font-weight: 400;\">HashMicro simplifies payment verification, allowing businesses to streamline their financial operations. By automating <\/span><a href=\"https:\/\/www.hashmicro.com\/blog\/accounting-system\/\"><span style=\"font-weight: 400;\">accounting system<\/span><\/a><span style=\"font-weight: 400;\"> essential tasks like transaction reconciliation, payment tracking, and customer follow-ups, businesses can reduce manual errors and focus more on growth and profitability.\u00a0<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">With real-time cash flow insights and efficient reconciliation processes, HashMicro ensures that your business stays on top of its financial management, enhancing accuracy and productivity. This seamless approach helps businesses in Singapore remain competitive and achieve long-term success.<\/span><\/p>\r\n<h3><strong>Conclusion<\/strong><\/h3>\r\n<p><span style=\"font-weight: 400;\">Payment gateways are crucial for businesses in Singapore to streamline transactions and enhance customer experiences. However, managing and verifying these transactions can be challenging without the right tools. <\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">This is where<\/span><a href=\"https:\/\/www.hashmicro.com\/accounting\"><span style=\"font-weight: 400;\"> HashMicro Accounting Software<\/span><\/a><span style=\"font-weight: 400;\"> steps in, automating key tasks like reconciliation, payment tracking, and customer follow-ups to reduce errors and improve operational efficiency.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">By integrating payment gateways with your financial system, HashMicro provides real-time cash flow insights, ensuring your business stays on top of its financial health. With features like automated reconciliations and payments, businesses can focus more on growth and profitability.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">We invite you to try HashMicro Accounting Software with a <\/span><a href=\"https:\/\/www.hashmicro.com\/free-product-tour\/\"><span style=\"font-weight: 400;\">free demo<\/span><\/a><span style=\"font-weight: 400;\"> today and see how our solution can simplify your payment processes, while helping your business thrive in Singapore&#8217;s competitive market.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/accounting?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" width=\"712\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2025\/06\/Accounting.webp\" alt=\"Accounting\"><\/a><\/span><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Payment gateway, many businesses assume that setting up payment gateways is costly and complicated, requiring significant investment and expertise. However, advancements like accounting software have made them scalable, affordable, and easy to integrate for businesses of all sizes in Singapore. With Singapore\u2019s e-commerce market expected to grow from US$5.9 billion in 2021 to US$10 billion [&hellip;]<\/p>\n","protected":false},"author":199,"featured_media":64897,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[153,87,117],"tags":[921,12,1773,2931],"class_list":{"0":"post-64861","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-accounting","8":"category-products","9":"category-software-business","10":"tag-accounting","11":"tag-accounting-software","12":"tag-digital-payment","13":"tag-payment-gateway"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What Exactly is a Payment Gateway and How Do You Use It? - BusinessTech<\/title>\n<meta name=\"description\" content=\"A payment gateway is a vital tool that enables businesses to securely process payments from customers, whether online or in-store.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Exactly is a Payment Gateway and How Do You Use It?\" \/>\n<meta property=\"og:description\" content=\"A payment gateway is a vital tool that enables businesses to securely process payments from customers, whether online or in-store.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/\" \/>\n<meta property=\"og:site_name\" content=\"BusinessTech\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/hashmicro\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-08T03:12:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-15T01:33:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lucas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/\"},\"author\":{\"name\":\"Lucas\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/1d507d1ae58f14604279ad39f6076838\"},\"headline\":\"What Exactly is a Payment Gateway and How Do You Use It?\",\"datePublished\":\"2025-01-08T03:12:06+00:00\",\"dateModified\":\"2025-05-15T01:33:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/\"},\"wordCount\":1748,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg\",\"keywords\":[\"accounting\",\"accounting software\",\"digital payment\",\"payment gateway\"],\"articleSection\":[\"Accounting\",\"Products\",\"Software\/Business\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/\",\"name\":\"What Exactly is a Payment Gateway and How Do You Use It? - BusinessTech\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg\",\"datePublished\":\"2025-01-08T03:12:06+00:00\",\"dateModified\":\"2025-05-15T01:33:41+00:00\",\"description\":\"A payment gateway is a vital tool that enables businesses to securely process payments from customers, whether online or in-store.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg\",\"width\":1200,\"height\":675,\"caption\":\"payment gateway\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Exactly is a Payment Gateway and How Do You Use It?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/\",\"name\":\"BusinessTech\",\"description\":\"Business Management Blog\",\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#organization\",\"name\":\"HashMicro\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png\",\"width\":334,\"height\":51,\"caption\":\"HashMicro\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/web.facebook.com\/hashmicro\/\",\"https:\/\/x.com\/hashmicro\",\"https:\/\/www.linkedin.com\/company\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/1d507d1ae58f14604279ad39f6076838\",\"name\":\"Lucas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-expertise-blog-2-96x96.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-expertise-blog-2-96x96.png\",\"caption\":\"Lucas\"},\"description\":\"Lucas Yeo creates in-depth articles on accounting topics tailored to the challenges and questions faced by finance professionals. His articles are SEO-friendly and designed to attract readers seeking accounting solutions.\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/author\/lucas-yeo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What Exactly is a Payment Gateway and How Do You Use It? - BusinessTech","description":"A payment gateway is a vital tool that enables businesses to securely process payments from customers, whether online or in-store.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/","og_locale":"en_US","og_type":"article","og_title":"What Exactly is a Payment Gateway and How Do You Use It?","og_description":"A payment gateway is a vital tool that enables businesses to securely process payments from customers, whether online or in-store.","og_url":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/","og_site_name":"BusinessTech","article_publisher":"https:\/\/web.facebook.com\/hashmicro\/","article_published_time":"2025-01-08T03:12:06+00:00","article_modified_time":"2025-05-15T01:33:41+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg","type":"image\/jpeg"}],"author":"Lucas","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Written by":"Lucas","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/"},"author":{"name":"Lucas","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/1d507d1ae58f14604279ad39f6076838"},"headline":"What Exactly is a Payment Gateway and How Do You Use It?","datePublished":"2025-01-08T03:12:06+00:00","dateModified":"2025-05-15T01:33:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/"},"wordCount":1748,"publisher":{"@id":"https:\/\/www.hashmicro.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg","keywords":["accounting","accounting software","digital payment","payment gateway"],"articleSection":["Accounting","Products","Software\/Business"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/","url":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/","name":"What Exactly is a Payment Gateway and How Do You Use It? - BusinessTech","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg","datePublished":"2025-01-08T03:12:06+00:00","dateModified":"2025-05-15T01:33:41+00:00","description":"A payment gateway is a vital tool that enables businesses to securely process payments from customers, whether online or in-store.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/blog\/payment-gateway\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#primaryimage","url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg","contentUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/payment-gateway-hashmicro.jpg","width":1200,"height":675,"caption":"payment gateway"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/blog\/payment-gateway\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What Exactly is a Payment Gateway and How Do You Use It?"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/blog\/#website","url":"https:\/\/www.hashmicro.com\/blog\/","name":"BusinessTech","description":"Business Management Blog","publisher":{"@id":"https:\/\/www.hashmicro.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/blog\/#organization","name":"HashMicro","url":"https:\/\/www.hashmicro.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png","contentUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png","width":334,"height":51,"caption":"HashMicro"},"image":{"@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/hashmicro\/","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/1d507d1ae58f14604279ad39f6076838","name":"Lucas","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-expertise-blog-2-96x96.png","contentUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-expertise-blog-2-96x96.png","caption":"Lucas"},"description":"Lucas Yeo creates in-depth articles on accounting topics tailored to the challenges and questions faced by finance professionals. His articles are SEO-friendly and designed to attract readers seeking accounting solutions.","url":"https:\/\/www.hashmicro.com\/blog\/author\/lucas-yeo\/"}]}},"order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts\/64861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/comments?post=64861"}],"version-history":[{"count":6,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts\/64861\/revisions"}],"predecessor-version":[{"id":72001,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts\/64861\/revisions\/72001"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/media\/64897"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/media?parent=64861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/categories?post=64861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/tags?post=64861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}