{"id":6304,"date":"2024-12-10T09:23:14","date_gmt":"2024-12-10T09:23:14","guid":{"rendered":"https:\/\/www.hashmicro.com\/blog\/?p=6304"},"modified":"2025-06-03T06:53:17","modified_gmt":"2025-06-03T06:53:17","slug":"what-is-payslip","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/","title":{"rendered":"What is a Payslip? Benefits, Format, and Examples Explained"},"content":{"rendered":"\r\n<p>A <strong>payslip<\/strong> is a document provided by a company to its <a href=\"https:\/\/www.hashmicro.com\/blog\/how-employee-management-software-will-help-your-startup\/\">employees<\/a> as proof of salary payment. It details the components of the employee&#8217;s salary, ensuring transparency in the payment process.<\/p>\r\n<p>Understanding payslip structures is important for employees to recognize their rights and benefits. This helps employees identify deductions, allowances, and other salary details.<\/p>\r\n<p>With technology advancements, payslips have transitioned from traditional paper formats to smart software. Many companies now use online payroll systems, enabling HR teams to distribute payslips electronically, ensuring efficiency and convenience. When integrated with the <a href=\"https:\/\/www.hashmicro.com\/blog\/best-erp-software\/\"><strong data-start=\"273\" data-end=\"294\">best ERP software<\/strong><\/a>, payroll processes become even more streamlined\u2014offering automation, real-time data access, and improved compliance management.<\/p>\r\n<p>Managing payroll manually can be time-consuming and prone to errors. <a href=\"https:\/\/www.hashmicro.com\/human-resource-management\"><strong>HashMicro HRM Software<\/strong><\/a> simplifies payroll processing with automatic attendance tracking, real-time reporting, and integration with other systems, making HR tasks faster and stress-free.<\/p>\r\n\r\n\r\n\r\n<p><strong>Also Read: <a href=\"https:\/\/www.hashmicro.com\/blog\/how-to-choose-the-right-hrm-system\/\" target=\"_blank\" rel=\"noopener\">Choosing the Right HRM System for a Company<\/a><\/strong><\/p>\r\n<table style=\"border-collapse: collapse; background-color: #fffacd; border-radius: 25px 25px 25px 25px;\" width=\"100%\">\r\n<tbody>\r\n<tr>\r\n<td style=\"padding: 15px; border: none;\">\r\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\r\n<ul>\r\n<li>A payslip is a vital document that details income, deductions, and net pay, serving as proof of income for financial applications.<\/li>\r\n<li>It includes key components like basic salary, allowances, deductions, and net pay, ensuring employees understand their compensation.<\/li>\r\n<li>HR systems like <strong>HashMicro <a href=\"https:\/\/www.hashmicro.com\/human-resource-management\">Human Resource Management<\/a><\/strong> automates payslip generation, streamlining payroll processes and ensuring compliance.<\/li>\r\n<\/ul>\r\n<p><span data-sheets-root=\"1\"><style>\r\n.button-cta-custom {\r\n    background-color: #8a0e19;\r\n    color: #fff !important;\r\n    -webkit-transition: all .3s ease;\r\n    transition: all .3s ease;\r\n    padding: 8px 24px;\r\n    display: inline-block;\r\n    border-radius: 8px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n}\r\n.button-cta-custom:hover{\r\n\tbackground-color:#991b26\t\t\r\n}\r\n<\/style>\r\n<a class=\"button-cta-custom\" href=\"https:\/\/www.hashmicro.com\/free-product-tour\/?medium=cta-button\" target=\"_blank\">Click Here to Get the Free Demo!<\/a><\/span><\/p>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><a href=\"https:\/\/www.hashmicro.com\/free-product-tour\/?medium=free-product-tour\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" width=\"712\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2025\/11\/Free-Product-Tour-resized.webp\" alt=\"Free Demo\"><\/a><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:513,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0}\"><!-- <div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tTable of Content:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div> -->\r\n\r\n<!-- <div class=\"dropdown-fixed-top\" id=\"dropdown-fixed-top\">\r\n\t<div class=\"row\">\r\n\t\t<p id=\"pilihDaftarIsi\">Table of Content<\/p>\r\n\t\t<p><i class=\"td-icon-menu-down\"><\/i><\/p>\r\n\t<\/div>\r\n\t\r\n\t<div>\r\n\t\t<ul id=\"list_toc_top\" class='list_toc'><\/ul>\r\n\t<\/div>\r\n<\/div> -->\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Table of Content<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\t@media (max-width: 992px) {\r\n\t\t#toc_group_article {\r\n\t\t\tpadding-top: 24px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t#list_toc_float {\r\n\t\tmax-height: calc(100vh - 250px);\r\n\t\toverflow-y: auto;\r\n\t}\r\n\t\r\n\t#list_toc_top {\r\n\t\tdisplay: none;\r\n\t\tbackground: #fff;\r\n\t\tmargin-bottom: 4px;\r\n\t}\r\n\t\r\n\t#list_toc_top li {\r\n\t\tdisplay: block;\r\n\t\tmargin-left: 0;\r\n\t\tlist-style: none;\r\n\t}\r\n\t\r\n\t#list_toc_top a {\r\n\t\tpadding: 5px;\r\n\t\tdisplay: block;\r\n\t}\r\n\t\r\n\t#list_toc_top.show {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t#list_toc_top a {\r\n\t\tcolor: #434343;\r\n\t\tborder-bottom: 1px solid #bbb;\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top {\r\n\t\tposition: fixed;\r\n\t\ttop: 59px;\r\n\t\twidth: 100%;\r\n\t\tz-index: 99;\r\n\t\tborder-bottom: 2px solid #9c171e;\r\n\t\tpadding: 12px;\r\n\t\tbackground: #fff;\r\n\t\twidth: 100%;\r\n\t\tcursor: pointer;\r\n\t\tdisplay: none;\r\n\t\tleft: 0;\r\n\t\tbox-shadow: 0 -2px 7px 6px rgba(0, 0, 0, 0.17);\r\n\t}\r\n\t\r\n\t#dropdown-fixed-top.show {\r\n\t\tanimation: showAnim 0.5s ease;\r\n\t\tdisplay: block;\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t@keyframes showAnim {\r\n\t\tfrom {\r\n\t\t\tdisplay: none;\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\tto {\r\n\t\t\tdisplay: block;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top #list_toc_top {\r\n\t\tmax-height: calc(50vh - 110px);\r\n\t\toverflow-y: scroll;\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top .row {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between\r\n\t}\r\n\t\r\n\t.dropdown-fixed-top .row p {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t\r\n\t#pilihDaftarIsi {\r\n\t\tmax-width: 100%;\r\n\t\toverflow: hidden;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n\t\r\n\t@media (min-width: 1018px) {\r\n\t\t.dropdown-fixed-top {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_top li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor: #000;\r\n\t\tmargin-bottom: 6px;\r\n\t\tpadding-top: 2px;\r\n\t\tpadding-bottom: 2px;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 18px;\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\r\n<\/style>\r\n\r\n<!-- ToC styling  -->\r\n<style>\r\n\t\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 700;\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\tconst panel2 = document.querySelector(\"#toc .list\");\r\n\tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n  let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n  \/\/ Function to handle scroll and add\/remove .sticky class\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Highlight user progress as the heading comes\r\n    headers.forEach(header => {\r\n\t\tconst headerTop = header.offsetTop;\r\n\t\tconst headerHeight = header.clientHeight;\r\n\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\t\t\ttocTitle.textContent = currentHeaderText;\r\n\t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\t\t\tif(window.innerWidth < 767){\r\n\t\t\t\ttocTitle.textContent = 'Table of Content';\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader != '') {\r\n\t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\t\t\t  link.classList.add('active');\r\n\t\t  }\r\n\t  }\r\n    });\r\n\/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/         toc.style.display = 'block';\r\n\/\/ \t}else{\r\n\/\/         toc.style.display = 'none';\r\n\/\/ \t}\r\n    \/\/ Update TOC title if sticky\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n        toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n        toc.style.backgroundColor = \"#FFF\";\r\n\t\tpanel2.style.height = '0px';\r\n\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t  if(window.innerWidth < 767){\r\n\/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\t\t\t  tocTitle.textContent = 'Table of Content'; \/\/ Reset title\r\n       \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\t\t  }\r\n      }\r\n      if (currentHeader) {\r\n\/\/         console.log(\"activeLink:\", activeLink);\r\n        if (activeLink) {\r\n\/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n          tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n        }\r\n      }\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset'; \/\/ Reset to original width\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Table of Content'; \/\/ Reset title\r\n\t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\t\ticon.style.transform = \"rotate(180deg)\";\r\n    }\r\n  }\r\n\r\n    \/\/ Attach the scroll event listener to the window\r\n    window.addEventListener('scroll', handleScroll);\r\n\r\n    \/\/ Initial call to handleScroll to set the correct state on load\r\n    handleScroll();\r\n});\r\n\t\r\n\t\/\/ Open toggle TOC\r\n\t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\t\tvar toc = document.querySelector(\"#toc\");\r\n\t\tvar icon = document.querySelector(\".toc-icon\");\r\n\t\tconst tocTitle = document.querySelector('#toc-title');\r\n\t\tconst tocs = document.querySelector('#toc.sticky');\r\n \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\t\t  tocHeader.addEventListener(\"click\", function() {\r\n\t\t\tvar panel = this.nextElementSibling;\r\n\t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\t\t\t\tif(window.innerWidth > 768){\r\n\t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\t\t\t\t}\r\n\t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\t\t\t} else {\r\n\t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t  tocTitle.textContent = 'Table of Content'; \/\/ Reset title\r\n\t\t\t\ttoc.style.paddingBottom = '24px';\r\n\t\t\t \tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t  });\r\n\r\n\t\t  \/\/ Close TOC when a link inside it is clicked\r\n\t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\t\t  tocLinks.forEach(function(link) {\r\n\t\t\tlink.addEventListener(\"click\", function() {\r\n\t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t});\r\n\t\t  });\r\n\t\t});\r\n\r\n\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<!-- START script lama -->\r\n<!-- <script>\r\n\/\/ \tvar pilihDaftarIsi = document.getElementById('pilihDaftarIsi');\r\n\t\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/ \t\tvar dropdownFixedTop = document.querySelector('.dropdown-fixed-top');\r\n\r\n\/\/ \t\tdropdownFixedTop.addEventListener('click', function() {\r\n\/\/ \t\t\tvar dropdownContent = this.querySelector('.list_toc');\r\n\/\/ \t\t\tdropdownContent.classList.toggle('show');\r\n\/\/ \t\t});\r\n\r\n\/\/ \t\twindow.addEventListener('click', function(event) {\r\n\/\/ \t\t\tvar listTocTop = document.getElementById('list_toc_top');\r\n\r\n\/\/ \t\t\tif (!dropdownFixedTop.contains(event.target)) {\r\n\/\/ \t\t\t\tlistTocTop.classList.remove('show');\r\n\/\/ \t\t\t}\r\n\/\/ \t\t});\r\n\/\/ \t});\r\n\t\r\n\/\/ \tvar daftarIsiContainer = document.getElementById('toc_group_article');\r\n\/\/ \tvar dropdownFixedTop = document.getElementById('dropdown-fixed-top');\r\n\/\/     var triggered = false; \/\/ Flag to keep track of whether the function has been triggered\r\n\r\n\/\/     window.addEventListener('scroll', function() {\r\n\/\/         if (!triggered && isCompletelyScrolledPast(daftarIsiContainer)) {\r\n\/\/             showSectionDropdownFixedTop(false);\r\n\/\/             triggered = true;\r\n\/\/         } else if (triggered && !isCompletelyScrolledPast(daftarIsiContainer)) {\r\n\/\/             showSectionDropdownFixedTop(true);\r\n\/\/             triggered = false;\r\n\/\/         }\r\n\/\/     });\r\n\r\n\/\/     function isCompletelyScrolledPast(element) {\r\n\/\/         var elementTop = element.getBoundingClientRect().top;\r\n\/\/         var elementBottom = element.getBoundingClientRect().bottom;\r\n\/\/         return elementTop < 0 && elementBottom < 0;\r\n\/\/     }\r\n\r\n\/\/     function showSectionDropdownFixedTop(show) {\r\n\/\/ \t\tif (show) {\r\n\/\/ \t\t\tdropdownFixedTop.classList.remove(\"show\");\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tdropdownFixedTop.classList.add(\"show\");\r\n\/\/ \t\t}\r\n\/\/     }\r\n<\/script> -->\r\n<!-- <script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n\t\t  pilihDaftarIsi.innerHTML = a.textContent;\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float', 'list_toc_top']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script> -->\r\n<!-- END script lama -->\r\n\t\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\t\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!--  <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\nToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\"\r\n        Fungsi untuk mengubah teks menjadi format id\r\n        function formatId(text) {\r\n            return text.trim().replace(\/[^\\w\\d]+\/g, '_');\r\n        }\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        const elements = document.querySelectorAll('.td-post-content h2');\r\n\t\t\t\/\/, .td-post-content h3\r\n\r\n        elements.forEach(element => {\r\n            if (element.tagName === 'H2') {\r\n                const id = formatId(element.textContent);\r\n                element.id = id;\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n                headings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n            } else if (element.tagName === 'H3') {\r\n                const id = formatId(element.textContent);\r\n                element.id = id;\r\n                if (headings.length > 0) {\r\n                    headings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ Membuat list HTML dari objek headings\r\n        const ul = document.getElementById('list_toc');\r\n        let currentUl = ul;\r\n        headings.forEach(heading => {\r\n            const li = document.createElement('li');\r\n            const a = document.createElement('a');\r\n            a.textContent = heading.title;\r\n            a.href = `#${heading.id}`;\r\n            li.appendChild(a);\r\n\r\n            if (heading.level === 'h2') {\r\n                \/\/ Menyimpan ul saat ini untuk menambahkan nested ul\r\n                currentUl = li;\r\n                ul.appendChild(li);\r\n            } else if (heading.level === 'h3') {\r\n                if (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n                    \/\/ Jika belum ada nested ul, buat satu\r\n                    const nestedUl = document.createElement('ul');\r\n                    currentUl.appendChild(nestedUl);\r\n                    currentUl = nestedUl;\r\n                }\r\n                currentUl.appendChild(li);\r\n            }\r\n\r\n            createNestedList(li, heading.children);\r\n        });\r\n\t\tDapatkan elemen ul dengan id 'list_toc_float'\r\nconst ulFloat = document.getElementById('list_toc');\r\nconst ulJourney = document.getElementById('list_journey');\r\n\r\nDapatkan isi (child elements) dari ul dengan id 'list_toc_float'\r\n\tif (ulFloat !== null) {\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\t\tconst ulTocTop = document.getElementById('list_toc_top');\r\n\t\tif ((ulToc !== null || ulToc !== undefined) && window.innerWidth > 1018){\r\n\t\t\tulToc.append(...clonedChildren);\r\n\t\t} else {\r\n\t\t\tulTocTop.append(...clonedChildren);\r\n\t\t}\r\n\t} \r\n\r\n\tif (ulJourney !== null) {\r\n\t\tconst clonedChildrenJourney = ulJourney.cloneNode(true).children;\r\n\t\tconst ulTocJourney = document.getElementById('list_toc_journey');\r\n\t\tulTocJourney.append(...clonedChildrenJourney);\r\n\t} \r\n\t\r\n        Fungsi untuk mengambil tinggi navbar\r\n        function getNavbarHeight() {\r\n            const navbar = document.getElementById('tdi_34');\r\n            return navbar ? navbar.offsetHeight : 0;\r\n        }\r\n\r\n        \/\/ Fungsi untuk menambahkan offset posisi scroll\r\n        function scrollToElementWithOffset(elementId) {\r\n            const element = document.getElementById(elementId);\r\n            if (element) {\r\n                const offset = getNavbarHeight();\r\n                const elementPosition = element.getBoundingClientRect().top;\r\n                const offsetPosition = elementPosition - offset-40;\r\n\r\n                window.scrollBy({\r\n                    top: offsetPosition,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ Fungsi untuk menangani klik pada tautan judul\r\n        function handleTitleClick(event) {\r\n            event.preventDefault();\r\n            const href = event.target.getAttribute('href').substr(1);\r\n            scrollToElementWithOffset(href);\r\n        }\r\n\r\n        \/\/ Tambahkan event listener untuk semua tautan judul\r\n        const titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n        titleLinks.forEach(link => {\r\n            link.addEventListener('click', handleTitleClick);\r\n        });\r\n\t});\r\n    <\/script> -->\r\n<\/span> \r\n\r\n<\/p>\r\n<p><\/p>\r\n<h2 class=\"wp-block-heading\" id=\"understanding\"><strong>What is a Payslip? Understanding Employee Payslip<\/strong><\/h2>\r\n<p>Generally, a payslip is an official document that contains information on the amount of income or salary that employees receive and tax deductions on that income.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>A payslip is an official document that provides proof of payroll, detailing tax deductions and income tax deposits for employees. If employees want to apply for a mortgage, apply for unsecured credit, for car or motor loans, and so on, this slip can be a guarantee.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>For companies, the salary pay slip serves as documentation for recording the salary expenditures paid by the company to employees.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>As technology evolves, corporate HRDs usually send payslips online in digital form. If your company doesn\u2019t have the tools to provide payslips online, read the article until it runs out, so you get a digital solution for sending practical payslips. Therefore, you can use the HRM system to automate your administrative tasks and generate salary pay slip.\u00a0<\/p>\r\n<style>\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Roboto', sans-serif;\r\n    }\r\n\t\r\n\t.hashy-content a {\r\n\t\t\tcolor: #000 !important;\r\n\t\t\ttext-decoration: underline !important;\r\n\t}\r\n\t.hashy-content a:hover {\r\n\t\t\ttext-decoration: underline !important;\r\n\t}\r\n\t\r\n\t.hashy-content .hashy-cta {\r\n\t\ttext-decoration: none !important;\r\n\t}\r\n\t\r\n\t.hashy-content .hashy-cta:hover {\r\n\t\t\ttext-decoration: none !important;\r\n\t}\r\n\r\n    .hashylogo {\r\n        width: 280px !important;\r\n        height: 70px !important;\r\n    }\r\n\r\n    .hashyrobot {\r\n        position: absolute;\r\n        top: -20%;\r\n        left: 80%;\r\n\t\tz-index: 10;\r\n    }\r\n\r\n    .hashy {\r\n\t\tmargin: 50px 0px 30px 0px;\r\n        display: flex;\r\n        gap: 16px;\r\n        flex-direction: column;\r\n\t\tposition: relative;\r\n    }\r\n\r\n    .hashy-fact {\r\n        width: 200px;\r\n        height: 55px;\r\n        justify-content: center;\r\n        color: #FFF;\r\n        text-align: center;\r\n        font-family: Roboto;\r\n        font-size: 20px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n        display: flex;\r\n        padding: 12px 30px;\r\n        align-items: center;\r\n        gap: 8px;\r\n        border-radius: 48px;\r\n        background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n        box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n    }\r\n\r\n    .hashy-fact-star {\r\n        position: absolute;\r\n        top: -2%;\r\n        left: 200px;\r\n        width: 50px;\r\n        height: 38px;\r\n    }\r\n\r\n    .hashy-content {\r\n        width: 100%;\r\n        height: auto;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        padding: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        color: #fff;\r\n        background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n        box-shadow: 0px 0px 12px 0px #7D02FF4D;\r\n        border: 1px solid #7D02FF;\r\n        position: relative;\r\n    }\r\n\r\n    .hashy-content h3 {\r\n        color: #FFF;\r\n        font-size: 22px;\r\n        font-style: normal;\r\n        font-weight: 800;\r\n        line-height: normal;\r\n        margin: 0px !important;\r\n    }\r\n    \r\n    .hashy-content p {\r\n        margin-bottom: 0px !important;\r\n    }\r\n    \r\n    .hashy p {\r\n        margin-bottom: 0px !important;\r\n    }\r\n\r\n     .hashy-cta {\r\n        cursor: pointer;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: fit-content;\r\n        height: 45px;\r\n        border: 1px solid #7D02FF;\r\n        background: #F8EEFF;\r\n        box-shadow: 0px 4px 4px 0px #00000040, \r\n                   0px 0px 15.5px 0px #FFFFFF66;\r\n        padding: 12px 24px;\r\n        gap: 8px;\r\n        border-radius: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .hashy-cta p {\r\n        color: #8627DE;\r\n        text-align: center;\r\n        font-weight: 800;\r\n        font-size: 13px;\r\n        line-height: 100%;\r\n    }\r\n\r\n    .hashy-cta img {\r\n        width: 25px;\r\n        height: 20px;\r\n        margin-bottom: 0px !important;\r\n    }\r\n\r\n    .hashy-cta::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 60%;\r\n        height: 100%;\r\n        background: linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(98, 0, 234, 0.4),\r\n            rgba(98, 0, 234, 0.6),\r\n            transparent\r\n        );\r\n        transform: skewX(-15deg);\r\n        animation: visible-shimmer 2.5s infinite;\r\n    }\r\n\r\n    @keyframes visible-shimmer {\r\n        100% {\r\n            left: 150%;\r\n        }\r\n    }\r\n\r\n    .hashy-cta:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(125, 2, 255, 0.4);\r\n    }\r\n\r\n    .hashy-cta:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media screen and (max-width: 550px) {\r\n\t\t.hashy {\r\n\t\t\tmargin: 0px;\r\n\t\t}\r\n\t\t\r\n        .hashy-fact {\r\n            display: flex;\r\n            padding: 8px 20px;\r\n            align-items: center;\r\n            gap: 8px;\r\n            border-radius: 48px;\r\n            background: linear-gradient(242deg, #B14CF1 2.92%, #7B00FF 104.91%), #F3E3FF;\r\n            box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n        }\r\n\r\n        .hashy-fact-star {\r\n            width: 36px;\r\n            height: 29px;\r\n\t\t\tleft:52%;\r\n        }\r\n\t\t\r\n\t\t.hashy-fact {\r\n    \t\twidth: fit-content;\r\n\t\t\theight: auto;align-content\r\n\t\t}\r\n\r\n        .hashy-fact p {\r\n            color: #FFF;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashy-content {\r\n            display: flex;\r\n            width: 100%;\r\n            padding: 16px;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            border-radius: 8px;\r\n            border: 1px solid #7D02FF;\r\n            background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n            box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n            gap: 12px;\r\n        }\r\n\r\n        .hashy-content h3 {\r\n            color: #FFF;\r\n            font-family: Roboto;\r\n            font-size: 16px;\r\n\t\t\tpadding: 0px !important;\r\n            font-style: normal;\r\n            font-weight: 800;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashy-content p {\r\n            color: #FFF;\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            line-height: 18px;\r\n        }\r\n\t\t\r\n        .hashy-cta {\r\n            display: flex;\r\n            padding: 12px 16px;\r\n            align-items: center;\r\n            gap: 8px;\r\n            width: fit-content;\r\n            border-radius: 8px;\r\n            border: 1px solid #7D02FF;\r\n            background: #F8EEFF;\r\n            box-shadow: 0px 0px 15.5px 0px rgba(255, 255, 255, 0.40), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        .hashy-cta p {\r\n            color: #8627DE;\r\n            text-align: center;\r\n            font-size: 14px;\r\n            font-weight: 800;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashyrobot {\r\n            top: -10%;\r\n            left: 75%;\r\n            width: 64px;\r\n            height: 110px;        \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div>\r\n    <div class=\"hashy\">\r\n        <div class=\"hashy-fact\">\r\n            <p>Hashy AI Fact<\/p>\r\n\t\t\t<div  class=\"hashy-fact-star\">\r\n\t\t\t\t\t  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"28\" viewBox=\"0 0 36 28\" fill=\"none\">\r\n\t\t\t\t\t  <path d=\"M17.7875 22.5125C20.7747 23.1401 21.7146 24.0249 22.3263 26.9054C22.3463 26.9933 22.3964 27.0718 22.4684 27.1281C22.5404 27.1844 22.6299 27.215 22.7222 27.215C22.8145 27.215 22.904 27.1844 22.976 27.1281C23.048 27.0718 23.0981 26.9933 23.1181 26.9054C23.7619 23.9936 24.6697 23.0773 27.6248 22.5125C27.7148 22.493 27.7954 22.4441 27.8532 22.374C27.9109 22.3038 27.9424 22.2165 27.9424 22.1266C27.9424 22.0366 27.9109 21.9493 27.8532 21.8792C27.7954 21.809 27.7148 21.7601 27.6248 21.7406C24.6439 21.1131 23.704 20.2282 23.1181 17.3477C23.0981 17.2599 23.048 17.1813 22.976 17.1251C22.904 17.0688 22.8145 17.0381 22.7222 17.0381C22.6299 17.0381 22.5404 17.0688 22.4684 17.1251C22.3964 17.1813 22.3463 17.2599 22.3263 17.3477C21.6825 20.2533 20.7747 21.1695 17.8196 21.7406C17.7285 21.7563 17.6456 21.8018 17.5847 21.8697C17.5237 21.9376 17.4885 22.0238 17.4847 22.1139C17.481 22.2041 17.5089 22.2927 17.564 22.3652C17.6191 22.4378 17.6979 22.4897 17.7875 22.5125Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t  <path d=\"M0.643802 13.5823C7.6355 14.8374 9.54115 16.7201 10.8288 23.5103C10.8288 23.6767 10.8966 23.8363 11.0173 23.954C11.1381 24.0717 11.3018 24.1378 11.4726 24.1378C11.6433 24.1378 11.8071 24.0717 11.9278 23.954C12.0485 23.8363 12.1164 23.6767 12.1164 23.5103C13.404 16.695 15.3354 14.8374 22.2949 13.5823C22.4656 13.5823 22.6294 13.5161 22.7501 13.3984C22.8709 13.2808 22.9387 13.1211 22.9387 12.9547C22.9387 12.7883 22.8709 12.6286 22.7501 12.5109C22.6294 12.3933 22.4656 12.3271 22.2949 12.3271C15.3032 11.072 13.404 9.22071 12.1164 2.40539C12.1164 2.23895 12.0485 2.07933 11.9278 1.96164C11.8071 1.84395 11.6433 1.77783 11.4726 1.77783C11.3018 1.77783 11.1381 1.84395 11.0173 1.96164C10.8966 2.07933 10.8288 2.23895 10.8288 2.40539C9.54115 9.22071 7.60975 11.072 0.643802 12.3271C0.473055 12.3271 0.309302 12.3933 0.188565 12.5109C0.067829 12.6286 0 12.7883 0 12.9547C0 13.1211 0.067829 13.2808 0.188565 13.3984C0.309302 13.5161 0.473055 13.5823 0.643802 13.5823Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t  <path d=\"M22.8576 7.12452C27.2547 7.84621 28.2848 8.85659 29.0316 13.1428C29.0418 13.2081 29.0757 13.2677 29.1271 13.3107C29.1784 13.3538 29.2439 13.3774 29.3117 13.3774C29.3794 13.3774 29.445 13.3538 29.4963 13.3107C29.5477 13.2677 29.5816 13.2081 29.5917 13.1428C30.3643 8.85659 31.3751 7.85249 35.7723 7.12452C35.8371 7.11097 35.8952 7.07617 35.9368 7.02592C35.9785 6.97567 36.0012 6.91301 36.0012 6.84839C36.0012 6.78378 35.9785 6.72112 35.9368 6.67086C35.8952 6.62061 35.8371 6.58581 35.7723 6.57226C31.3751 5.84429 30.3643 4.8402 29.5917 0.553954C29.5816 0.488664 29.5477 0.429094 29.4963 0.38605C29.445 0.343005 29.3794 0.319336 29.3117 0.319336C29.2439 0.319336 29.1784 0.343005 29.1271 0.38605C29.0757 0.429094 29.0418 0.488664 29.0316 0.553954C28.2848 4.8402 27.2547 5.84429 22.8576 6.59737C22.8029 6.61786 22.7559 6.65402 22.7228 6.70107C22.6896 6.74812 22.6719 6.80386 22.6719 6.86094C22.6719 6.91802 22.6896 6.97376 22.7228 7.02082C22.7559 7.06787 22.8029 7.10403 22.8576 7.12452Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t<\/svg>\r\n\t\t\t\t<\/div> \r\n        <\/div>\r\n\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2025\/11\/Hashy-Desktop-resized.webp\" width=\"96\" height=\"166\" alt=\"\" class=\"hashyrobot\">\r\n\r\n        <div class=\"hashy-content\">\r\n            <h3>Need to Know<\/h3>\r\n\t\t\t<p>Payslip errors create unnecessary friction. <a href='https:\/\/www.hashmicro.com\/ai-agent-for-hr\/'>Hashy AI HR<\/a> automates payroll calculations and delivers accurate payslips on time\u2014so employees stay informed, and HR can focus on bigger tasks.<\/p>\r\n\r\n<a href=\"https:\/\/www.hashmicro.com\/free-product-tour\/?medium=cta-button-fun-fact\" class=\"hashy-cta\" style=\"display: flex;\">\r\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"15\" viewBox=\"0 0 36 28\" fill=\"none\">\r\n  <path d=\"M17.7875 22.5125C20.7747 23.1401 21.7146 24.0249 22.3263 26.9054C22.3463 26.9933 22.3964 27.0718 22.4684 27.1281C22.5404 27.1844 22.6299 27.215 22.7222 27.215C22.8145 27.215 22.904 27.1844 22.976 27.1281C23.048 27.0718 23.0981 26.9933 23.1181 26.9054C23.7619 23.9936 24.6697 23.0773 27.6248 22.5125C27.7148 22.493 27.7954 22.4441 27.8532 22.374C27.9109 22.3038 27.9424 22.2165 27.9424 22.1266C27.9424 22.0366 27.9109 21.9493 27.8532 21.8792C27.7954 21.809 27.7148 21.7601 27.6248 21.7406C24.6439 21.1131 23.704 20.2282 23.1181 17.3477C23.0981 17.2599 23.048 17.1813 22.976 17.1251C22.904 17.0688 22.8145 17.0381 22.7222 17.0381C22.6299 17.0381 22.5404 17.0688 22.4684 17.1251C22.3964 17.1813 22.3463 17.2599 22.3263 17.3477C21.6825 20.2533 20.7747 21.1695 17.8196 21.7406C17.7285 21.7563 17.6456 21.8018 17.5847 21.8697C17.5237 21.9376 17.4885 22.0238 17.4847 22.1139C17.481 22.2041 17.5089 22.2927 17.564 22.3652C17.6191 22.4378 17.6979 22.4897 17.7875 22.5125Z\" fill=\"#AF48F2\"\/>\r\n  <path d=\"M0.643802 13.5823C7.6355 14.8374 9.54115 16.7201 10.8288 23.5103C10.8288 23.6767 10.8966 23.8363 11.0173 23.954C11.1381 24.0717 11.3018 24.1378 11.4726 24.1378C11.6433 24.1378 11.8071 24.0717 11.9278 23.954C12.0485 23.8363 12.1164 23.6767 12.1164 23.5103C13.404 16.695 15.3354 14.8374 22.2949 13.5823C22.4656 13.5823 22.6294 13.5161 22.7501 13.3984C22.8709 13.2808 22.9387 13.1211 22.9387 12.9547C22.9387 12.7883 22.8709 12.6286 22.7501 12.5109C22.6294 12.3933 22.4656 12.3271 22.2949 12.3271C15.3032 11.072 13.404 9.22071 12.1164 2.40539C12.1164 2.23895 12.0485 2.07933 11.9278 1.96164C11.8071 1.84395 11.6433 1.77783 11.4726 1.77783C11.3018 1.77783 11.1381 1.84395 11.0173 1.96164C10.8966 2.07933 10.8288 2.23895 10.8288 2.40539C9.54115 9.22071 7.60975 11.072 0.643802 12.3271C0.473055 12.3271 0.309302 12.3933 0.188565 12.5109C0.067829 12.6286 0 12.7883 0 12.9547C0 13.1211 0.067829 13.2808 0.188565 13.3984C0.309302 13.5161 0.473055 13.5823 0.643802 13.5823Z\" fill=\"#AF48F2\"\/>\r\n  <path d=\"M22.8576 7.12452C27.2547 7.84621 28.2848 8.85659 29.0316 13.1428C29.0418 13.2081 29.0757 13.2677 29.1271 13.3107C29.1784 13.3538 29.2439 13.3774 29.3117 13.3774C29.3794 13.3774 29.445 13.3538 29.4963 13.3107C29.5477 13.2677 29.5816 13.2081 29.5917 13.1428C30.3643 8.85659 31.3751 7.85249 35.7723 7.12452C35.8371 7.11097 35.8952 7.07617 35.9368 7.02592C35.9785 6.97567 36.0012 6.91301 36.0012 6.84839C36.0012 6.78378 35.9785 6.72112 35.9368 6.67086C35.8952 6.62061 35.8371 6.58581 35.7723 6.57226C31.3751 5.84429 30.3643 4.8402 29.5917 0.553954C29.5816 0.488664 29.5477 0.429094 29.4963 0.38605C29.445 0.343005 29.3794 0.319336 29.3117 0.319336C29.2439 0.319336 29.1784 0.343005 29.1271 0.38605C29.0757 0.429094 29.0418 0.488664 29.0316 0.553954C28.2848 4.8402 27.2547 5.84429 22.8576 6.59737C22.8029 6.61786 22.7559 6.65402 22.7228 6.70107C22.6896 6.74812 22.6719 6.80386 22.6719 6.86094C22.6719 6.91802 22.6896 6.97376 22.7228 7.02082C22.7559 7.06787 22.8029 7.10403 22.8576 7.12452Z\" fill=\"#AF48F2\"\/>\r\n<\/svg>\r\n                <p>Request a free demo today!<\/p>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<p>\r\n\r\n<\/p>\r\n<h2 class=\"wp-block-heading\" id=\"benefits\"><strong>Benefits of Payslips<\/strong><\/h2>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-65189 size-full\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2.webp\" alt=\"payslip meaning\" width=\"1200\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2.webp 1200w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2-300x163.webp 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2-1024x555.webp 1024w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2-768x416.webp 768w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2-775x420.webp 775w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2-150x81.webp 150w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2-696x377.webp 696w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip_2-1068x580.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"know\">Know the salary details<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>On a fundamental basis, knowing the salary details is a benefit of a payslip. Employees can know and understand the salary details, such as the amount of overtime money that employees get.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Employees can see how much salary they receive, along with deductions such as BPJS employment contributions, health BPJS, and income taxes.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>The information listed must be complete so that no industrial problems occur between the company and its employees.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Incomplete information, indicates an absence of transparency. There could be misunderstandings on both sides.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p><strong>Also Read:<\/strong> <a href=\"https:\/\/www.hashmicro.com\/blog\/payroll-management-optimization\/\">5 Ways to Optimize Your Payroll Management<\/a><\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"credit\">To apply for a credit card<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>In making a credit card, there is a mechanism that the customer must fulfill. The basis of determining the credit limit to customers needs to attach several things, one of which is proof of payslip.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>In addition to helping determine the customer\u2019s credit card limit, this slip is also beneficial for the bank as evidence and guarantees, at the same time as a tool to audit and check the health of customer money, which will affect the approval of the application for a credit card.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"mortgage\">Apply for a home mortgage<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>Customers who want to own a house but do not have enough finances to fulfill the desire to buy a home are typical.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Usually, in addition to choosing a cash payment method, those who have not had time to raise much money in a short time will use mortgages or homeownership loans.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>It would be best to meet several conditions for the request to be approved, one of which is to attach proof of the employee\u2019s salary. Mortgage programs are available in many banks with various programs that banks offer.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Therefore, the bank will use this salary pay slip as collateral and determine the number of interest rates charged to customers. On average, the bank will approve applications from customers who have a permanent job with a minimum of 2 years.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"references\">References when applying for a job<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>When you want to apply for a new job, sometimes you attach a payslip from a previous job, even if the company didn\u2019t ask. But this is done to earn a bigger salary than before.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>In this way, the company is more trustworthy because the evidence you attach is authentic evidence from the previous company according to the recorded information.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Including evidence of the salary that employees receive will facilitate negotiating salaries at the new company. Even if you want the pay you want, you need to consider what a new company can offer.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"applying\">Applying for a KTA<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>Unsecured Credit (KTA) is a loan product that banks issue to their customers without the need for a guarantee or collateral request. Furthermore, this product will be beneficial to meet sudden needs; the disbursement period usually only requires three working days or less.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Each bank, on average, has KTA products with a variety of programs. The terms of submission are pretty straightforward. In addition to mandatory letters such as forms, identity cards, and family cards, also require a payment slip to guarantee customers, determine limits, and interest, and help verify the applicant\u2019s financial history by using online<a href=\"https:\/\/www.hashmicro.com\/blog\/accounting-software\/\"> accounting software<\/a>.<\/p>\r\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/grants?utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n<!-- \tnew CTC Grants Banner\t\t -->\r\n\t\t\t\t<img decoding=\"async\" width='696' height='189' src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2025\/07\/CTC-Grants-scaled.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width='450' height='497' src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2023\/11\/EDG-Banner-Mobile.png.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\r\n\r\n\r\n\r\n<h2><strong>Why Is a Salary Pay Slip Important?<\/strong><\/h2>\r\n<p>A salary pay slip is an essential document that provides employees with a detailed record of their earnings and deductions. It serves as proof of income, which is crucial when applying for loans, credit cards, or rental agreements.<\/p>\r\n<p>The information on the pay slip ensures transparency in payroll processes, helping employees understand their compensation and any deductions, such as taxes or insurance contributions.<\/p>\r\n<p>In addition to its financial importance, a pay slip is critical for compliance with labour laws and tax regulations. Employers are legally required in many regions to issue pay slips, demonstrating that wages are calculated and distributed correctly.<\/p>\r\n<p>For employees, the document simplifies tax filing and accurately reports the necessary deductions.<\/p>\r\n<p>Pay slips also play a vital role in resolving disputes or discrepancies in salary payments. They act as a reliable reference point for employers and employees, reducing misunderstandings.<\/p>\r\n<h2><strong>When Do We Use Payslips?<\/strong><\/h2>\r\n<p>Payslips are essential documents that provide detailed records of an employee&#8217;s earnings and deductions during a specific pay period. They are used to ensure transparency in salary payments and compliance with labor regulations.<\/p>\r\n<h3>1. During regular payroll processing<\/h3>\r\n<p>Payslips are used whenever employees are paid, whether on a weekly, bi-weekly, or monthly basis. They outline key details such as gross salary, tax deductions, insurance contributions, and net pay.<\/p>\r\n<h3>2. For loan or credit applications<\/h3>\r\n<p>Employees often need payslips as proof of income when applying for loans, credit cards, or rental agreements. Payslips serve as verified documentation of an individual\u2019s financial stability and income consistency, which is crucial for financial institutions or landlords evaluating creditworthiness.<\/p>\r\n<h3>3. For tax filing and compliance<\/h3>\r\n<p>Payslips play a critical role during tax season. They help employees report their annual earnings and verify tax deductions. Employers also use payslips to demonstrate compliance with tax regulations, ensuring accurate contributions to government bodies.<\/p>\r\n<h4>4. Resolving payment disputes<\/h4>\r\n<p>In cases of salary discrepancies or disputes, payslips act as an official record of payment details. They help clarify misunderstandings and provide a solid basis for addressing issues, whether between employers and employees or with external agencies.<\/p>\r\n<p>Payslips are not just routine documents; they are vital tools for financial management, compliance, and transparency in the employer-employee relationship.<\/p>\r\n<p>\r\n\r\n\r\n\r\n<\/p>\r\n<h2 class=\"wp-block-heading\" id=\"format\"><strong>Pay Slip Format<\/strong><\/h2>\r\n<figure id=\"attachment_12983\" aria-describedby=\"caption-attachment-12983\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12983 size-full\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60.jpg\" alt=\"Payslip\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60.jpg 1920w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60-300x169.jpg 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60-1024x576.jpg 1024w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60-768x432.jpg 768w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60-1536x864.jpg 1536w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60-150x84.jpg 150w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60-696x392.jpg 696w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Untitled-design-60-1068x601.jpg 1068w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><figcaption id=\"caption-attachment-12983\" class=\"wp-caption-text\">Source: canva.com<\/figcaption><\/figure>\r\n<p>\r\n\r\n<\/p>\r\n<p>To understand how to make a payslip, you must understand the format first. Here are the structures that must exist, including:<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"company\">Company name<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>The prefix format in the payment slip is the name of the company responsible for the payment to the employee.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>If there is no company name listed, then there is no clarity on the overall content of employees\u2019 information.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"declare\">Declare the confidentiality of documents<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>Just below the name of the company listed, there is content that the contents contained in this format are confidential.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>The ministry is usually written \u201cPrivate and Confidential,\u201d meaning that only the listed employees can know the contents of the payment slip.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"payment\">Payment dates and employee data<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>This section has a payment date to provide clarity when the company\u2019s slip is given to employees.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>The writing of employee data must also be complete in the form of employee names, sub-departmental explanations, employee numbers, and Taxpayer Principal Numbers (NPWP).<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"amount\">The amount of salary and the number of deductions<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>The component that most employees see is the main component, as the name implies. This information contains income, including basic salary, benefits, and other incentives.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>The component of the deduction includes<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<ul class=\"wp-block-list\">\r\n<li>Health insurance,<\/li>\r\n<li>Employee savings plans,<\/li>\r\n<li>Debt to the company,<\/li>\r\n<li>Employee membership dues, and<\/li>\r\n<li>Others are adjusting the company\u2019s cut policy.<\/li>\r\n<\/ul>\r\n<p>\r\n\r\n<\/p>\r\n<h3 class=\"wp-block-heading\" id=\"full\">Full description of payment<\/h3>\r\n<p>\r\n\r\n<\/p>\r\n<p>This component contains current year earnings before tax deductions, current year earnings after <a href=\"https:\/\/flyfin.tax\/\" target=\"_blank\" rel=\"noopener\">tax deduction<\/a>, current month taxes, total money employees earn, and the bank\u2019s name as a payer institution.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>This information is essential as a detailed explanation of what employees need to know the origin of the money income.<\/p>\r\n<h2><strong>7 Essential Elements to Include on a Payslip<\/strong><\/h2>\r\n<p>A well-structured payslip ensures transparency and compliance while providing employees with a clear understanding of their earnings and deductions. Here are the seven essential elements every payslip should include:<\/p>\r\n<ul>\r\n<li><strong>Employee information: <\/strong>The payslip must display the employee\u2019s name, ID, and job title, along with the employer\u2019s name and address. This information helps identify the parties involved and serves as an official record for reference.<\/li>\r\n<li><strong>Pay period and date: <\/strong>Clearly indicate the start and end dates of the pay period, as well as the date the payslip was issued. This ensures clarity regarding the time frame covered by the payment.<\/li>\r\n<li><strong>Gross alary: <\/strong>The total earnings before any deductions, such as taxes or insurance, should be listed. This amount reflects the employee\u2019s full compensation for the pay period.<\/li>\r\n<li><strong>Deductions: <\/strong>A detailed breakdown of all deductions, including income tax, social security, pension contributions, and other withholdings, must be provided. Transparency in deductions builds trust and ensures compliance with labor regulations.<\/li>\r\n<li><strong>Net pay: <\/strong>Also known as take-home pay, this is the amount the employee receives after all deductions. It is one of the most important figures on the payslip for employees to understand their actual earnings.<\/li>\r\n<li><strong>Payment method: <\/strong>Specify how the payment is made, whether through bank transfer, check, or cash. Including the bank account details (if applicable) adds clarity to the payment process.<\/li>\r\n<li><strong>Additional benefits or allowances: <\/strong>Any extra payments, such as bonuses, overtime pay, or allowances (e.g., travel or meal reimbursements), should be itemized. This ensures that employees see the complete picture of their compensation.<\/li>\r\n<\/ul>\r\n<p>Including these elements on a payslip ensures accuracy, transparency, and compliance with legal standards while fostering trust between employers and employees.<\/p>\r\n<p>\r\n\r\n\r\n\r\n<\/p>\r\n<h2 class=\"wp-block-heading\" id=\"examples\"><strong>Examples of Employee Pay Slips<\/strong><\/h2>\r\n<p>\r\n\r\n<\/p>\r\n<figure class=\"wp-block-image size-full\">\r\n<figure id=\"attachment_6331\" aria-describedby=\"caption-attachment-6331\" style=\"width: 564px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-6331\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Salary-Slip-1.png\" alt=\"Salary Slip Example\" width=\"564\" height=\"478\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Salary-Slip-1.png 564w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Salary-Slip-1-300x254.png 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Salary-Slip-1-150x127.png 150w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><figcaption id=\"caption-attachment-6331\" class=\"wp-caption-text\">Source: Pinterest<\/figcaption><\/figure>\r\n<\/figure>\r\n<p>\r\n\r\n<\/p>\r\n<figure class=\"wp-block-image size-full\">\r\n<figure id=\"attachment_6332\" aria-describedby=\"caption-attachment-6332\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-6332\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Slip-Gaji-2.jpg\" alt=\"payslip\" width=\"1000\" height=\"562\" srcset=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Slip-Gaji-2.jpg 1000w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Slip-Gaji-2-300x169.jpg 300w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Slip-Gaji-2-768x432.jpg 768w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Slip-Gaji-2-150x84.jpg 150w, https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2021\/09\/Slip-Gaji-2-696x391.jpg 696w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-6332\" class=\"wp-caption-text\">Source: bukuwarung.com<\/figcaption><\/figure>\r\n<\/figure>\r\n<p><\/p>\r\n<p>You can also read other articles related to the <a href=\"https:\/\/www.hashmicro.com\/blog\/mom-overtime-calculator\/\">MoM Overtime Calculator<\/a> to learn more about calculating overtime in compliance with the Ministry of Manpower&#8217;s regulations and how to manage an efficient payroll system.<\/p>\r\n<h3><strong>Conclusion<\/strong><\/h3>\r\n<p>The importance of corporate HRD is to make payslips as a tool and proof of the rewards that employees receive for the work that employees do. Therefore, if the company has difficulty managing payslips for employees, you can use Hashmicro\u2019s <a href=\"https:\/\/www.hashmicro.com\/eva-hris-essentials\" target=\"_blank\" rel=\"noopener\">HRIS system<\/a>.<\/p>\r\n<a href=\"https:\/\/www.hashmicro.com\/eva-hris-essentials?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" width=\"712\" src=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2022\/03\/2-CTA-BLOG-new-design-17-scaled.jpg\" alt=\"EVA HRIS Essentials\"><\/a>\r\n<p>With HRIS software, you can manage payslips automatically. All HR and administrative tasks of your employees such as salary calculation, managing leave and attendance lists, reimbursement processes, <a href=\"https:\/\/www.hashmicro.com\/timesheet-management\" target=\"_blank\" rel=\"noreferrer noopener\">timesheet management<\/a>, and other operational activities. Try our <a href=\"https:\/\/www.hashmicro.com\/free-product-tour\/?medium=web-form-header\">free demo<\/a> and get your business 70% funding from <a href=\"https:\/\/www.hashmicro.com\/ctc-grants\">CTC Grant<\/a> now!<\/p>\r\n<p><\/p>\r\n<h3><strong>FAQ About Payslip<\/strong><\/h3>\r\n<ul class=\"bottom_faq\">\r\n<li style=\"list-style-type: none;\">\r\n<ul class=\"bottom_faq\">\r\n<li><details>\r\n<summary><strong>How to get payslip in Singapore?<\/strong><\/summary>\r\nVisit the HR or finance department in person to make a request for your payslip.<\/details><\/li>\r\n<li><details>\r\n<summary><strong>What is my payslip?<\/strong><\/summary>\r\nYour payslip contains important information, including your payroll number, your gross and net pay, and usually your tax code.<\/details><\/li>\r\n<li><details>\r\n<summary><strong>What are payslip purposes?<\/strong><\/summary>\r\nAt its core, a payslip is a transparent and accurate record of an employee&#8217;s earnings and deductions.<\/details><\/li>\r\n<li><details>\r\n<summary><strong>How to make a payslip for an employee?<\/strong><\/summary>\r\nTo make a payslip for an employee, include details like employee information, pay period, gross salary, deductions (taxes, insurance, etc.), and net pay. Use <a href=\"https:\/\/www.hashmicro.com\/eva-hris-essentials\">payroll software<\/a> or templates for accuracy and compliance with local labor laws.<\/details><\/li>\r\n<li><details>\r\n<summary><strong>Are payslips mandatory in Singapore?<\/strong><\/summary>\r\n<p>Yes, payslips are mandatory in Singapore under the Employment Act. Since 1 April 2016, all employers must issue itemized payslips to employees, including full-time, part-time, temporary, and contract staff. These payslips must be provided with salary payments or within three working days after, and for terminated employees, with the final payment.<\/p>\r\n<p>Payslips must include key details such as employer and employee information, payment date, basic salary, overtime pay, allowances, deductions (e.g., CPF), and the net salary. They can be issued in either hard copy or electronic format.<\/p>\r\n<p>Non-compliance can result in penalties, including fines or imprisonment. Payslips are essential for maintaining transparency, supporting CPF contributions, tax filings, and other financial verifications, ensuring both employers and employees meet their obligations.<\/p>\r\n<\/details><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<p>{ &#8220;@context&#8221;: &#8220;https:\/\/schema.org&#8221;, &#8220;@type&#8221;: &#8220;FAQPage&#8221;, &#8220;mainEntity&#8221;: [{ &#8220;@type&#8221;: &#8220;Question&#8221;, &#8220;name&#8221;: &#8220;How to get payslip in Singapore?&#8221;, &#8220;acceptedAnswer&#8221;: { &#8220;@type&#8221;: &#8220;Answer&#8221;, &#8220;text&#8221;: &#8220;Visit the HR or finance department in person to make a request for your payslip.&#8221; } },{ &#8220;@type&#8221;: &#8220;Question&#8221;, &#8220;name&#8221;: &#8220;What is my payslip?&#8221;, &#8220;acceptedAnswer&#8221;: { &#8220;@type&#8221;: &#8220;Answer&#8221;, &#8220;text&#8221;: &#8220;Your payslip contains important information, including your payroll number, your gross and net pay, and usually your tax code.&#8221; } },{ &#8220;@type&#8221;: &#8220;Question&#8221;, &#8220;name&#8221;: &#8220;What are payslip purposes?&#8221;, &#8220;acceptedAnswer&#8221;: { &#8220;@type&#8221;: &#8220;Answer&#8221;, &#8220;text&#8221;: &#8220;At its core, a payslip is a transparent and accurate record of an employee&#8217;s earnings and deductions.&#8221; } },{ &#8220;@type&#8221;: &#8220;Question&#8221;, &#8220;name&#8221;: &#8220;How to make a payslip for an employee?&#8221;, &#8220;acceptedAnswer&#8221;: { &#8220;@type&#8221;: &#8220;Answer&#8221;, &#8220;text&#8221;: &#8220;To make a payslip for an employee, include details like employee information, pay period, gross salary, deductions (taxes, insurance, etc.), and net pay. Use payroll software or templates for accuracy and compliance with local labor laws.&#8221; } }] }<\/p>\r\n<p><span data-sheets-root=\"1\"><script>  window._mfq = window._mfq || [];\r\n  (function() {\r\n    var mf = document.createElement(\"script\");\r\n    mf.type = \"text\/javascript\"; mf.defer = true;\r\n    mf.src = \"\/\/cdn.mouseflow.com\/projects\/5e05f34e-ba01-471c-b61c-6edd2d7e05ed.js\";\r\n    document.getElementsByTagName(\"head\")[0].appendChild(mf);\r\n  })();<\/script><\/span><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>A payslip is a document provided by a company to its employees as proof of salary payment. It details the components of the employee&#8217;s salary, ensuring transparency in the payment process. Understanding payslip structures is important for employees to recognize their rights and benefits. This helps employees identify deductions, allowances, and other salary details. With [&hellip;]<\/p>\n","protected":false},"author":153,"featured_media":65188,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2937,6],"tags":[],"class_list":{"0":"post-6304","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-highlight","8":"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>What is Payslip? Get to Know Its Benefit, Format, and Examples<\/title>\n<meta name=\"description\" content=\"Payslip is an obligation for the recruiting that has many benefits, be it for company, customer, or client.\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a Payslip? Benefits, Format, and Examples Explained\" \/>\n<meta property=\"og:description\" content=\"Payslip is an obligation for the recruiting that has many benefits, be it for company, customer, or client.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/\" \/>\n<meta property=\"og:site_name\" content=\"BusinessTech\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/hashmicro\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-10T09:23:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-03T06:53:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Chandra Natsir\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chandra Natsir\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/\"},\"author\":{\"name\":\"Chandra Natsir\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/f17501aef487b92b4ffc58a7ef7ab97b\"},\"headline\":\"What is a Payslip? Benefits, Format, and Examples Explained\",\"datePublished\":\"2024-12-10T09:23:14+00:00\",\"dateModified\":\"2025-06-03T06:53:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/\"},\"wordCount\":2459,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp\",\"articleSection\":[\"Highlight\",\"HRM\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/\",\"name\":\"What is Payslip? Get to Know Its Benefit, Format, and Examples\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp\",\"datePublished\":\"2024-12-10T09:23:14+00:00\",\"dateModified\":\"2025-06-03T06:53:17+00:00\",\"description\":\"Payslip is an obligation for the recruiting that has many benefits, be it for company, customer, or client.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp\",\"width\":1200,\"height\":650,\"caption\":\"payslip\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is a Payslip? Benefits, Format, and Examples Explained\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/\",\"name\":\"BusinessTech\",\"description\":\"Business Management Blog\",\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#organization\",\"name\":\"HashMicro\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png\",\"width\":334,\"height\":51,\"caption\":\"HashMicro\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/web.facebook.com\/hashmicro\/\",\"https:\/\/x.com\/hashmicro\",\"https:\/\/www.linkedin.com\/company\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/f17501aef487b92b4ffc58a7ef7ab97b\",\"name\":\"Chandra Natsir\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2023\/02\/cropped-DALL\u00b7E-2023-02-13-16.32.57-a-real-photo-of-asian-man-1-1-96x96.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2023\/02\/cropped-DALL\u00b7E-2023-02-13-16.32.57-a-real-photo-of-asian-man-1-1-96x96.png\",\"caption\":\"Chandra Natsir\"},\"description\":\"A content writer with a strong interest in writing and technology. Chandra is dedicated to writing useful, entertaining, and relevant information for readers, and he continues to develop content that connects and inspires them.\",\"url\":\"https:\/\/www.hashmicro.com\/blog\/author\/chandra-natsir\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is Payslip? Get to Know Its Benefit, Format, and Examples","description":"Payslip is an obligation for the recruiting that has many benefits, be it for company, customer, or client.","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"What is a Payslip? Benefits, Format, and Examples Explained","og_description":"Payslip is an obligation for the recruiting that has many benefits, be it for company, customer, or client.","og_url":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/","og_site_name":"BusinessTech","article_publisher":"https:\/\/web.facebook.com\/hashmicro\/","article_published_time":"2024-12-10T09:23:14+00:00","article_modified_time":"2025-06-03T06:53:17+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp","type":"image\/webp"}],"author":"Chandra Natsir","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Written by":"Chandra Natsir","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/"},"author":{"name":"Chandra Natsir","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/f17501aef487b92b4ffc58a7ef7ab97b"},"headline":"What is a Payslip? Benefits, Format, and Examples Explained","datePublished":"2024-12-10T09:23:14+00:00","dateModified":"2025-06-03T06:53:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/"},"wordCount":2459,"publisher":{"@id":"https:\/\/www.hashmicro.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp","articleSection":["Highlight","HRM"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/","url":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/","name":"What is Payslip? Get to Know Its Benefit, Format, and Examples","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp","datePublished":"2024-12-10T09:23:14+00:00","dateModified":"2025-06-03T06:53:17+00:00","description":"Payslip is an obligation for the recruiting that has many benefits, be it for company, customer, or client.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#primaryimage","url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp","contentUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2024\/12\/blog_what-is-payslip.webp","width":1200,"height":650,"caption":"payslip"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/blog\/what-is-payslip\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is a Payslip? Benefits, Format, and Examples Explained"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/blog\/#website","url":"https:\/\/www.hashmicro.com\/blog\/","name":"BusinessTech","description":"Business Management Blog","publisher":{"@id":"https:\/\/www.hashmicro.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/blog\/#organization","name":"HashMicro","url":"https:\/\/www.hashmicro.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png","contentUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2016\/02\/bt_logo-1.png","width":334,"height":51,"caption":"HashMicro"},"image":{"@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/hashmicro\/","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/f17501aef487b92b4ffc58a7ef7ab97b","name":"Chandra Natsir","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hashmicro.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2023\/02\/cropped-DALL\u00b7E-2023-02-13-16.32.57-a-real-photo-of-asian-man-1-1-96x96.png","contentUrl":"https:\/\/www.hashmicro.com\/blog\/wp-content\/uploads\/2023\/02\/cropped-DALL\u00b7E-2023-02-13-16.32.57-a-real-photo-of-asian-man-1-1-96x96.png","caption":"Chandra Natsir"},"description":"A content writer with a strong interest in writing and technology. Chandra is dedicated to writing useful, entertaining, and relevant information for readers, and he continues to develop content that connects and inspires them.","url":"https:\/\/www.hashmicro.com\/blog\/author\/chandra-natsir\/"}]}},"order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts\/6304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/users\/153"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/comments?post=6304"}],"version-history":[{"count":49,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts\/6304\/revisions"}],"predecessor-version":[{"id":72775,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/posts\/6304\/revisions\/72775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/media\/65188"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/media?parent=6304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/categories?post=6304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/blog\/wp-json\/wp\/v2\/tags?post=6304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}