{"id":17140,"date":"2025-02-14T06:55:27","date_gmt":"2025-02-14T06:55:27","guid":{"rendered":"https:\/\/www.hashmicro.com\/ph\/blog\/?p=17140"},"modified":"2026-03-13T08:00:02","modified_gmt":"2026-03-13T08:00:02","slug":"what-is-invoice","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/","title":{"rendered":"What is an Invoice? Definition, Types &#038; Free Template"},"content":{"rendered":"<p>In the business sector, the term &#8220;invoice&#8221; is widely recognized among entrepreneurs. An invoice, also known as a <i>resibo<\/i>, is a crucial document that records the sale of goods or services.<\/p>\n<p>To facilitate the process of making and sending the bills, many businesses now rely on invoice management systems to create and manage the documents more efficiently.<em> Why&#8217;s that?<\/em> you might ask. That&#8217;s because this software automates invoice generation, simplifies billing, and reduces manual errors.<\/p>\n<p>However, maybe there are still some businessmen out there who are still confused about how to make a proper invoice. Or how to track them and make sure that everything is accounted for, from the recently made ones to the already-paid ones.<\/p>\n<p>Therefore, join us as we will explore what an invoice is, how to create one, its importance for businesses, and how an <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/best-invoicing-software\/\">invoicing software<\/a> contributes to making the entire process of sending and paying invoices faster. You can also download a ready-to-use template later in this article. It will help you create invoices and receipts more easily.<\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; 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 style=\"font-weight: 400;\"><a href=\"#definition\">An invoice is a document<\/a> that shows what was bought, how much it costs, and when to pay.<\/li>\n<li style=\"font-weight: 400;\"><a href=\"#problems\">Manual invoicing<\/a> takes too much time, causes mistakes, and makes tracking payments harder.<\/li>\n<li style=\"font-weight: 400;\"><a href=\"#hashmicro\">Invoicing software helps<\/a> businesses create invoices faster, send reminders, and keep records accurate.<\/li>\n<li style=\"font-weight: 400;\"><a href=\"#hashmicro\">HashMicro\u2019s e-invoicing software<\/a> makes billing easy with automatic tracking and payment reminders.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/?medium=free-product-tour\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/mobile-bir-demo-gratis.webp\" alt=\"FreeDemo\" class=\"responsive-image-banner\" width=\"620\" height=\"255\"><\/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><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tTable of Contents\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\">Content Lists<\/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\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 20px 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  padding-top: 20px;\r\n  margin-top: 0px;\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: 84% !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<\/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\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\/\/ Function to handle click on all <a> elements with href starting with #\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\/\/ Add event listener for all <a> elements in toc-list and 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 class 'td-post-content'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within the article\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');\r\n\r\n\/\/ Sticky TOC and update heading\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 700;\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\tconst panel2 = document.querySelector(\"#toc .list\");\r\n\tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n  let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n  \/\/ Function to handle scroll and add\/remove .sticky class\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Highlight user progress as the heading comes\r\n    headers.forEach(header => {\r\n\t\tconst headerTop = header.offsetTop;\r\n\t\tconst headerHeight = header.clientHeight;\r\n\t\tif(window.innerWidth < 767){\r\n\t\t\ttocTitle.textContent = 'Table of Contents'; \/\/ 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\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  tocTitle.textContent = 'Table of Contents'; \/\/ 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        tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n      }\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset'; \/\/ Reset to original width\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Table of Contents'; \/\/ 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\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}\r\n\t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\t\t\t\t}\r\n\t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\t\t\t} else {\r\n\t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t  tocTitle.textContent = 'Table of Contents'; \/\/ 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\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\/\/             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        } else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\t\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n        let headerCounter = 0; \/\/ Counter to generate unique IDs\r\n\r\n\t\t\/\/ Function to generate ID in header0, header1, etc. format\r\n\t\tfunction formatId() {\r\n\t\t\treturn `header-${headerCounter++}`; \/\/ ID format: header0, header1, etc.\r\n\t\t}\r\n\r\n\/\/ \t\tfunction formatId(text) {\r\n\/\/             return text.trim().replace(\/[^\\w\\d]+\/g, '_');\r\n\/\/         }\r\n\t\r\n        \/\/ Function to create 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        \/\/ Object to store list of h2 and h3 with their titles\r\n        const headings = [];\r\n\r\n           \/\/ Get all h2 and h3 elements\r\n        \/\/ Get all h2 and h3 elements\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h2 element\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Hide Key Takeaways di ToC\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 = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h3 element\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       \/\/ Create HTML list from headings object\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}`; \/\/ Use the newly generated ID\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\/\/ Get ul element with id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Get content (child elements) from ul with id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Get ul element with id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Add content obtained from 'list_toc' to ul with id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Function to get navbar height\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\/\/ Function to add scroll position offset\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\/\/ Function to handle title link click\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\/\/ Add event listener for all title links\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});\r\n    <\/script> -->\r\n<\/p>\n<h2><b>What is an Invoice?<\/b><\/h2>\n<p><span id=\"definition\">An invoice is a dated commercial document that details and records a transaction between a buyer and a seller. If the purchase was made on credit, it usually includes the payment terms and available payment methods.<\/span><\/p>\n<p>The document must clearly indicate that it is an invoice. It generally features a unique invoice number for tracking purposes and includes the seller\u2019s or service provider\u2019s contact details in case of billing issues.<\/p>\n<p>Invoices often specify payment terms, including discounts, early payment options, or penalties for late payments. They also list item prices, quantities, shipping costs, taxes, and other charges, providing a breakdown of the total amount due.<\/p>\n<h2><b>Types of Invoice<\/b><\/h2>\n<p>Here are five types of invoices that any companies usually use in their regular transactions:<\/p>\n<h3><b>1. Pro forma invoice<\/b><\/h3>\n<p>A pro forma invoice is a preliminary bill of sale sent to buyers before delivering goods or services. It outlines the transaction details, including item descriptions, prices, and estimated costs. Pro forma invoices are commonly used in international trade to help with customs clearance and buyer approval.<\/p>\n<h3><b>2. Commercial invoice<\/b><\/h3>\n<p>A commercial invoice is an official document used in international trade to detail the sale of goods. It includes product descriptions, quantities, values, and shipping details for customs clearance and <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/invoice-payment\/\">invoice payment<\/a> processing. Commercial invoices are required for cross-border transactions to determine duties and taxes, as well as to ensure accurate and timely payment between buyers and sellers.<\/p>\n<h3><b>3. Credit note<\/b><\/h3>\n<p>A credit note is a document issued by a seller to reduce or cancel an <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/ai-invoice-processing\/\">invoice<\/a> amount due to returns, discounts, or errors. It provides a reference to the original invoice and adjusts the buyer\u2019s outstanding balance. Credit notes help businesses correct invoicing mistakes or provide refunds efficiently.<\/p>\n<h3><b>4. Timesheet invoice<\/b><\/h3>\n<p>A timesheet invoice is a billing document used by service providers who charge based on time worked. It typically includes hours logged, hourly rates, and task descriptions for clients. Timesheet invoices are common in freelance, consulting, and professional service industries.<\/p>\n<h3><b>5. Recurring invoice<\/b><\/h3>\n<p>A recurring invoice is an automated bill issued at regular intervals for ongoing services or subscriptions. It includes details such as service descriptions, payment terms, and billing frequency. Recurring invoices are used for memberships, software subscriptions, and utility payments.<\/p>\n<h2><b>Functions of Invoice<\/b><\/h2>\n<p>Invoice is important for everyday business processes, since its main function is to be the official document that records all sales transactions, whether goods or services. But actually, invoices have more benefits and are important for smooth business operations.<\/p>\n<p>Here\u2019s some of the main functions and benefits:<\/p>\n<h3><b>1. Proof of Transaction<\/b><\/h3>\n<p>Invoice confirms that a deal between seller and buyer really happens. It lists down all the details: what was sold, price, quantity, and total cost.<\/p>\n<p>With this document, both sides got clear <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/proof-of-payment\/\">payment proof<\/a> as proof of the transaction, so it will reduce the risks of dispute or argument since there&#8217;s clear proof that a transaction has happened.<\/p>\n<h3><b>2. Managing Cash Flow<\/b><\/h3>\n<p>Invoice also helps to manage business cash flow. Businesses can estimate when money is coming in, so they can plan their expenses and handle debts. As a result, the company\u2019s funds can be allocated to different priorities, from paying invoices to saving for emergency costs.<\/p>\n<h3><b>3. Accounting Records<\/b><\/h3>\n<p>For accounting, invoice acts as an official record of income and outstanding payments. It makes bookkeeping easier, as well as helps in financial reports, audits, and verification. If the invoice is all properly recorded, finances will be neat and comply with tax regulations, so won\u2019t be in trouble.<\/p>\n<h3><b>4. Quality Control &amp; Customer Satisfaction<\/b><\/h3>\n<p>Since the invoice has details of goods or services, businesses can use it to check if orders are delivered correctly and up to standard. If there is an issue, a company can use the invoice to process claims or refunds quickly, so customers are also happy and trust the business more.<\/p>\n<h3><b>5. Makes Payment Easier<\/b><\/h3>\n<p>A clear and detailed invoice makes it easy for buyers to pay up. It\u2019s got full information on how much to pay, accepted payment methods, so payments are confirmed on time. Using invoicing software is way faster, as it can offer e-payment options and even send auto reminders.<\/p>\n<p>If businesses use invoices properly, they can improve efficiency, stay compliant, and grow long-term without so much headache.<\/p>\n<h2><b>Elements of an Invoice<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-17143\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample.webp\" alt=\"invoice sample\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample.webp 1200w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample-300x169.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample-768x432.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample-747x420.webp 747w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample-150x84.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample-696x392.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice-sample-1068x601.webp 1068w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a>A legally valid invoice should include all necessary details to facilitate payment and provide a way for customers to ask questions. Here are the key components of an invoice:<\/p>\n<ol>\n<li><b>The word &#8220;INVOICE&#8221;: <\/b>The document must prominently display &#8220;Invoice&#8221; along with the company logo for easy identification.<\/li>\n<li><b>Invoice number: <\/b>Each invoice should have a unique identifier, such as an invoice number, purchase order number, or reference number, to distinguish it from others.<\/li>\n<li><b>Date of service rendered: <\/b>Including the date of service or sale helps with proper record-keeping and organization.<\/li>\n<li><b>Date of invoice issuance: <\/b>The document should specify the date it was sent to ensure timely payment.<\/li>\n<li><b>Seller\u2019s name and contact details: <\/b>The seller\u2019s business name and contact information should be clearly stated to assist customers with inquiries.<\/li>\n<li><b>Buyer\u2019s name and contact details: <\/b>The client\u2019s contact information must be included for legal and record-keeping purposes.<\/li>\n<li><b>Terms and conditions: <\/b>The document should outline payment terms, due dates, and penalties for late or partial payments.<\/li>\n<li><b>Description of products or services: <\/b>Each item or service provided should be listed with clear descriptions.<\/li>\n<li><b>Unit price: <\/b>The cost per unit of each product or service must be specified.<\/li>\n<li><b>Tax details: <\/b>The invoice should include applicable tax rates and taxable amounts.<\/li>\n<li><b>Total amount due: <\/b>The full amount owed, along with the currency, should be clearly displayed.<\/li>\n<li><b>Personalized note: <\/b>Adding a custom thank-you message can enhance customer relations.<\/li>\n<\/ol>\n<h2><b>How to Create an Invoice<\/b><\/h2>\n<p>Making a proper invoice is super important for smooth business transactions. Here&#8217;s what you need to do to make sure everything goes well:<\/p>\n<h3><b>1. Prepare Basic Info<\/b><\/h3>\n<p>First step, collect all the important details. This includes the full name and address of both seller and buyer, tax identification number (TIN), and contact info.<\/p>\n<p>Make sure all the details are correct and updated so there is no hassle later. If you&#8217;re using invoicing software, it&#8217;s easier; the contacts are already saved for future transactions, saving time and effort.<\/p>\n<h3><b>2. Create a Unique Invoice Number<\/b><\/h3>\n<p>Each invoice needs a unique number para madali i-track at i-manage. Usually, it\u2019s a mix of letters and numbers arranged systematically.<\/p>\n<p>Consistent numbering helps you quickly find invoices, monitor payments, and keep accounting records organized.<\/p>\n<h3><b>3. Add Transaction Details<\/b><\/h3>\n<p>The full details of the products or services you sold must be included here. Product\/service name, quantity, unit price, and subtotal per item are included.<\/p>\n<p>Make sure it is clear and complete to avoid confusion. If there is a tax such as VAT, include the percentage and amount separately for transparency.<\/p>\n<h3><b>4. Set Date &amp; Due Date<\/b><\/h3>\n<p>Include the issue date of the invoice, which is when it was created. Also, include the due date para alam ng buyer kung kailan kailangan magbayad.<\/p>\n<p>Due date helps manage cash flow and makes sure payments come in on time. When the due date is clear, there are fewer chances of late payments and finances are in order.<\/p>\n<h3><b>5. Provide Payment Methods<\/b><\/h3>\n<p>Tell the buyer what payment methods are available. Bank transfer, GCash, Maya, check, or credit card are possible. Also, include bank details or payment links if applicable.<\/p>\n<p>The more options, the more convenient for customers, and the faster the payment. Just make sure all payment details are correct so there is no hassle in the transaction.<\/p>\n<h3><b>6. Include Terms &amp; Conditions<\/b><\/h3>\n<p>If there are special terms like discounts for early payment or penalties for late payments, make sure they are listed on the invoice. Why\u2019s that? Clear terms help set expectations and avoid misunderstandings between seller and buyer.<\/p>\n<p><span style=\"font-weight: 400;\">Explore the sample invoice template below for an effective inventory management tool that fits seamlessly into your operations.<\/span><\/p>\n<p><span data-sheets-root=\"1\"><!-- shortcode 1 -->\r\n\r\n<div class=\"download-wrapper\">\r\n\t<p class=\"download-desc\">Download Invoice Template<\/p>\r\n\t<button \r\n\t\tclass=\"downloadBtn\" \r\n\t\t\tpopup-content=\"template\" \r\n\t\t\tdata-link=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/11\/Invoice-of-POS.xlsx\">\r\n\t\t<img decoding=\"async\" class=\"icon-unduh\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/icon-unduh.webp\">\r\n\t\tClick Here to Download the Template\t<\/button>\r\n<\/div>\r\n<\/span><\/p>\n<h2><b>Problems with Creating Invoice Manually<\/b><\/h2>\n<p><span id=\"problems\">Some businesses still use manual invoices, especially small ones. However, this method often causes many challenges. Here are some common issues businesses face when using manual invoicing:<\/span><\/p>\n<h3><b>1. Errors and Inaccurate Data<\/b><\/h3>\n<p>Manual data entry often leads to mistakes, such as incorrect details, wrong amounts, or missing important information. Even minor errors cause major discrepancies in calculations, which affect financial records.<\/p>\n<h3><b>2. Takes Too Much Time<\/b><\/h3>\n<p>Manual invoice creation requires more time since businesses must enter each detail separately. When transactions increase, this process becomes overwhelming and reduces operational efficiency.<\/p>\n<h3><b>3. Hard to Track and Store<\/b><\/h3>\n<p>Manually handling invoices makes tracking and storage more difficult. Physical copies often get lost or damaged, which creates problems when retrieving documents for audits or billing.<\/p>\n<h3><b>4. Causes Late Payments<\/b><\/h3>\n<p>Manual invoicing slows down invoice delivery, especially when using physical copies. This delay often leads to late payments since customers receive invoices too late.<\/p>\n<h3><b>5. Lacks Automated Payment Reminders<\/b><\/h3>\n<p>Without automation, businesses must manually follow up on unpaid invoices. This process consumes time and increases the chances of overdue payments.<\/p>\n<p>Manual invoicing seems simple at first, but as the business expands, this method might create inefficiencies and slow down the overall progresses.<\/p>\n<h2><b>Generate and Manage Invoices Easier with HashMicro<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-17146\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph.webp\" alt=\"hashmicro invoicing software\" width=\"1775\" height=\"1200\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph.webp 1775w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-300x203.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-1024x692.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-768x519.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-1536x1038.webp 1536w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-621x420.webp 621w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-150x101.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-696x471.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/Invoicing-ph-1068x722.webp 1068w\" sizes=\"(max-width: 1775px) 100vw, 1775px\" \/><\/a>Are you still managing invoices manually? Nakaka-stress, isn\u2019t it? With <b>HashMicro e-Invoicing Software<\/b>, you can simplify invoice creation, save time, and reduce errors while making sure that every transaction is accurate.<\/p>\n<p>Powered by <a href=\"https:\/\/www.hashmicro.com\/ph\/invoicing-software\">Hashy AI<\/a>, the system automates complex calculations and minimizes human errors, ensuring precision in every invoice. It also offers an easy-to-use invoicing feature that integrates seamlessly with other modules.<\/p>\n<p>With a user friendly interface, users can quickly generate invoices by entering details such as seller and buyer names, product or service descriptions, prices, and total costs.<\/p>\n<p>Beyond invoice creation, HashMicro helps track and manage invoices effortlessly. Set due dates, send automatic invoices via email, and ensure payments arrive on time, no problem.<\/p>\n<p>Why Choose HashMicro for Invoice Management? Let\u2019s take a look at the features:<\/p>\n<ul>\n<li><b>Invoice Management:<\/b> Create, edit, and track invoices in one place with automated payment reminders.<\/li>\n<li><b>Recurring Invoices:<\/b> Automate invoices for subscriptions and long-term contracts.<\/li>\n<li><b>Custom Invoice Printout:<\/b> Personalize invoices with your brand\u2019s logo, colors, and layout.<\/li>\n<li><b>Bank Integration &#8211; Auto Reconciliation:<\/b> Sync bank transactions with invoices for accurate records.<\/li>\n<li><b>Budget S Curve:<\/b> Monitor expenses and revenue over time with a visual S-curve.<\/li>\n<li><b>Multi-Level Analytics:<\/b> Gain deeper insights into business performance with detailed reports.<\/li>\n<\/ul>\n<p>With these features, you don\u2019t need to worry about your invoicing anymore, since this system will keep everything on track for you.<\/p>\n<h2><b>Conclusion<\/b><\/h2>\n<p>An invoice is an important document that records every transaction between buyers and sellers for goods or services. With different invoice types available, companies can easily organize transactions and maintain accurate records.<\/p>\n<p>Pero aminin na natin, manual invoicing takes too much time, increases errors, and causes late payments. <a href=\"https:\/\/www.hashmicro.com\/ph\/invoicing-software\"><b>HashMicro\u2019s e-invoicing software<\/b><\/a> can automate invoice creation, seamless tracking, and on-time payments without hassle.<\/p>\n<p>With an easy-to-use interface, automated billing, and accurate tracking, wala nang stress sa manual invoicing. Moreover, it has features like automated reminders and full system integration to make your life easier.<\/p>\n<p>So, if you are interested, try the <a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/\">free demo<\/a> now by contacting our expert team!<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/ph\/invoicing-software?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-invoicing.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-invoicing.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/mobile-bir-invoicing.webp\" alt=\"eInvoicing\" class=\"responsive-image-banner\" width=\"620\" height=\"255\"><\/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<h2><strong>Frequently Asked Questions on Invoices<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>How can I mark invoices as settled if clients pay with cash or checks?<\/strong><\/summary>\n<p>To record payments made via cash or checks, you can create offline payment records in your invoicing system. This ensures that all transactions are accurately documented, even when electronic payment methods aren&#8217;t used.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Is it possible to reset the invoice numbering sequence?<\/strong><\/summary>\n<p>Typically, invoice numbers are sequential and cannot be reset to avoid duplication. However, you can use prefixes or suffixes to indicate different periods or projects, helping to organize and identify invoices more effectively.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Can I customize the appearance of my invoices, such as adding a company logo or changing the title?<\/strong><\/summary>\n<p>Yes, many invoicing systems allow you to personalize your invoices by adding your company logo, changing titles, and adjusting other elements to align with your brand identity. This customization helps present a professional image to your clients.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>How do I handle a situation where a client has overpaid or paid an invoice twice?<\/strong><\/summary>\n<p>In cases of overpayment or duplicate payments, you should issue a refund for the excess amount. This can usually be done through your payment processing system or by creating a credit note that can be applied to future invoices.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How can I mark invoices as settled if clients pay with cash or checks?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"To record payments made via cash or checks, you can create offline payment records in your invoicing system. This ensures that all transactions are accurately documented, even when electronic payment methods aren't used.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is it possible to reset the invoice numbering sequence?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Typically, invoice numbers are sequential and cannot be reset to avoid duplication. However, you can use prefixes or suffixes to indicate different periods or projects, helping to organize and identify invoices more effectively.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How do I handle a situation where a client has overpaid or paid an invoice twice?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"In cases of overpayment or duplicate payments, you should issue a refund for the excess amount. This can usually be done through your payment processing system or by creating a credit note that can be applied to future invoices.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I customize the appearance of my invoices, such as adding a company logo or changing the title?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, many invoicing systems allow you to personalize your invoices by adding your company logo, changing titles, and adjusting other elements to align with your brand identity. This customization helps present a professional image to your clients.\"\n      }\n    }\n  ]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the business sector, the term &#8220;invoice&#8221; is widely recognized among entrepreneurs. An invoice, also known as a resibo, is a crucial document that records the sale of goods or services. To facilitate the process of making and sending the bills, many businesses now rely on invoice management systems to create and manage the documents [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":17144,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[166],"tags":[],"class_list":{"0":"post-17140","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-e-invoicing"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is an Invoice? Definition, Types &amp; Free Template Download<\/title>\n<meta name=\"description\" content=\"Learn what an invoice is, its types, key elements, and how to create one. Download a free invoice template to simplify your billing process.\" \/>\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\/ph\/blog\/what-is-invoice\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is an Invoice? Definition, Types &amp; Free Template\" \/>\n<meta property=\"og:description\" content=\"Learn what an invoice is, its types, key elements, and how to create one. Download a free invoice template to simplify your billing process.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Philippine Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-14T06:55:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-13T08:00:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.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=\"Nur Fi&#039;llia Nugrahani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nur Fi&#039;llia Nugrahani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/\",\"name\":\"What is an Invoice? Definition, Types & Free Template Download\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.webp\",\"datePublished\":\"2025-02-14T06:55:27+00:00\",\"dateModified\":\"2026-03-13T08:00:02+00:00\",\"author\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/361edd80bf6a2b487c3c8bb5b4519fb2\"},\"description\":\"Learn what an invoice is, its types, key elements, and how to create one. Download a free invoice template to simplify your billing process.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#breadcrumb\"},\"inLanguage\":\"en-PH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.webp\",\"width\":1200,\"height\":675,\"caption\":\"invoice\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is an Invoice? Definition, Types &#038; Free Template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\",\"name\":\"HashMicro Philippine Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-PH\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/361edd80bf6a2b487c3c8bb5b4519fb2\",\"name\":\"Nur Fi'llia Nugrahani\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp\",\"caption\":\"Nur Fi'llia Nugrahani\"},\"description\":\"A content writer at HashMicro. Loves to learn a lot, always keen to observe, ask, and discuss about anything that comes across her mind. Has been writing high-quality articles about technology and business practices.\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/author\/fillia-nugrahani\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is an Invoice? Definition, Types & Free Template Download","description":"Learn what an invoice is, its types, key elements, and how to create one. Download a free invoice template to simplify your billing process.","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\/ph\/blog\/what-is-invoice\/","og_locale":"en_US","og_type":"article","og_title":"What is an Invoice? Definition, Types & Free Template","og_description":"Learn what an invoice is, its types, key elements, and how to create one. Download a free invoice template to simplify your billing process.","og_url":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/","og_site_name":"HashMicro Philippine Blog","article_published_time":"2025-02-14T06:55:27+00:00","article_modified_time":"2026-03-13T08:00:02+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.webp","type":"image\/webp"}],"author":"Nur Fi'llia Nugrahani","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nur Fi'llia Nugrahani","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/","name":"What is an Invoice? Definition, Types & Free Template Download","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.webp","datePublished":"2025-02-14T06:55:27+00:00","dateModified":"2026-03-13T08:00:02+00:00","author":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/361edd80bf6a2b487c3c8bb5b4519fb2"},"description":"Learn what an invoice is, its types, key elements, and how to create one. Download a free invoice template to simplify your billing process.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#breadcrumb"},"inLanguage":"en-PH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/"]}]},{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#primaryimage","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/invoice.webp","width":1200,"height":675,"caption":"invoice"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/what-is-invoice\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/ph\/blog\/"},{"@type":"ListItem","position":2,"name":"What is an Invoice? Definition, Types &#038; Free Template"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website","url":"https:\/\/www.hashmicro.com\/ph\/blog\/","name":"HashMicro Philippine Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-PH"},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/361edd80bf6a2b487c3c8bb5b4519fb2","name":"Nur Fi'llia Nugrahani","image":{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp","caption":"Nur Fi'llia Nugrahani"},"description":"A content writer at HashMicro. Loves to learn a lot, always keen to observe, ask, and discuss about anything that comes across her mind. Has been writing high-quality articles about technology and business practices.","url":"https:\/\/www.hashmicro.com\/ph\/blog\/author\/fillia-nugrahani\/"}]}},"order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/17140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/comments?post=17140"}],"version-history":[{"count":9,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/17140\/revisions"}],"predecessor-version":[{"id":33023,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/17140\/revisions\/33023"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media\/17144"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media?parent=17140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/categories?post=17140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/tags?post=17140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}