{"id":37237,"date":"2022-10-01T13:30:11","date_gmt":"2022-10-01T06:30:11","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=37237"},"modified":"2025-11-06T10:18:44","modified_gmt":"2025-11-06T03:18:44","slug":"7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/","title":{"rendered":"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B yang Perlu Diketahui!"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Restoran atau kafe sering dipilih sebagai tempat untuk melakukan berbagai kegiatan, seperti <\/span><i><span style=\"font-weight: 400;\">meeting<\/span><\/i><span style=\"font-weight: 400;\">,<\/span><i><span style=\"font-weight: 400;\"> family time<\/span><\/i><span style=\"font-weight: 400;\">, maupun sekadar berjumpa kolega. Oleh karena itu, selama Anda mampu menghadirkan konsep inovatif, bisnis F&amp;B tak pernah sepi pengunjung.<\/span><\/p>\n<p><a href=\"https:\/\/blog.investree.id\/bisnis\/apa-itu-food-and-beverage-simak-pengertiannya-di-sini\/\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">Food and Beverage<\/span><\/i> <\/a><span style=\"font-weight: 400;\">(F&amp;B) adalah bisnis yang berpeluang menjanjikan, namun yang menjadi masalahnya tidak semua bisnis F&amp;B bisa bertahan. Kegagalan pengelolaan bisnis internal seperti laporan keuangan, stok dan lainnya membuktikan jika banyak pengusaha yang masih belum paham mengenai manajemen sebuah bisnis. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Oleh karena itu, Anda tentu perlu menerapkan beberapa tips penting dalam mengelola bisnis F&amp;B Anda agar berjalan lancar. Salah satunya Anda dapat menggunakan<\/span><span style=\"font-weight: 400;\"> sistem<\/span><i><span style=\"font-weight: 400;\"> e-invoice<\/span><\/i> atau <a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software\" target=\"_blank\" rel=\"noopener\">sistem E-Faktur<\/a> <span style=\"font-weight: 400;\">untuk mengotomatiskan pembuatan<\/span><i><span style=\"font-weight: 400;\"> invoice<\/span><\/i><span style=\"font-weight: 400;\"> dan\u00a0 proses penagihan ke pelanggan Anda sehingga pengelolaan bisnis F&amp;B Anda menjadi lebih efisien.<\/span><\/p>\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<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\n<h2 id=\"1\"><b>Apa itu Sistem E-Faktur?<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/h2>\n<figure id=\"attachment_37239\" aria-describedby=\"caption-attachment-37239\" style=\"width: 720px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-37239 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/invoice-KitaLulus.jpg\" alt=\"sistem e-invoicing\" width=\"720\" height=\"375\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/invoice-KitaLulus.jpg 720w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/invoice-KitaLulus-300x156.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/invoice-KitaLulus-150x78.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/invoice-KitaLulus-696x363.jpg 696w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><figcaption id=\"caption-attachment-37239\" class=\"wp-caption-text\">Sumber gambar: KitaLulus.com<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Perkembangan teknologi menghadirkan inovasi untuk mempermudah proses<\/span><i><span style=\"font-weight: 400;\"> invoice <\/span><\/i><span style=\"font-weight: 400;\">yaitu dengan hadirnya<\/span><i><span style=\"font-weight: 400;\"> e-invoice<\/span><\/i><span style=\"font-weight: 400;\">.<\/span> <a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">Software invoice<\/span><\/i> <\/a><span style=\"font-weight: 400;\">adalah <\/span><i><span style=\"font-weight: 400;\">tools<\/span><\/i><span style=\"font-weight: 400;\"> yang secara otomatis menghasilkan penagihan untuk produk yang Anda jual. <\/span><i><span style=\"font-weight: 400;\">Tools<\/span><\/i><span style=\"font-weight: 400;\"> ini akan memudahkan Anda membuat daftar produk beserta biaya terkait dan mengirimkannya ke pelanggan sebagai faktur. Faktur ini biasanya dibuat menggunakan template yang sudah jadi, sebagian besar terlihat profesional, yang membuat prosesnya lebih mudah dan menguntungkan bagi bisnis.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sistem e-faktur<\/span><span style=\"font-weight: 400;\"> adalah sistem penagihan berbasis <\/span><i><span style=\"font-weight: 400;\">cloud <\/span><\/i><span style=\"font-weight: 400;\">sehingga Anda tak perlu khawatir kehilangan data tagihan maupun klien Anda. Dengan adanya sistem ini, semua data tersimpan dengan Aman. Resiko terjadinya kesalahan seperti jumlah tagihan atau tagihan yang dikirimkan ke klien atau pelanggan yang salah pun dapat teratasi. Hal ini tentunya dapat memengaruhi hubungan baik antara bisnis Anda dengan pelanggan maupun klien. <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-invoice-terbaik\/\">Aplikasi invoic<\/a><\/span><span style=\"font-weight: 400;\">\u00a0dari HashMicro dapat mengotomatiskan penghitungan dan mencegah terjadinya kesalahan penghitungan.\u00a0<\/span><\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2 id=\"2\"><b>Fitur Utama E-Faktur untuk Kebutuhan Bisnis F&amp;B\u00a0<\/b><\/h2>\n<figure id=\"attachment_37240\" aria-describedby=\"caption-attachment-37240\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-37240 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati.jpg\" alt=\"fitur-fitur sistem e-faktur\" width=\"1200\" height=\"720\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati.jpg 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati-300x180.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati-1024x614.jpg 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati-768x461.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati-150x90.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati-696x418.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati-1068x641.jpg 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/09\/Cermati-700x420.jpg 700w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption id=\"caption-attachment-37240\" class=\"wp-caption-text\">Sumber gambar: Cermati.com<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Berbagai fitur tersedia dalam sistem e-faktur sehingga menguntungkan Anda karena dapat memanfaatkan berbagai fitur tersebut dalam satu aplikasi saja. Fitur-fitur tersebut membantu anda dalam mengelola bisnis F&amp;B Anda khususnya dalam mengelola <\/span><i><span style=\"font-weight: 400;\">invoice<\/span><\/i><span style=\"font-weight: 400;\">. Berikut fitur-fitur yang tersedia pada sistem e-faktur yang membantu mengefisiensikan bisnis Anda:\u00a0<\/span><\/p>\n<h3 id=\"A1\"><span style=\"font-weight: 400;\">1. <\/span><i><span style=\"font-weight: 400;\">Invoice generation<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Ketika menjual produk kepada pelanggan atau klien, perusahaan tentunya membutuhkan <\/span><i><span style=\"font-weight: 400;\">invoice<\/span><\/i><span style=\"font-weight: 400;\"> sebagai dokumen resmi untuk melakukan penagihan. Manualnya, <\/span><i><span style=\"font-weight: 400;\">invoice<\/span><\/i><span style=\"font-weight: 400;\"> dibuat menggunakan kertas dan membutuhkan kurir untuk mengantarnya. Namun, cara manual tersebut bisa diatasi dengan menggunakan<\/span><i><span style=\"font-weight: 400;\"> software invoice<\/span><\/i><span style=\"font-weight: 400;\">. Dengan <\/span><i><span style=\"font-weight: 400;\">software<\/span><\/i><span style=\"font-weight: 400;\"> tersebut, perusahaan dapat membuat faktur dengan <\/span><i><span style=\"font-weight: 400;\">template<\/span><\/i><span style=\"font-weight: 400;\"> yang dipersonalisasi untuk klien yang berbeda, perusahaan dapat mencetak<\/span><i><span style=\"font-weight: 400;\"> invoice <\/span><\/i><span style=\"font-weight: 400;\">atau dapat mengirimnya langsung melalui <\/span><i><span style=\"font-weight: 400;\">email<\/span><\/i><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h3 id=\"A2\"><span style=\"font-weight: 400;\">2. <\/span><i><span style=\"font-weight: 400;\">Stock Management<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Agar semua perhitungan laporan tepat, maka pengusaha perlu mencatat jenis-jenis makanan tersebut ke dalam stok. Ketika ada yang terjual, maka produk yang ada di dalam stok, secara otomatis akan berkurang. Dengan menggunakan stok secara benar, maka jumlah pemasukan yang diterima dengan stok yang keluar nantinya akan sama. Sehingga, tidak akan ada lagi selisih yang membuat pengusaha bertanya-tanya ke manakah uang hasil penjualan tersebut. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, stok juga berfungsi untuk melakukan penyesuaian. Dengan kata lain, stok bisa bertambah atau berkurang secara otomatis sesuai dengan<\/span><i><span style=\"font-weight: 400;\"> invoice <\/span><\/i><span style=\"font-weight: 400;\">yang terbuat, bisa itu penjualan ataupun pembelian.\u00a0<\/span><\/p>\n<h3 id=\"A3\"><span style=\"font-weight: 400;\">3. <\/span><i><span style=\"font-weight: 400;\">Tax &amp; discount management<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Dalam <\/span><i><span style=\"font-weight: 400;\">invoice <\/span><\/i><span style=\"font-weight: 400;\">Anda juga perlu menyertakan potongan pajak dan diskon sesuai dengan jumlah transaksi. <\/span><i><span style=\"font-weight: 400;\">Software e-invoice<\/span><\/i><span style=\"font-weight: 400;\"> membantu Anda dalam menghitung pajak dan diskon pada setiap faktur masing-masing <\/span><i><span style=\"font-weight: 400;\">supplier<\/span><\/i><span style=\"font-weight: 400;\">. Sistem akan memproses perhitungan secara otomatis, sehingga total <\/span><i><span style=\"font-weight: 400;\">invoice<\/span><\/i><span style=\"font-weight: 400;\"> akan lebih akurat. Dengan <\/span><i><span style=\"font-weight: 400;\">e-Invoicing<\/span><\/i><span style=\"font-weight: 400;\">, Anda dapat menghitung pajak dan diskon untuk faktur-faktur tertentu secara otomatis.<\/span><\/p>\n<h3 id=\"A4\"><span style=\"font-weight: 400;\">4. <\/span><i><span style=\"font-weight: 400;\">Online payment management<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Fitur selanjutnya yang ada pada <\/span><i><span style=\"font-weight: 400;\">software invoice <\/span><\/i><span style=\"font-weight: 400;\">adalah fitur <\/span><i><span style=\"font-weight: 400;\">online payment management<\/span><\/i><span style=\"font-weight: 400;\">. Melalui fitur ini, pelanggan memperoleh kemudahan dalam pembayaran dengan <\/span><i><span style=\"font-weight: 400;\">online payment gateway<\/span><\/i><span style=\"font-weight: 400;\">. Fitur ini mampu mengirim resi melalui portal yang sama. Permudah pembayaran pelanggan dengan <\/span><i><span style=\"font-weight: 400;\">online payment gateway<\/span><\/i><span style=\"font-weight: 400;\">. Anda dapat mengirim resi ke pelanggan melalui portal yang sama.\u00a0<\/span><\/p>\n<h3 id=\"A5\"><span style=\"font-weight: 400;\">5. <\/span><i><span style=\"font-weight: 400;\">Credit limit management<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Dengan menggunakan sistem e-faktur, selain bisa menghitung diskon dan potongan pajak,\u00a0 aplikasi ini juga memiliki fitur <\/span><i><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/credit-limit\/\">credit limit<\/a> management<\/span><\/i><span style=\"font-weight: 400;\"> yang mampu mengatur batasan kredit yang berbeda. Klien atau Anda pastinya memiliki batasan kreditnya tersendiri. Hal ini dapat Anda lihat berdasarkan harga produk atau jasa dari perusahaan Anda. Sistem <\/span><i><span style=\"font-weight: 400;\">invoice <\/span><\/i><span style=\"font-weight: 400;\">memudahkan Anda mengatur batasan kredit yang berbeda untuk setiap klien berdasarkan harga produk atau jasa Anda.<\/span><\/p>\n<h3 id=\"A6\"><span style=\"font-weight: 400;\">6. <\/span><i><span style=\"font-weight: 400;\">Invoice approval and validation<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Beberapa faktur memungkinan adanya harga khusus atau diskon. Sistem ini dapat Anda gunakan untuk memproses approval dan validasi faktur dengan harga khusus tersebut. Sistem memungkinkan Anda untuk memproses <em>approval<\/em> dan memvalidasi setiap faktur yang diberi harga khusus atau diskon. Validasi faktur adalah langkah penting dalam proses pemrosesan faktur untuk mendeteksi dan memperbaiki kesalahan sebelum pembayaran dimulai.<\/span><\/p>\n<h3 id=\"A7\"><span style=\"font-weight: 400;\">7. <\/span><i><span style=\"font-weight: 400;\">Real-time invoice reporting<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Bagi perusahaan yang baru memulai bisnis, pembuatan laporan tentunya sangat membingungkan. Mereka masih belum bisa melakukan penghitungan secara detail, seperti pengeluaran untuk membeli bahan pokok, pengeluaran beban (gaji pegawai, listrik, dan lainnya) bahkan hingga pengeluaran tidak terduga. Semua hal tersebut harus dicatat dalam laporan yang berbeda-beda. Dengan menggunakan <\/span><i><span style=\"font-weight: 400;\">software invoice<\/span><\/i><span style=\"font-weight: 400;\">, Anda tidak perlu lagi repot-repot membuat laporan secara manual. Selain itu Anda juga dapat mengetahui usia faktur Anda dan menemukan faktur-faktur yang belum dibayar untuk mengetahui total pendapatan Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Baca juga:<\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/e-invoice\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"> Software E-Invoice: Ketahui Manfaatnya bagi Transaksi Bisnis!<\/span><\/a><\/p>\n<h2><strong>Otomatiskan E-Faktur dengan E-Invoicing Software dan AI Hashy dari HashMicro!<\/strong><\/h2>\n<p data-start=\"85\" data-end=\"302\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-156988\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1.webp\" alt=\"Dashboard Accounting HashMicro\" width=\"808\" height=\"502\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1.webp 808w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1-300x186.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1-768x477.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1-676x420.webp 676w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1-150x93.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1-696x432.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/Dashboard-Accounting-HashMicro-1-356x220.webp 356w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/p>\n<p data-start=\"85\" data-end=\"302\">Pengelolaan e-faktur secara manual bisa memakan waktu dan berisiko terjadi kesalahan pencatatan. Apalagi dalam bisnis F&amp;B yang dinamis, keterlambatan pembayaran bisa mengganggu arus kas dan hubungan dengan supplier.<\/p>\n<p data-start=\"304\" data-end=\"620\"><a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software\">E-Invoicing Software<\/a> dari HashMicro hadir sebagai solusi untuk mengotomatisasi pembuatan dan pengelolaan e-faktur. Dengan AI Hashy yang terintegrasi, sistem ini dilengkapi notifikasi otomatis untuk mengingatkan pelanggan saat jatuh tempo pembayaran. Anda pun tak perlu lagi repot menagih secara manual.<\/p>\n<p data-start=\"622\" data-end=\"900\" data-is-last-node=\"\" data-is-only-node=\"\">Dengan fitur create e-faktur on the go, tim keuangan bisa membuat dan mengelola e-faktur kapan saja dan di mana saja. Proses administrasi jadi lebih cepat, akurat, dan efisien.<\/p>\n<p data-start=\"665\" data-end=\"987\" data-is-last-node=\"\" data-is-only-node=\"\">Gunakan <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">E-Invoicing Software<\/a> dan AI Hashy dari HashMicro sekarang dan rasakan kemudahannya.<\/p>\n<h2 id=\"3\"><b>Kesimpulan\u00a0<\/b><\/h2>\n<p>Invoice digital membantu bisnis F&amp;B mengelola pembayaran tertunda dengan lebih praktis. Proses pemesanan hingga pengingat pembayaran berlangsung otomatis, meminimalkan risiko keterlambatan. Hal ini memudahkan pengusaha menjaga alur kas dan hubungan dengan supplier.<\/p>\n<p>Sistem E-Invoice HashMicro memungkinkan supplier mengunggah produk yang tersedia, sehingga pemesanan jadi lebih efisien. Restoran dapat memilih produk dan jumlah yang dibutuhkan dengan mudah. Invoice pun langsung tersedia, sehingga proses administrasi menjadi lebih cepat dan rapi.<\/p>\n<p>Dengan kemudahan ini, bisnis F&amp;B dapat fokus pada operasional tanpa khawatir masalah pembayaran. E-invoice juga membantu menghindari sanksi keterlambatan dari supplier. Dapatkan <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">demo gratis<\/a> dari HashMicro dan rasakan manfaatnya sekarang.<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/E-Invoice-Software-Dekstop-Resize.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/E-Invoice-Software-Dekstop-Resize.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/E-Invoice-Software-Mobile.webp\" alt=\"EInvoicing\" 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>\n","protected":false},"excerpt":{"rendered":"<p>Restoran atau kafe sering dipilih sebagai tempat untuk melakukan berbagai kegiatan, seperti meeting, family time, maupun sekadar berjumpa kolega. Oleh karena itu, selama Anda mampu menghadirkan konsep inovatif, bisnis F&amp;B tak pernah sepi pengunjung. Food and Beverage (F&amp;B) adalah bisnis yang berpeluang menjanjikan, namun yang menjadi masalahnya tidak semua bisnis F&amp;B bisa bertahan. Kegagalan pengelolaan [&hellip;]<\/p>\n","protected":false},"author":165,"featured_media":140765,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[443],"tags":[],"class_list":{"0":"post-37237","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-invoicing"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B<\/title>\n<meta name=\"description\" content=\"Sistem e-faktur adalah sistem penagihan berbasis cloud sehingga Anda tak perlu khawatir kehilangan data tagihan maupun klien 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\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B yang Perlu Diketahui!\" \/>\n<meta property=\"og:description\" content=\"Sistem e-faktur adalah sistem penagihan berbasis cloud sehingga Anda tak perlu khawatir kehilangan data tagihan maupun klien Anda.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/\" \/>\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=\"2022-10-01T06:30:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-06T03:18:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/sistem-e-faktur.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Novi Herawati\" \/>\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=\"Novi Herawati\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 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\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/\"},\"author\":{\"name\":\"Novi Herawati\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/685b29538f3b84216a3584178a792653\"},\"headline\":\"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B yang Perlu Diketahui!\",\"datePublished\":\"2022-10-01T06:30:11+00:00\",\"dateModified\":\"2025-11-06T03:18:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/\"},\"wordCount\":1083,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/sistem-e-faktur.png\",\"articleSection\":[\"Invoicing\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/\",\"name\":\"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&B\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/sistem-e-faktur.png\",\"datePublished\":\"2022-10-01T06:30:11+00:00\",\"dateModified\":\"2025-11-06T03:18:44+00:00\",\"description\":\"Sistem e-faktur adalah sistem penagihan berbasis cloud sehingga Anda tak perlu khawatir kehilangan data tagihan maupun klien Anda.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/sistem-e-faktur.png\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/sistem-e-faktur.png\",\"width\":1200,\"height\":650,\"caption\":\"sistem-e faktur\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B yang Perlu Diketahui!\"}]},{\"@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\\\/685b29538f3b84216a3584178a792653\",\"name\":\"Novi Herawati\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"caption\":\"Novi Herawati\"},\"description\":\"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.\",\"sameAs\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/\"],\"gender\":\"Perempuan\",\"knowsAbout\":[\"manajemen bisnis\",\"B2B\",\"inovasi bisnis\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Content Writer\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/author\\\/novi-herawati\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&B","description":"Sistem e-faktur adalah sistem penagihan berbasis cloud sehingga Anda tak perlu khawatir kehilangan data tagihan maupun klien 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\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/","og_locale":"id_ID","og_type":"article","og_title":"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B yang Perlu Diketahui!","og_description":"Sistem e-faktur adalah sistem penagihan berbasis cloud sehingga Anda tak perlu khawatir kehilangan data tagihan maupun klien Anda.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2022-10-01T06:30:11+00:00","article_modified_time":"2025-11-06T03:18:44+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/sistem-e-faktur.png","type":"image\/png"}],"author":"Novi Herawati","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Novi Herawati","Estimasi waktu membaca":"7 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/"},"author":{"name":"Novi Herawati","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653"},"headline":"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B yang Perlu Diketahui!","datePublished":"2022-10-01T06:30:11+00:00","dateModified":"2025-11-06T03:18:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/"},"wordCount":1083,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/sistem-e-faktur.png","articleSection":["Invoicing"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/","name":"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&B","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/sistem-e-faktur.png","datePublished":"2022-10-01T06:30:11+00:00","dateModified":"2025-11-06T03:18:44+00:00","description":"Sistem e-faktur adalah sistem penagihan berbasis cloud sehingga Anda tak perlu khawatir kehilangan data tagihan maupun klien Anda.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/sistem-e-faktur.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/10\/sistem-e-faktur.png","width":1200,"height":650,"caption":"sistem-e faktur"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/7-fitur-utama-sistem-e-faktur-untuk-bisnis-fb-yang-perlu-diketahui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"7 Fitur Utama Sistem E-Faktur untuk Bisnis F&amp;B yang Perlu Diketahui!"}]},{"@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\/685b29538f3b84216a3584178a792653","name":"Novi Herawati","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","caption":"Novi Herawati"},"description":"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.","sameAs":["https:\/\/www.hashmicro.com\/id\/"],"gender":"Perempuan","knowsAbout":["manajemen bisnis","B2B","inovasi bisnis"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/novi-herawati\/"}]}},"focus_keyword":"E-Faktur","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37237","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\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=37237"}],"version-history":[{"count":10,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37237\/revisions"}],"predecessor-version":[{"id":175718,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37237\/revisions\/175718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/140765"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=37237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=37237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=37237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}