{"id":178581,"date":"2025-12-03T09:37:14","date_gmt":"2025-12-03T02:37:14","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=178581"},"modified":"2026-03-06T13:13:11","modified_gmt":"2026-03-06T06:13:11","slug":"aplikasi-kasir-multi-cabang","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/","title":{"rendered":"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik"},"content":{"rendered":"<p>Mengelola banyak gerai tanpa sistem terintegrasi sering memicu masalah yang berulang, mulai dari stok antar gudang yang tidak akurat hingga pengawasan transaksi yang melemah. Akibatnya, tim menghabiskan banyak waktu untuk mengejar data, bukan menjalankan strategi.<\/p>\n<p>Dengan POS cloud terpusat, data penjualan dan stok tiap cabang dapat dipantau real time dalam satu dashboard. Keputusan restock, promosi, dan kontrol selisih transaksi pun bisa diambil lebih cepat dan lebih presisi.<\/p>\n<p>Agar manfaatnya benar benar terasa, sistem yang dipilih perlu selaras dengan kompleksitas operasional multi cabang termasuk alur gudang, variasi SKU. Dengan begitu, pertumbuhan jaringan cabang tetap berjalan tanpa menambah beban kerja operasional.<\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li aria-level=\"1\"><a href=\"#a\"><strong>Memilih POS multi cabang membutuhkan<\/strong><\/a> sinkronisasi real-time, manajemen inventaris terpusat, serta laporan konsolidasi yang akurat agar setiap cabang dapat dipantau dan dioptimalkan secara efisien.<\/li>\n<li aria-level=\"1\">Integrasi ERP penting karena tanpa aliran data otomatis, <a href=\"#b\">POS standalone<\/a> akan menimbulkan informasi yang memicu rekonsiliasi manual lambat, rawan kesalahan, dan keterlambatan pengambilan keputusan.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\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\">Daftar Isi<\/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\/* 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\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<style>\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_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: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\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#list_toc_float li a{margin-bottom:0px}\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#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\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\n\/\/ document.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 = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\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 = 'Daftar Isi'; \/\/ 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 = 'Daftar isi'; \/\/ 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 = 'Daftar isi'; \/\/ 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\/\/ START new JS for ToC improvements\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 + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\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  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\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`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\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';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\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<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        } \r\n\t\t  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\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\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        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n \r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<!-- H2 Pertama --><\/p>\n<h2>Kriteria dalam Memilih POS untuk Multi Outlet<\/h2>\n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/hashmicro-resized.webp\" alt=\"HashMicro Logo\" height=\"32px\" width=\"200px\" \/>\r\n          <a href=\"#hashmicro\">HashMicro POS<\/a>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t\t\t\t\r\n          <p class=\"desc\">Solusi POS Multi-Cabang Terintegrasi ERP untuk Enterprise<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <div>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"15px\" width=\"15px\" viewBox=\"0 -960 960 960\" fill=\"#ffffff\">\r\n              <path style=\"flex-shrink: 0;\" d=\"m387-412 35-114-92-74h114l36-112 36 112h114l-93 74 35 114-92-71-93 71ZM240-40v-309q-38-42-59-96t-21-115q0-134 93-227t227-93q134 0 227 93t93 227q0 61-21 115t-59 96v309l-240-80-240 80Zm240-280q100 0 170-70t70-170q0-100-70-170t-170-70q-100 0-170 70t-70 170q0 100 70 170t170 70Z\" \/>\r\n            <\/svg>\r\n            <p class=\"best-deals-marker\" style=\"color: #ffffff; margin-bottom: 0; font-size: 14px; line-height: 1.5;\">Best Deals<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?medium=cta-button\">Tanya Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/sellers\/hashmicro#profiles\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" alt=\"g2 logo\" width=\"16\" height=\"16\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.8\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#hashmicro\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#hashmicro\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" alt=\"dropdown icon svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" alt=\"dropdown icon\"\/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Moka-POS-System.webp\" alt=\"Moka POS\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#moka-pos\">Moka POS<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Aplikasi kasir ramah pengguna untuk UMKM<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/mokapos.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.moka.pos\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.5\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#moka-pos\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#moka-pos\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/pawoon-logo.webp\" alt=\"Pawoon\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#pawoon\">Pawoon<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">POS populer untuk bisnis F&amp;B dan retail menengah<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/pawoon.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.pawoon.pos\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#pawoon\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#pawoon\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/majoo-logo.webp\" alt=\"Majoo\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#majoo\">Majoo<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Aplikasi wirausaha lengkap untuk UMKM<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/majoo.id\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.majoo.pos\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.6\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#majoo\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#majoo\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-1.webp\" alt=\"Olsera\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#olsera\">Olsera<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">POS hybrid fleksibel untuk berbagai jenis usaha<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/www.olsera.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.olserapratama.pos\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.5\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#olsera\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#olsera\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/vend-logo.webp\" alt=\"Vend (Lightspeed)\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#vend\">Vend (Lightspeed)<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Software ritel cloud global dengan manajemen stok kuat<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/www.vendhq.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.capterra.com\/p\/107629\/Vend\/\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#vend\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#vend\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/logo-square-pos.webp\" alt=\"Square POS\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#square-pos\">Square POS<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Solusi POS internasional yang simpel dan elegan<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/squareup.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.capterra.com\/p\/169009\/Square-Point-of-Sale\/\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.7\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#square-pos\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#square-pos\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Toast-logo.webp\" alt=\"Toast POS\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#toast-pos\">Toast POS<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Platform manajemen restoran all-in-one spesialis F&amp;B<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/pos.toasttab.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.capterra.com\/p\/146522\/Toast-POS\/\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.3\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#toast-pos\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#toast-pos\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/qasir-logo-scaled.webp\" alt=\"Qasir\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#qasir\">Qasir<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Aplikasi kasir mikro dengan versi gratis fungsional<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/www.qasir.id\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.qasir.app\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.5\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#qasir\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#qasir\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/dealpos-logo.webp\" alt=\"DealPOS\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#dealpos\">DealPOS<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">POS spesialis toko retail dengan manajemen varian produk<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/dealpos.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.capterra.com\/p\/152332\/DealPOS\/\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#dealpos\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#dealpos\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connectpos-logo.webp\" alt=\"ConnectPOS\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#connectpos\">ConnectPOS<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Solusi omnichannel dengan integrasi e-commerce superior<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/www.connectpos.com\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.capterra.com\/p\/174174\/ConnectPOS\/\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.6\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#connectpos\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#connectpos\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/jurnaltouch-logo.webp\" alt=\"Jurnal Touch\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#jurnal-touch\">Jurnal Touch<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Ekosistem POS yang terhubung langsung ke akuntansi<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"https:\/\/www.jurnal.id\/id\/fitur\/jurnal-touch\/\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.jurnal.mobile\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"capterra\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/capterra-logo.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.5\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#jurnal-touch\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#jurnal-touch\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n<p><span id=\"a\"><\/span>Memilih <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/pos-retail-terbaik-di-indonesia\/\">POS software untuk bisnis<\/a> dengan banyak cabang memerlukan pertimbangan yang jauh lebih kompleks daripada toko tunggal. Sinkronisasi real-time adalah syarat mutlak dalam data penjualan di mukti cabang. Tanpa fitur ini, Anda akan selalu bekerja dengan data yang tidak update sehingga menghambat pengambilan keputusan cepat.<\/p>\n<p>Selain itu, manajemen inventaris dan laporan konsolidasi menjadi hal penting dalam operasional. Anda memerlukan kemampuan untuk melakukan <em>inter-branch transfer<\/em> (pemindahan stok antar cabang) dengan pelacakan akurat dalam satu dashboard. Hal ini memudahkan manajemen untuk mengidentifikasi cabang mana yang berkinerja tinggi dan mana yang memerlukan intervensi strategi dengan segera.<\/p>\n<h2>12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik<\/h2>\n<p>Berikut adalah rekomendasi aplikasi kasir multi cabang terbaik yang cocok untuk bisnis Anda:<\/p>\n<h3 id=\"hashmicro-pos\">1. HashMicro POS<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-186978\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro.webp\" alt=\"software-restoran-hashmicro\" width=\"1256\" height=\"814\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro.webp 1256w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro-300x194.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro-1024x664.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro-768x498.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro-648x420.webp 648w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro-150x97.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro-696x451.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/software-restoran-hashmicro-1068x692.webp 1068w\" sizes=\"auto, (max-width: 1256px) 100vw, 1256px\" \/><\/p>\n<p><strong>HashMicro<\/strong> merupakan penyedia solusi ERP terkemuka di Asia Pasifik yang menawarkan sistem POS yang dirancang khusus untuk skalabilitas <em>enterprise<\/em> dan bisnis yang sedang berkembang pesat. Berbeda dengan aplikasi kasir biasa, HashMicro <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/komponen-erp\/\">menawarkan berbagai komponen keuntungan<\/a> seperti centralized multi-branch POS yang memungkinkan pemilik bisnis mengelola ribuan cabang dari satu platform terpusat dengan visibilitas total.<\/p>\n<p>Keunggulan utama HashMicro terletak pada integrasi penuh antar modul ERP, seperti Akuntansi, Inventaris, dan CRM. Fitur stock optimizer membantu mengatur kapan dan berapa banyak produk yang harus dipesan ke setiap cabang, mengurangi risiko <em>dead stock<\/em>.<\/p>\n<p>Selain itu, fitur automated promotion management memungkinkan Anda menerapkan strategi promosi yang kompleks (seperti <em>bundling<\/em> atau diskon bertingkat) secara serentak di seluruh gerai atau spesifik di lokasi tertentu.<\/p>\n\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Kustomisasi tinggi sesuai workflow bisnis unik (misal: Central Kitchen untuk F&amp;B).<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Memerlukan proses implementasi yang terstruktur dibanding aplikasi plug-and-play.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman HashMicro --><\/p>\n<p><strong>HashMicro POS:<\/strong> Solusi paling komprehensif bagi bisnis yang membutuhkan kontrol terpusat, kustomisasi mendalam, dan integrasi ERP tanpa batasan jumlah pengguna.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.hashmicro.com\/id\/<\/a><\/p>\n<h3 id=\"moka-pos\">2. Moka POS<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169147 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/moka-pos.webp\" alt=\"Aplikasi kasir multi cabang moka\" width=\"696\" height=\"534\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/moka-pos.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/moka-pos-300x230.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/moka-pos-547x420.webp 547w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/moka-pos-80x60.webp 80w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/moka-pos-150x115.webp 150w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/p>\n<p>Moka POS adalah salah satu pemain lama di industri point of sales Indonesia yang dikenal dengan antarmuka yang ramah pengguna. Sistem ini sangat populer di kalangan kedai kopi dan toko ritel kecil hingga menengah karena kemudahannya dalam setup awal dan penggunaan harian.<\/p>\n<p>Fitur andalannya meliputi manajemen meja yang intuitif dan laporan penjualan dasar yang mudah dipahami. Moka juga memiliki integrasi pembayaran digital yang solid, memudahkan pelanggan dalam bertransaksi. Namun, untuk kebutuhan manufaktur atau grosir yang kompleks, fitur manajemen stoknya mungkin memerlukan aplikasi tambahan.<\/p>\n<p><!-- Kelebihan Kekurangan Moka -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>User interface sangat intuitif dan mudah dipelajari staf baru.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur manajemen rantai pasok dan produksi terbatas untuk skala besar.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Ekosistem pembayaran digital yang sudah terintegrasi baik.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Biaya berlangganan per outlet bisa menjadi tinggi jika cabang sangat banyak.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Dukungan pelanggan lokal yang cukup responsif.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Kustomisasi laporan terbatas dibandingkan sistem ERP penuh.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Moka --><\/p>\n<p><strong>Moka POS:<\/strong> Pilihan solid untuk bisnis retail dan F&amp;B standar yang mengutamakan kemudahan penggunaan dan setup cepat.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/mokapos.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/mokapos.com\/<\/a><\/p>\n<h3 id=\"pawoon\">3. Pawoon<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169126 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon.webp\" alt=\"pawoon sistem kasir multi cabang\" width=\"1267\" height=\"719\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon.webp 1267w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon-300x170.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon-1024x581.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon-768x436.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon-740x420.webp 740w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon-150x85.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon-696x395.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/pawoon-1068x606.webp 1068w\" sizes=\"auto, (max-width: 1267px) 100vw, 1267px\" \/><\/p>\n<p>Pawoon memposisikan dirinya sebagai\u00a0software POS yang cepat dan efisien, banyak digunakan oleh pebisnis waralaba (franchise) skala menengah. Aplikasi ini menawarkan fitur manajemen bahan baku atau resep yang cukup membantu bagi bisnis kuliner untuk memantau penggunaan material dasar.<\/p>\n<p>Salah satu kelebihan Pawoon adalah kemampuannya menyediakan laporan penjualan harian yang detail dan fitur <em>split bill<\/em> yang sering dibutuhkan di restoran. Meskipun demikian, beberapa pengguna mencatat adanya tantangan dalam sinkronisasi data saat kondisi internet tidak stabil (offline mode) di beberapa perangkat tertentu.<\/p>\n<p><!-- Kelebihan Kekurangan Pawoon -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur manajemen resep dan bahan baku yang cukup baik untuk F&amp;B.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Sinkronisasi data offline ke online terkadang mengalami delay.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Mendukung operasional franchise dengan manajemen multi-outlet.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur akuntansi bawaan sangat dasar, butuh integrasi pihak ketiga.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Harga yang kompetitif untuk fitur yang ditawarkan.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Opsi kustomisasi struk dan laporan terbatas.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Pawoon --><\/p>\n<p><strong>Pawoon:<\/strong> Cocok untuk bisnis franchise F&amp;B yang membutuhkan fitur manajemen resep dan operasional kasir yang ringkas.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/pawoon.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/pawoon.com\/<\/a><\/p>\n<h3 id=\"majoo\">4. Majoo<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-172326 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos.webp\" alt=\"majoo software kasir\" width=\"1920\" height=\"1213\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos.webp 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-300x190.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-1024x647.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-768x485.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-1536x970.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-665x420.webp 665w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-150x95.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-696x440.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/majoo-pos-1068x675.webp 1068w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Majoo hadir sebagai aplikasi wirausaha lengkap yang tidak hanya menawarkan POS, tetapi juga ekosistem pendukung bisnis lainnya. Aplikasi ini sangat cocok untuk UMKM yang membutuhkan solusi <em>all-in-one<\/em>, mulai dari kasir, absensi karyawan, hingga toko <em>online<\/em> sederhana.<\/p>\n<p>Fitur aplikasi &#8216;Owner&#8217; memungkinkan pemilik bisnis memantau omzet dari mana saja. Majoo sangat kuat di segmen pasar mikro dan kecil yang membutuhkan digitalisasi menyeluruh dengan biaya terjangkau. Namun, fleksibilitasnya mungkin kurang memadai untuk perusahaan skala <em>enterprise<\/em> dengan alur kerja yang sangat spesifik.<\/p>\n<p><!-- Kelebihan Kekurangan Majoo -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Ekosistem lengkap termasuk absensi dan toko online.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Kurang fleksibel untuk kebutuhan bisnis dengan proses unik\/kompleks.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Harga sangat terjangkau untuk paket fitur yang luas.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur manajemen inventaris tidak sedalam software ERP dedicated.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Dukungan komunitas wirausaha yang aktif.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Integrasi dengan software pihak ketiga (API) terbatas.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Majoo --><\/p>\n<p><strong>Majoo:<\/strong> Solusi paket lengkap terbaik untuk UMKM yang baru memulai digitalisasi operasional bisnisnya.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/majoo.id\/\" target=\"_blank\" rel=\"noopener\">https:\/\/majoo.id\/<\/a><\/p>\n<h3 id=\"olsera\">5. Olsera<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169124 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos.webp\" alt=\"olsera pos kasir multi cabang\" width=\"722\" height=\"537\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos.webp 722w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-300x223.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-565x420.webp 565w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-80x60.webp 80w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-150x112.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-485x360.webp 485w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-696x518.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/olsera-pos-265x198.webp 265w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/p>\n<p>Olsera dikenal sebagai solusi POS yang fleksibel dengan dukungan mode <em>hybrid<\/em> yang handal, memungkinkan operasional tetap berjalan lancar baik saat <em>online<\/em> maupun <em>offline<\/em>. Ini menjadi nilai tambah signifikan bagi gerai yang berlokasi di area dengan koneksi internet yang tidak stabil.<\/p>\n<p>Selain manajemen inventaris standar, Olsera menyediakan fitur toko <em>online<\/em> pribadi yang terintegrasi dengan POS. Ini memudahkan pedagang ritel untuk mengelola pesanan <em>online<\/em> dan <em>offline<\/em> dalam satu stok. Meskipun kaya fitur, antarmuka penggunanya mungkin memerlukan waktu adaptasi lebih lama dibandingkan kompetitor yang lebih minimalis.<\/p>\n<p><!-- Kelebihan Kekurangan Olsera -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Mode hybrid yang stabil untuk operasional tanpa internet.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Antarmuka pengguna (UI) terasa agak padat dan butuh adaptasi.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Menyediakan fitur toko online terintegrasi tanpa biaya tambahan besar.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Laporan keuangan mendalam memerlukan pemahaman akuntansi lebih.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Harga yang sangat kompetitif dengan opsi sekali bayar (device).<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Dukungan teknis terkadang memerlukan waktu antrian.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Olsera --><\/p>\n<p><strong>Olsera:<\/strong> Pilihan tepat bagi bisnis yang membutuhkan keandalan operasional di lokasi dengan koneksi internet terbatas.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/www.olsera.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.olsera.com\/<\/a><\/p>\n<h3 id=\"vend\">6. Vend (by Lightspeed)<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-176977 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Aplikasi-Kasir-Vend-.webp\" alt=\"program kasir cabang toko vend\" width=\"847\" height=\"460\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Aplikasi-Kasir-Vend-.webp 847w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Aplikasi-Kasir-Vend--300x163.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Aplikasi-Kasir-Vend--768x417.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Aplikasi-Kasir-Vend--773x420.webp 773w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Aplikasi-Kasir-Vend--150x81.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Aplikasi-Kasir-Vend--696x378.webp 696w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><\/p>\n<p>Vend adalah pemain global yang kini menjadi bagian dari Lightspeed, menawarkan solusi POS ritel berbasis <em>cloud<\/em> yang sangat kuat. Software ini dirancang khusus untuk pengecer yang serius mengelola inventaris kompleks dengan ribuan SKU dan varian produk.<\/p>\n<p>Keunggulan Vend terletak pada pelaporan kustom yang mendalam dan integrasi <em>e-commerce<\/em> yang mulus dengan platform global. Namun, karena ini adalah software internasional, biaya berlangganannya seringkali dipatok dalam USD yang mungkin relatif tinggi bagi sebagian bisnis lokal, serta dukungan lokal yang terbatas.<\/p>\n<p><!-- Kelebihan Kekurangan Vend -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Manajemen inventaris ritel kelas dunia dengan matriks produk.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Biaya berlangganan relatif mahal dibanding solusi lokal.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Integrasi e-commerce global yang sangat stabil.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Dukungan teknis mungkin terkendala zona waktu\/bahasa.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Analitik pelanggan dan loyalitas yang canggih.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Kurang cocok untuk F&amp;B karena fitur spesifik restoran minim.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Vend --><\/p>\n<p><strong>Vend:<\/strong> Standar emas untuk bisnis ritel fashion atau barang hobi dengan manajemen SKU yang sangat kompleks.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/www.vendhq.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.vendhq.com\/<\/a><\/p>\n<h3 id=\"square-pos\">7. Square POS<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-154594 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1.webp\" alt=\"Aplikasi kasir multi cabang impact\" width=\"1536\" height=\"864\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/square-retail-software-1536x864-1-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Square POS dikenal secara internasional karena kesederhanaannya dan desain perangkat keras yang elegan. Solusi ini sangat populer di kalangan bisnis kecil dan pop-up store karena kemudahan penggunaannya; Anda bisa mulai berjualan dalam hitungan menit.<\/p>\n<p>Fitur utamanya mencakup pemrosesan pembayaran yang terintegrasi (di negara yang didukung penuh), manajemen inventaris dasar, dan analitik penjualan yang bersih. Namun, untuk pasar Indonesia, beberapa fitur pembayaran terintegrasi mungkin tidak selengkap di AS, dan fitur pelaporannya mungkin terlalu sederhana untuk kebutuhan analisis mendalam.<\/p>\n<p><!-- Kelebihan Kekurangan Square -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Sangat mudah digunakan (user-friendly) dengan desain modern.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur pembayaran terintegrasi penuh belum tersedia semua di Indonesia.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Ekosistem hardware yang estetis dan fungsional.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur manajemen stok dan laporan terlalu basic untuk skala besar.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Versi dasar gratis tanpa biaya bulanan.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Ketergantungan pada hardware proprietary Square.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Square --><\/p>\n<p><strong>Square POS:<\/strong> Ideal untuk bisnis gaya hidup atau pop-up store yang mengutamakan estetika dan kemudahan penggunaan.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/squareup.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/squareup.com\/<\/a><\/p>\n<h3 id=\"toast-pos\">8. Toast POS<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169130 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/toast.webp\" alt=\"toast software kasir multi cabang\" width=\"752\" height=\"478\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/toast.webp 752w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/toast-300x191.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/toast-661x420.webp 661w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/toast-150x95.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/toast-696x442.webp 696w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/p>\n<p>Toast POS adalah platform manajemen restoran <em>all-in-one<\/em> yang dibangun khusus untuk industri makanan. Toast sangat kuat dalam fitur operasional restoran seperti pemesanan di meja menggunakan perangkat <em>handheld<\/em>, manajemen dapur (Kitchen Display System), dan manajemen menu terpusat.<\/p>\n<p>Kekhususan ini membuat Toast sangat disukai oleh pemilik restoran <em>full-service<\/em>. Namun, Toast menggunakan model ekosistem tertutup di mana Anda harus menggunakan perangkat keras khusus dari mereka, yang bisa menjadi investasi awal yang cukup besar dan kurang fleksibel jika ingin berganti sistem.<\/p>\n<p><!-- Kelebihan Kekurangan Toast -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur spesialisasi restoran yang sangat mendalam (KDS, Menu).<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Wajib menggunakan hardware proprietary dari Toast (investasi tinggi).<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Handheld ordering mempercepat turnover meja secara signifikan.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Tidak cocok untuk bisnis ritel atau jasa non-makanan.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Integrasi manajemen staf dan payroll restoran.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Biaya pemrosesan pembayaran bisa menjadi beban tambahan.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Toast --><\/p>\n<p><strong>Toast POS:<\/strong> Solusi spesialis terbaik untuk restoran full-service yang siap berinvestasi pada ekosistem hardware khusus.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/pos.toasttab.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/pos.toasttab.com\/<\/a><\/p>\n<h3 id=\"qasir\">9. Qasir<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169128 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir.webp\" alt=\"qasir aplikasi kasir multi cabang\" width=\"1758\" height=\"852\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir.webp 1758w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-300x145.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-1024x496.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-768x372.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-1536x744.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-867x420.webp 867w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-150x73.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-696x337.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/qasir-1068x518.webp 1068w\" sizes=\"auto, (max-width: 1758px) 100vw, 1758px\" \/><\/p>\n<p>Qasir adalah aplikasi kasir yang dirancang untuk memberdayakan segmen usaha mikro dan kecil. Dengan menyediakan versi gratis yang cukup fungsional untuk pencatatan transaksi dasar, Qasir menjadi pintu masuk bagi banyak pedagang untuk mulai mendigitalisasi bisnis mereka.<\/p>\n<p>Fiturnya mencakup kelola produk sederhana, laporan penjualan dasar, dan dukungan pembayaran digital. Meskipun sangat aksesibel, fitur manajemen cabang dan inventaris yang lebih canggih biasanya terkunci di balik paywall (versi Pro) atau memiliki keterbatasan fungsional dibandingkan sistem yang lebih besar.<\/p>\n<p><!-- Kelebihan Kekurangan Qasir -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Sangat aksesibel dengan versi gratis yang fungsional.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur manajemen multi-cabang terbatas di versi dasar.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Ringan dijalankan di smartphone spesifikasi rendah.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Laporan dan analitik kurang mendalam untuk analisis strategis.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Mudah digunakan oleh staf dengan literasi digital minim.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Banyak fitur penting yang memerlukan upgrade berbayar.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Qasir --><\/p>\n<p><strong>Qasir:<\/strong> Titik awal yang baik bagi usaha mikro yang membutuhkan pencatatan digital tanpa biaya awal yang besar.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/www.qasir.id\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.qasir.id\/<\/a><\/p>\n<h3 id=\"dealpos\">10. DealPOS<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-177319 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS.webp\" alt=\"Aplikasi kasir multi cabang deal pos\" width=\"800\" height=\"564\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS.webp 800w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS-300x212.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS-768x541.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS-596x420.webp 596w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS-150x106.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS-696x491.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/07\/DealPOS-100x70.webp 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>DealPOS adalah sistem POS yang dirancang khusus untuk toko retail dengan kebutuhan manajemen inventaris yang ketat. Sistem ini menawarkan fitur otorisasi bertingkat yang baik dan manajemen varian produk yang cukup detail, cocok untuk toko baju atau elektronik.<\/p>\n<p>Kelebihan utamanya adalah integrasi dengan berbagai <em>marketplace<\/em> lokal, memungkinkan sinkronisasi stok yang lebih baik. Namun, dari sisi antarmuka pengguna (UI), DealPOS mungkin terlihat lebih klasik atau kurang modern dibandingkan beberapa kompetitor barunya, meskipun secara fungsional sangat stabil.<\/p>\n<p><!-- Kelebihan Kekurangan DealPOS -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Manajemen stok retail yang kuat dengan varian produk.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Antarmuka pengguna (UI) terlihat kurang modern\/klasik.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Integrasi marketplace lokal yang membantu seller online.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur loyalitas pelanggan tergolong standar.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Otorisasi keamanan bertingkat yang baik.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Kurang optimal untuk bisnis F&amp;B atau jasa.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman DealPOS --><\/p>\n<p><strong>DealPOS:<\/strong> Solusi handal untuk toko retail konvensional yang membutuhkan manajemen stok yang stabil dan terintegrasi marketplace.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/dealpos.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/dealpos.com\/<\/a><\/p>\n<h3 id=\"connectpos\">11. ConnectPOS<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-178956 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connect-logo.webp\" alt=\"software kasir multi cabang connect\" width=\"800\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connect-logo.webp 800w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connect-logo-300x244.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connect-logo-768x624.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connect-logo-517x420.webp 517w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connect-logo-150x122.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/12\/connect-logo-696x566.webp 696w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>ConnectPOS adalah penyedia solusi POS yang berfokus pada penciptaan pengalaman <em>omnichannel<\/em> yang mulus. Kekuatan utamanya adalah kemampuan sinkronisasi <em>real-time<\/em> dengan platform <em>e-commerce<\/em> besar seperti Magento, Shopify, dan WooCommerce.<\/p>\n<p>Fitur seperti <em>click and collect<\/em> dan sinkronisasi keranjang belanja antar <em>channel<\/em> menjadikan ConnectPOS favorit bagi brand yang kuat di ranah digital. Namun, implementasi sistem ini bisa menjadi cukup kompleks dan memerlukan keahlian teknis untuk memastikan integrasi berjalan sempurna.<\/p>\n<p><!-- Kelebihan Kekurangan ConnectPOS -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Integrasi e-commerce superior (Magento, Shopify, dll).<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Implementasi dan setup awal bisa cukup kompleks.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Mendukung pengalaman pelanggan omnichannel sejati.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Biaya investasi cenderung tinggi untuk bisnis kecil.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Mode offline yang handal dengan sinkronisasi otomatis.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Memerlukan tim teknis untuk memaksimalkan potensinya.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman ConnectPOS --><\/p>\n<p><strong>ConnectPOS:<\/strong> Pilihan utama bagi brand ritel yang ingin menyatukan pengalaman belanja online dan offline secara total.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/www.connectpos.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.connectpos.com\/<\/a><\/p>\n<h3 id=\"jurnal-touch\">12. Jurnal Touch<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-167888 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch.webp\" alt=\"Jurnal Touch aplikasi kasir multi cabang\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Jurnal-Touch-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Jurnal Touch adalah aplikasi POS yang merupakan bagian dari ekosistem akuntansi Jurnal by Mekari. Keunggulan utamanya jelas: sinkronisasi otomatis transaksi penjualan langsung ke pembukuan akuntansi Jurnal.id, menghilangkan kebutuhan entri data manual.<\/p>\n<p>Ini sangat memudahkan pemilik bisnis yang memprioritaskan kerapian laporan keuangan. Namun, sebagai fitur tambahan dari software akuntansi, fitur operasional POS-nya sendiri mungkin tidak sekompleks atau selengkap software POS spesialis lainnya di daftar ini.<\/p>\n<p><!-- Kelebihan Kekurangan Jurnal Touch -->\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Kelebihan<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Kekurangan<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Integrasi langsung ke pembukuan akuntansi (Jurnal.id).<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fitur operasional POS relatif dasar dibanding kompetitor spesialis.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Memudahkan rekonsiliasi keuangan dan pajak.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Sangat bergantung pada ekosistem Mekari lainnya.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Laporan keuangan instan tanpa input ulang.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Kurang fleksibel untuk manajemen meja atau resep kompleks.<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<p><!-- Rangkuman Jurnal Touch --><\/p>\n<p><strong>Jurnal Touch:<\/strong> Solusi praktis bagi pengguna Jurnal.id yang ingin mengotomatisasi pencatatan penjualan langsung ke laporan keuangan.<\/p>\n<p><strong>Website:<\/strong> <a href=\"https:\/\/www.jurnal.id\/id\/fitur\/jurnal-touch\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.jurnal.id\/<\/a><\/p>\n<h2><span id=\"b\"><\/span>Mengapa Integrasi ERP Penting?<\/h2>\n<p>Banyak aplikasi kasir modern yang hanya berfokus pada fitur yang terlihat di kasir, seperti <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-cetak-struk\/\">cetak struk<\/a> cepat atau tampilan menu yang menarik. Padahal untuk bisnis multi cabang, faktor penentu justru ada di belakang layar, yaitu integrasi dengan sistem back-end. Jika POS berdiri sendiri, data penjualan, stok, dan keuangan akan terpecah per cabang sehingga sulit dikontrol secara menyeluruh.<\/p>\n<p>Saat sistem terpisah, pekerjaan seperti rekonsiliasi sering akan menjadi lambat. <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/pengertian-eod-kasir\/\">Selisih kas atau kebocoran stok<\/a> bisa baru terlihat setelah waktu berlalu, ketika dampaknya sudah membesar. Tanpa aliran data otomatis ke tim pengadaan dan keuangan, bisnis cenderung terlambat merespons perubahan permintaan atau tren pasar.<\/p>\n<p>Integrasi POS dengan ERP membuat data penjualan langsung memicu proses operasional berikutnya. Stok dapat terpantau dan restock bisa berjalan lebih terarah lewat procurement, sementara pencatatan keuangan masuk otomatis ke accounting untuk laporan yang lebih cepat dan konsisten.<\/p>\n<p>Hasil akhirnya POS tidak hanya mencatat transaksi, tetapi membantu merapikan dan mempercepat siklus operasional agar ekspansi cabang tetap terkendali tanpa menambah beban administrasi.<\/p>\n<p class=\"p1\"><style>\r\n\t#baca-juga {\r\n\t\tpadding: 16px;\r\n\t\tbackground-color: #f7eaea;\r\n\t\tborder-left: 3px solid #af2828;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 26px;\r\n\t}\r\n\t\r\n\t#baca-juga a {\r\n\t\tcolor: #af2828 !important;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t}\r\n\t\r\n\t#baca-juga a:hover {\r\n\t\tcolor: #af282880 !important;\r\n\t}\r\n<\/style>\r\n\r\n<div id=\"baca-juga\">\r\n\t<span>Baca juga: <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/mpos-untuk-bisnis-anda\/\"> Mengenal mPOS (Mobile Point of Sale) sebagai solusi kasir modern yang fleksibel untuk berbagai jenis bisnis.<\/a><\/span>\r\n<\/div>\n<h2>Kesimpulan<\/h2>\n<p data-start=\"0\" data-end=\"213\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-toko-terbaik-untuk-membantu-bisnis-anda\/\">Aplikasi kasir multi cabang<\/a> menjadi kunci pertumbuhan bisnis yang ingin berkembang cepat tanpa hambatan operasional. Sentralisasi data dan integrasi sistem memastikan setiap cabang bekerja efisien dan konsisten.<\/p>\n<p data-start=\"215\" data-end=\"402\">Bisnis yang ingin menskalakan operasional perlu meninggalkan proses manual yang memakan waktu dan rawan kesalahan. Solusi terpusat membantu pengambilan keputusan lebih cepat dan akurat.<\/p>\n<p data-start=\"404\" data-end=\"630\" data-is-last-node=\"\" data-is-only-node=\"\">Jika Anda memiliki pertanyaan lebih lanjut mengenai software ini, <strong><a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">Coba konsultasikan kebutuhan bisnis Anda secara gratis melalui kami<\/a>.<\/strong><\/p>\n<p><span data-sheets-root=\"1\"><a href=\"https:\/\/www.hashmicro.com\/id\/hash-retail-software?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/43-Retail-Desktop.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/43-Retail-Desktop.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/43-Retail-Mobile.webp\" alt=\"HashRetailInnovation\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script><\/span><\/p>\n<h2><strong>Pertanyaan Seputar Aplikasi Kasir Multi Cabang<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apakah aplikasi kasir multi cabang bisa bekerja saat internet mati?<\/strong><\/summary>\n<p>Sebagian besar aplikasi POS modern seperti HashMicro dan Olsera memiliki fitur mode offline (hybrid). Data transaksi akan disimpan secara lokal di perangkat dan otomatis disinkronkan ke server pusat (cloud) begitu koneksi internet kembali stabil.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Berapa biaya rata-rata software POS untuk banyak outlet?<\/strong><\/summary>\n<p>Biaya bervariasi mulai dari gratis (dengan fitur terbatas), langganan bulanan per outlet (Rp 200rb &#8211; 500rb), hingga model investasi software enterprise seperti HashMicro yang menawarkan harga paket yang lebih efisien untuk skala besar.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Perangkat apa saja yang dibutuhkan untuk menjalankan aplikasi kasir ini?<\/strong><\/summary>\n<p>Umumnya aplikasi kasir modern dapat dijalankan di tablet (iPad\/Android), smartphone, atau terminal POS khusus. Sistem seperti HashMicro bahkan dapat diakses melalui browser PC\/Laptop untuk keperluan back-office.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apakah data antar cabang bisa dilihat secara real-time?<\/strong><\/summary>\n<p>Ya, dengan sistem berbasis cloud, pemilik bisnis dapat memantau penjualan, stok, dan laporan keuangan dari seluruh cabang secara real-time melalui dasbor pusat, kapan saja dan di mana saja.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Mengelola banyak gerai tanpa sistem terintegrasi sering memicu masalah yang berulang, mulai dari stok antar gudang yang tidak akurat hingga pengawasan transaksi yang melemah. Akibatnya, tim menghabiskan banyak waktu untuk mengejar data, bukan menjalankan strategi. Dengan POS cloud terpusat, data penjualan dan stok tiap cabang dapat dipantau real time dalam satu dashboard. Keputusan restock, promosi, [&hellip;]<\/p>\n","protected":false},"author":221,"featured_media":178939,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[],"class_list":{"0":"post-178581","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-retail"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik<\/title>\n<meta name=\"description\" content=\"Pelajari bagaimana aplikasi kasir multi cabang dapat mengatasi masalah operasional dan meningkatkan efisiensi bisnis Anda.\" \/>\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\/id\/blog\/aplikasi-kasir-multi-cabang\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik\" \/>\n<meta property=\"og:description\" content=\"Pelajari bagaimana aplikasi kasir multi cabang dapat mengatasi masalah operasional dan meningkatkan efisiensi bisnis Anda.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-03T02:37:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-06T06:13:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp\" \/>\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\/webp\" \/>\n<meta name=\"author\" content=\"Oscar Renatha\" \/>\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=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Oscar Renatha\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/\"},\"author\":{\"name\":\"Oscar Renatha\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/499b4ccbd39a4544e629ce4d1bf64382\"},\"headline\":\"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik\",\"datePublished\":\"2025-12-03T02:37:14+00:00\",\"dateModified\":\"2026-03-06T06:13:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/\"},\"wordCount\":3034,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp\",\"articleSection\":[\"Retail\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/\",\"name\":\"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp\",\"datePublished\":\"2025-12-03T02:37:14+00:00\",\"dateModified\":\"2026-03-06T06:13:11+00:00\",\"description\":\"Pelajari bagaimana aplikasi kasir multi cabang dapat mengatasi masalah operasional dan meningkatkan efisiensi bisnis Anda.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp\",\"width\":1200,\"height\":675,\"caption\":\"aplikasi kasir multi cabang\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/hashmicro\",\"https:\/\/x.com\/hashmicro\",\"https:\/\/www.linkedin.com\/company\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/499b4ccbd39a4544e629ce4d1bf64382\",\"name\":\"Oscar Renatha\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Oscar-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Oscar-96x96.webp\",\"caption\":\"Oscar Renatha\"},\"description\":\"Berpengalaman selama 3 tahun dalam industri SaaS khususnya bidang POS, Oscar berfokus pada penulisan artikel terkait integrasi POS dengan modul lain, manajemen transaksi penjualan, multi-store management, dan strategi penjualan yang dapat membantu para pelaku bisnis meningkatkan pertumbuhan bisnis mereka.\",\"sameAs\":[\"https:\/\/www.hashmicro.com\/id\/\"],\"gender\":\"Laki-laki\",\"knowsAbout\":[\"POS\",\"penjualan\",\"strategi penjualan\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Content Writer\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/oscar-renatha\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik","description":"Pelajari bagaimana aplikasi kasir multi cabang dapat mengatasi masalah operasional dan meningkatkan efisiensi bisnis Anda.","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\/id\/blog\/aplikasi-kasir-multi-cabang\/","og_locale":"id_ID","og_type":"article","og_title":"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik","og_description":"Pelajari bagaimana aplikasi kasir multi cabang dapat mengatasi masalah operasional dan meningkatkan efisiensi bisnis Anda.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-12-03T02:37:14+00:00","article_modified_time":"2026-03-06T06:13:11+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp","type":"image\/webp"}],"author":"Oscar Renatha","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Oscar Renatha","Estimasi waktu membaca":"17 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/"},"author":{"name":"Oscar Renatha","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/499b4ccbd39a4544e629ce4d1bf64382"},"headline":"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik","datePublished":"2025-12-03T02:37:14+00:00","dateModified":"2026-03-06T06:13:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/"},"wordCount":3034,"commentCount":0,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp","articleSection":["Retail"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/","name":"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp","datePublished":"2025-12-03T02:37:14+00:00","dateModified":"2026-03-06T06:13:11+00:00","description":"Pelajari bagaimana aplikasi kasir multi cabang dapat mengatasi masalah operasional dan meningkatkan efisiensi bisnis Anda.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/aplikasi-kasir-multi-cabang.webp","width":1200,"height":675,"caption":"aplikasi kasir multi cabang"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-kasir-multi-cabang\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"12 Rekomendasi Aplikasi Kasir Multi Cabang Terbaik"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/499b4ccbd39a4544e629ce4d1bf64382","name":"Oscar Renatha","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Oscar-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Oscar-96x96.webp","caption":"Oscar Renatha"},"description":"Berpengalaman selama 3 tahun dalam industri SaaS khususnya bidang POS, Oscar berfokus pada penulisan artikel terkait integrasi POS dengan modul lain, manajemen transaksi penjualan, multi-store management, dan strategi penjualan yang dapat membantu para pelaku bisnis meningkatkan pertumbuhan bisnis mereka.","sameAs":["https:\/\/www.hashmicro.com\/id\/"],"gender":"Laki-laki","knowsAbout":["POS","penjualan","strategi penjualan"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/oscar-renatha\/"}]}},"focus_keyword":"aplikasi kasir multi cabang","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/178581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/221"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=178581"}],"version-history":[{"count":18,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/178581\/revisions"}],"predecessor-version":[{"id":190502,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/178581\/revisions\/190502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/178939"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=178581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=178581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=178581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}