{"id":15588,"date":"2025-01-31T09:37:26","date_gmt":"2025-01-31T09:37:26","guid":{"rendered":"https:\/\/www.hashmicro.com\/ph\/blog\/?p=15588"},"modified":"2025-11-12T08:26:57","modified_gmt":"2025-11-12T08:26:57","slug":"gross-pay","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/","title":{"rendered":"Understanding Gross Pay and Its Difference from Net Pay"},"content":{"rendered":"<p>Managing payroll is essential but often complex, as employees may have different gross pay, work hours, and benefits. Even with a small team, businesses must handle various pay structures.<\/p>\n<p>Kapag nagkamali sa payroll, hindi lang employees ang apektado; maging financial records at legal compliance ng business mo, delikado rin. <i>\u00a0<\/i><\/p>\n<p>Getting payroll right starts with calculating total earnings before deducting taxes and benefits. Ito ang number one na makikita mo sa payslip mo, at dito nagbabase kung magkano ang actual na take-home pay mo.<i>\u00a0<\/i><\/p>\n<p>This article covers everything you need to know about gross pay: how it works, how it differs from net pay, and how to calculate it for both hourly and salaried employees.<\/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\">Gross pay<\/a> is total earnings before deductions, while net pay is the final take-home amount.<\/li>\n<li style=\"font-weight: 400;\"><a href=\"#deduction\">Payroll deductions<\/a> in the Philippines include SSS, PhilHealth, Pag-IBIG, insurance, and loans.<\/li>\n<li style=\"font-weight: 400;\"><a href=\"#components\">Employers calculate gross pay<\/a> based on salary, overtime, bonuses, and special pay rates.<\/li>\n<li style=\"font-weight: 400;\"><a href=\"#hashmicro\">HashMicro\u2019s Payroll System<\/a> automates payroll, ensuring accurate pay and compliance with labour laws.<\/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 Gross Pay?<\/b><\/h2>\n<p><span id=\"definition\">Gross pay refers to an employee&#8217;s total earnings before deductions, such as taxes, health insurance, or retirement contributions. It can come from a single source or multiple income streams, depending on the employee&#8217;s role and agreement.<\/span><\/p>\n<p>For example, a freelance worker in the Philippines earning \u20b120,000 from one project and \u20b130,000 from another would have a gross salary of \u20b150,000.<\/p>\n<p>Similarly, a restaurant employee earning \u20b115,000 in regular wages, a \u20b15,000 holiday bonus, and \u20b13,000 in tips would have a total earnings of \u20b123,000 for that period.<\/p>\n<p>Your gross pay is typically the largest figure displayed on your payslip. It represents the total amount your employer compensates you based on your agreed salary or hourly rate. For example, if your employer agreed to pay you \u20b1250 per hour and you worked 30 hours in a pay period, your income would be \u20b17,500.<\/p>\n<h2><b>What is Net Pay?<\/b><\/h2>\n<p>Net pay is the amount you take home after taxes and deductions have been subtracted from your gross pay. It is the actual sum deposited into your bank account or reflected in your paycheck.<\/p>\n<p>Typically, net pay is displayed prominently on your payslip, often in a larger or bold font, making it easier to differentiate from gross payroll.<\/p>\n<h2><b>What\u2019s the Difference between Gross Pay and Net Pay?<\/b><\/h2>\n<p>Gross pay and net pay are key components of employee compensation. Gross pay reflects total earnings, while net pay deducts taxes, contributions, and withholdings, representing &#8220;<a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/take-home-pay\/\">take-home pay<\/a>\u201d.<\/p>\n<p>Employers focus on gross salary for salary negotiations, labour cost budgeting, and compliance with wage laws. Employees, on the other hand, use net pay to manage their personal finances. Both metrics are recorded on pay stubs and tracked using <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/payroll-system\/\">payroll management systems<\/a> or ERP systems.<\/p>\n<p>Discrepancies in gross or net pay calculations can signal payroll errors and must be resolved promptly to avoid tax issues or incorrect payments.<\/p>\n<h3><b>Differences Between Gross Pay and Net Pay<\/b><\/h3>\n<p>Below is a table that describes in detail the differences between gross pay and net pay.<\/p>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Category<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Gross Pay<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Net Pay<\/b><\/td>\n<\/tr>\n<tr>\n<td><b>Purpose<\/b><\/td>\n<td>Reflects an employee&#8217;s total compensation.<\/td>\n<td>Represents the take-home amount after all deductions.<\/td>\n<\/tr>\n<tr>\n<td><b>Includes<\/b><\/td>\n<td>Wages or salary plus additional earnings (e.g., bonuses).<\/td>\n<td>Gross income minus taxes, benefits, and other withholdings.<\/td>\n<\/tr>\n<tr>\n<td><b>How it&#8217;s used<\/b><\/td>\n<td>Used for salary negotiations, job comparisons, and budgeting.<\/td>\n<td>Used for personal financial planning and budgeting.<\/td>\n<\/tr>\n<tr>\n<td><b>Relationship to taxes<\/b><\/td>\n<td>Basis for calculating employee and employer tax obligations.<\/td>\n<td>Not applicable; taxes have already been deducted.<\/td>\n<\/tr>\n<tr>\n<td><b>Location on the pay stub<\/b><\/td>\n<td>Typically, it is at the top, shown before any deductions.<\/td>\n<td>Typically, at the bottom, after deductions and withholdings.<\/td>\n<\/tr>\n<tr>\n<td><b>Regulatory considerations<\/b><\/td>\n<td>Must comply with labour laws, like minimum wage and overtime rules.<\/td>\n<td>Must reflect all mandatory and elective deductions accurately.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><b>Main Components of Gross Pay<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-15590\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog.webp\" alt=\"gross pay in tagalog\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog.webp 1200w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog-300x169.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog-768x432.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog-747x420.webp 747w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog-150x84.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog-696x392.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay-in-tagalog-1068x601.webp 1068w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><span id=\"components\">Gross pay in the Philippines is more than just a number on a payslip; it represents the total earnings an employee is entitled to before any deductions. This includes various components of compensation that may vary depending on the employment arrangement.<\/span><\/p>\n<h3><b>1. Salary or Hourly Wage<\/b><\/h3>\n<p>In the Philippines, gross pay for hourly workers depends on the hours they work and their agreed-upon hourly rate. Salaried employees, on the other hand, earn a fixed monthly compensation regardless of hours worked.<\/p>\n<p>The <a href=\"https:\/\/elibrary.judiciary.gov.ph\/thebookshelf\/showdocs\/26\/25306\" target=\"_blank\" rel=\"noopener nofollow\"><b>Labor Code of the Philippines<\/b><\/a> requires that all employees are paid at least the regional minimum wage. For example, an hourly worker earning \u20b1150 per hour and working 40 hours in a week would have a total income of \u20b16,000.<\/p>\n<p>Salaried employees are usually compensated monthly, with businesses commonly using biweekly or monthly pay schedules, as stipulated by <b>Article 103<\/b> of the Labor Code.<\/p>\n<h3><b>2. Overtime<\/b><\/h3>\n<p>Overtime pay is an additional earning that employees receive when they work beyond the standard eight-hour workday. Under <b>Article 87<\/b> of the Labor Code, overtime must be paid at 125% of the regular hourly rate.<\/p>\n<p>For example, if an employee earns \u20b1200 per hour, their overtime rate would be \u20b1250 per hour.\u00a0 Employees working on rest days or holidays are entitled to higher rates, ensuring fair compensation for extended work hours.<\/p>\n<h3><b>3. Bonuses and Commissions<\/b><\/h3>\n<p>Bonuses and commissions are included in gross pay and serve as incentives for employees. In the Philippines, bonuses are often provided during the holiday season, for annual performance reviews, or for achieving specific milestones.<\/p>\n<p>Commissions, common in sales roles, are calculated as a percentage of sales or based on performance metrics. While bonuses are typically discretionary, they must still align with employment agreements, as required by the <b>Labor Code<\/b>.<\/p>\n<h3><b>4. Other Earnings<\/b><\/h3>\n<p>Gross pay may also include other earnings, such as allowances, tips, holiday pay, and service charges. In restaurants and similar establishments, service charges are distributed to employees as per <b>Republic Act No. 11360<\/b>, with 85% going to workers and 15% retained by management.<\/p>\n<p>Employers must include these earnings in gross pay calculations to ensure accurate <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/payroll-philippines\/\">payroll in the Philippines<\/a> and compliance with tax regulations. Using a clear and professional payslip is essential to ensure that all components of gross pay are accurately reflected.<\/p>\n<h2><b>Examples of Gross Pay<\/b><\/h2>\n<p>This example helps employees and employers understand fluctuations in gross income. Employees can see how their additional work hours or bonuses affect their earnings, while employers can account for changes in withholdings and deductions during higher-earning periods.<\/p>\n<p>For the last two weeks, the worker&#8217;s gross pay increased due to holiday pay and overtime, leading to higher taxes and deductions.<\/p>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Pay Period Start<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/4\/2023<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/11\/2023<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/18\/2023<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/25\/2023<\/b><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Pay Period End<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/10\/2023<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/17\/2023<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/24\/2023<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>12\/31\/2023<\/b><\/td>\n<\/tr>\n<tr>\n<td><b>Rate (\u20b1)<\/b><\/td>\n<td>200<\/td>\n<td>200<\/td>\n<td>200<\/td>\n<td>200<\/td>\n<\/tr>\n<tr>\n<td><b>Hours<\/b><\/td>\n<td>40<\/td>\n<td>40<\/td>\n<td>40<\/td>\n<td>40<\/td>\n<\/tr>\n<tr>\n<td><b>Overtime (\u20b1300\/hour)<\/b><\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td>5<\/td>\n<td>4<\/td>\n<\/tr>\n<tr>\n<td><b>Holiday Pay (\u20b1400\/hour)<\/b><\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td>0<\/td>\n<td>8<\/td>\n<\/tr>\n<tr>\n<td><b>Bonus (\u20b1)<\/b><\/td>\n<td>0.00<\/td>\n<td>0.00<\/td>\n<td>5,000.00<\/td>\n<td>0.00<\/td>\n<\/tr>\n<tr>\n<td><b>Gross Pay (\u20b1)<\/b><\/td>\n<td>8,000.00<\/td>\n<td>8,000.00<\/td>\n<td>15,500.00<\/td>\n<td>13,600.00<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Gross pay can vary even when the hourly rate remains consistent. In this example, overtime, holiday pay, and a performance bonus cause increases in gross pay during two of the month\u2019s pay periods.<\/p>\n<h2><b>Typical Deductions of Gross Pay<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-15592\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement.webp\" alt=\"income statement\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement.webp 1200w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement-300x169.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement-768x432.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement-747x420.webp 747w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement-150x84.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement-696x392.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/income-statement-1068x601.webp 1068w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><span id=\"deduction\">In the Philippines, your gross annual income represents the total earnings you receive over a year before any deductions. This encompasses your monthly gross pay multiplied by 12. Your gross income will always be higher than your net income, as it doesn&#8217;t account for any subtractions.<\/span><\/p>\n<p>Deductions from your salary can be either mandatory or voluntary.<\/p>\n<h4><b>Mandatory Deductions:<\/b><\/h4>\n<p>Here are the mandatory deductions every employer must pay up:<\/p>\n<ol>\n<li><b>Social Security System (SSS) Contributions:<\/b> Both employers and employees are required to contribute to the SSS, which provides benefits such as sickness, maternity, disability, retirement, and death benefits. As of 2024, the contribution rate is 14% of the monthly salary credit, with 9.5% shouldered by the employer and 4.5% by the employee.<\/li>\n<li><b>Philippine Health Insurance Corporation (PhilHealth) Premiums:<\/b> PhilHealth offers health insurance coverage to employees. The premium rate is set at 4.5% of the employee&#8217;s basic monthly salary, shared equally between the employer and the employee.<\/li>\n<li><b>Home Development Mutual Fund (Pag-IBIG) Contributions:<\/b> <a href=\"https:\/\/www.pagibigfund.gov.ph\/Membership_RegularSavings.html\">Pag-IBIG<\/a> provides housing loans and savings programs. For employees earning more than \u20b11,500 monthly, both the employer and employee contribute 2% of the basic salary, with monthly contributions capped at \u20b1100 each.<\/li>\n<\/ol>\n<h4><b>Voluntary Deductions:<\/b><\/h4>\n<p>Beyond mandatory contributions, employers may also deduct amounts for:<\/p>\n<ul>\n<li><b>Retirement Plans:<\/b> Some companies offer private retirement fund contributions, which are deducted from your salary based on agreed terms.<\/li>\n<li><b>Health Insurance Premiums:<\/b> Additional health benefits or insurance plans beyond PhilHealth may be offered, with premiums deducted from your pay.<\/li>\n<li><b>Union Dues:<\/b> If you&#8217;re a member of a labour union, dues may be deducted as authorized.<\/li>\n<li><b>Loan Repayments:<\/b> Repayments for company loans or advances can be deducted from your salary.<\/li>\n<\/ul>\n<p>It&#8217;s important to note that while these voluntary deductions are not mandated by the government, they may be stipulated in your employment contract or agreed upon between you and your employer.<\/p>\n<p>Employers are required to provide a detailed breakdown of these deductions in their payslips to maintain transparency.<\/p>\n<h2><b>Gross Pay Formula and How to Calculate<\/b><\/h2>\n<p>Calculating gross pay can range from straightforward to complex, depending on the nature of the job and the compensation structure. For companies with salaried employees and no overtime or bonuses, payroll calculations are often simple.<\/p>\n<p>The general formula for gross pay is:<\/p>\n<p><b><i>Gross pay = Regular earnings + Overtime pay + Bonuses + Commissions + Other earnings<\/i><\/b><\/p>\n<p>which will be divided into:<\/p>\n<h3><b>1. Gross Pay for Hourly Employees<\/b><\/h3>\n<p>To calculate gross pay for hourly workers, multiply the hours worked by their hourly rate. For overtime or special hours like hazard pay or holiday pay, use the same formula: hours worked multiplied by the corresponding rate<\/p>\n<p>Many businesses use digital timekeeping systems to record work hours automatically, reducing manual errors in payroll calculations.<\/p>\n<p>The formula for hourly employees\u2019 gross pay is:<br \/>\n<b><i>Gross pay = (Regular hours x Hourly rate) + (Overtime hours x Overtime rate) + (Special hours x Special rate)<\/i><\/b><\/p>\n<p>For example, an hourly worker during a busy season typically earns \u20b1300 per hour for a standard 40-hour workweek. In one pay period, they worked 50 hours, including five overtime hours (at time and a half, or \u20b1450 per hour) and five holiday hours (at double the rate, \u20b1600 per hour).<\/p>\n<p>Their gross pay would be calculated as:<\/p>\n<p><b>Gross pay<\/b> = (40 regular hours x \u20b1300) + (5 overtime hours x \u20b1450) + (5 holiday hours x \u20b1600) = \u20b121,000<\/p>\n<h3><b>2. Gross Wage for Salaried Employees<\/b><\/h3>\n<p>Salaried employees receive a fixed amount per pay period, calculated by dividing their annual salary by the number of pay periods in a year. For instance, a monthly salary is one-twelfth of the annual salary, while a biweekly salary divides the annual salary by 26 pay periods.<\/p>\n<p>Additional earnings, such as bonuses or commissions, must also be included when calculating gross pay. These can significantly impact the total gross pay for that period. Tracking these extra payments ensures employees are fully compensated according to their employment terms.<\/p>\n<p>The formula for salaried gross pay is:<\/p>\n<p><b><i>Gross pay = (Annual salary \/ Number of pay periods) + Additional earnings<\/i><\/b><\/p>\n<p>For example, a salaried employee earning \u20b1600,000 annually and paid monthly would receive \u20b150,000 per pay period (\u20b1600,000 \/ 12). If they receive a performance bonus of \u20b110,000 in a particular month, their gross pay for that period would increase to \u20b160,000.<\/p>\n<p>However, businesses with more intricate compensation models, such as commissions or performance-based bonuses, may require more effort or the use of <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/payroll-software-philippines\/\">payroll software<\/a> or an ERP system to simplify calculations.<\/p>\n<h2><b>Calculate Payroll Accurately with HashMicro Payroll System<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-15593\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software.webp\" alt=\"hashmicro payroll software\" width=\"1775\" height=\"1200\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software.webp 1775w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-300x203.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-1024x692.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-768x519.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-1536x1038.webp 1536w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-621x420.webp 621w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-150x101.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-696x471.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/hashmicro-payroll-software-1068x722.webp 1068w\" sizes=\"(max-width: 1775px) 100vw, 1775px\" \/><\/a><span id=\"hashmicro\">Managing payroll can be a challenge, especially when handling multiple employees with different salaries, tax contributions, and benefits. <a href=\"https:\/\/www.hashmicro.com\/ph\/payroll-system\"><b>HashMicro\u2019s Payroll System<\/b><\/a> simplifies payroll processing by automating calculations for gross and net pay effectively.<\/span><\/p>\n<p>HashMicro\u2019s cloud-based solution makes payroll processing faster and more precise. It automatically calculates SSS, PhilHealth, and Pag-IBIG deductions, generates payslips, and ensures employees receive the correct salaries on time.<\/p>\n<p>Furthermore, it also integrates smoothly with accounting and <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/top-hris-philippines\/\">HRIS software<\/a> for easier payroll management in just one tool. How does it do that? Simple; it is equipped with these features:<\/p>\n<ul>\n<li><b>Automated Payroll Processing<\/b> \u2013 Covers salary calculations, tax deductions, and seamless bank transfers with major banks.<\/li>\n<li><b>Regulatory Compliance<\/b> \u2013 Ensures adherence to the Philippines\u2019 Labor Laws for contracts, attendance, leave, overtime, and payroll.<\/li>\n<li><b>Employee Self-Service &amp; Mobile App<\/b> \u2013 Employees can manage attendance, leave, overtime, and payslips through a mobile app, reducing HR workload.<\/li>\n<li><b>Comprehensive Leave Management<\/b> \u2013 Includes leave encashment, unpaid leave, carryover options, and expiration dates for flexible policies.<\/li>\n<li><b>Overtime &amp; Late Deduction Automation<\/b> \u2013 Accurate calculations for overtime, meal allowances, and late deductions are processed directly in payroll.<\/li>\n<li><b>Employee Journey &amp; Career Transitions<\/b> \u2013 Covers everything from onboarding, probation, training, and promotions with KPI tracking and gap analysis.<\/li>\n<li><b>Expense &amp; Loan Management<\/b> \u2013 Automates cash advances, loan disbursement, and repayment through payroll for better financial tracking.<\/li>\n<\/ul>\n<h2><b>Conclusion<\/b><\/h2>\n<p>Gross pay is the total amount an employee earns before deductions, including salary, overtime, and bonuses. Kapag alam mo ang pre-tax salary mo, mas madali mong matatrack ang kita mo at maiwasan ang payroll issues.<\/p>\n<p>Managing payroll manually can be a hassle, especially with taxes, deductions, and benefits to sort out. That\u2019s why <a href=\"https:\/\/www.hashmicro.com\/ph\/payroll-system\"><b>HashMicro\u2019s Payroll System<\/b><\/a> makes payroll simple by automating calculations, tax withholdings, and payslips.<\/p>\n<p>Whether hourly or salaried, understanding gross pay keeps everything clear and compliant with labour laws. Wala nang manual adjustments, wala nang payroll headaches; lahat automatic at tama ang sweldo ng employees mo every cycle.<\/p>\n<p>With HashMicro\u2019s cloud-based payroll solution, payroll runs smoother, faster, and with less stress. Employees can check payslips, request leave, and track attendance all in one app.<\/p>\n<p>If you want to experience the convenience this system brings, try the <a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/\">free demo<\/a> now!<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/ph\/human-resource-management?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2022\/02\/HRM-Software.png\" data-desktop-src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2022\/02\/HRM-Software.png\" data-mobile-src=\"\" alt=\"HRM\" 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>FAQ on Gross Pay<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Does total earnings include bonuses and commissions?<\/strong><\/summary>\n<p>Yes, total earnings cover all income before deductions, including base pay, bonuses, commissions, and other allowances.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>How does pre-tax salary affect tax brackets in the Philippines?<\/strong><\/summary>\n<p>Pre-tax salary determines your taxable income, which places you into a specific BIR tax bracket for income tax computation.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>How can total pay impact SSS and Pag-IBIG contributions?<\/strong><\/summary>\n<p>SSS, Pag-IBIG, and PhilHealth contributions are calculated as a percentage of total pay, affecting monthly deductions and benefits.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Is full compensation used when applying for loans or mortgages?<\/strong><\/summary>\n<p>Banks and lenders assess full compensation to gauge an applicant\u2019s ability to repay, as it reflects total income before deductions.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Managing payroll is essential but often complex, as employees may have different gross pay, work hours, and benefits. Even with a small team, businesses must handle various pay structures. Kapag nagkamali sa payroll, hindi lang employees ang apektado; maging financial records at legal compliance ng business mo, delikado rin. \u00a0 Getting payroll right starts with [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":15591,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[21],"tags":[],"class_list":{"0":"post-15588","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm"},"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>Understanding Gross Pay and Its Difference from Net Pay<\/title>\n<meta name=\"description\" content=\"Gross pay is the total earnings before deductions, including salary, overtime, and bonuses before being deducted for various factors.\" \/>\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\/gross-pay\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Understanding Gross Pay and Its Difference from Net Pay\" \/>\n<meta property=\"og:description\" content=\"Gross pay is the total earnings before deductions, including salary, overtime, and bonuses before being deducted for various factors.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Philippine Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-31T09:37:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-12T08:26:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.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\/gross-pay\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/\",\"name\":\"Understanding Gross Pay and Its Difference from Net Pay\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.webp\",\"datePublished\":\"2025-01-31T09:37:26+00:00\",\"dateModified\":\"2025-11-12T08:26:57+00:00\",\"author\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/361edd80bf6a2b487c3c8bb5b4519fb2\"},\"description\":\"Gross pay is the total earnings before deductions, including salary, overtime, and bonuses before being deducted for various factors.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#breadcrumb\"},\"inLanguage\":\"en-PH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.webp\",\"width\":1200,\"height\":675,\"caption\":\"gross pay\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Understanding Gross Pay and Its Difference from Net Pay\"}]},{\"@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":"Understanding Gross Pay and Its Difference from Net Pay","description":"Gross pay is the total earnings before deductions, including salary, overtime, and bonuses before being deducted for various factors.","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\/gross-pay\/","og_locale":"en_US","og_type":"article","og_title":"Understanding Gross Pay and Its Difference from Net Pay","og_description":"Gross pay is the total earnings before deductions, including salary, overtime, and bonuses before being deducted for various factors.","og_url":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/","og_site_name":"HashMicro Philippine Blog","article_published_time":"2025-01-31T09:37:26+00:00","article_modified_time":"2025-11-12T08:26:57+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.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\/gross-pay\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/","name":"Understanding Gross Pay and Its Difference from Net Pay","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.webp","datePublished":"2025-01-31T09:37:26+00:00","dateModified":"2025-11-12T08:26:57+00:00","author":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/361edd80bf6a2b487c3c8bb5b4519fb2"},"description":"Gross pay is the total earnings before deductions, including salary, overtime, and bonuses before being deducted for various factors.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#breadcrumb"},"inLanguage":"en-PH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/"]}]},{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#primaryimage","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/01\/gross-pay.webp","width":1200,"height":675,"caption":"gross pay"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/gross-pay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/ph\/blog\/"},{"@type":"ListItem","position":2,"name":"Understanding Gross Pay and Its Difference from Net Pay"}]},{"@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\/15588","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=15588"}],"version-history":[{"count":9,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/15588\/revisions"}],"predecessor-version":[{"id":28370,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/15588\/revisions\/28370"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media\/15591"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media?parent=15588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/categories?post=15588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/tags?post=15588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}