{"id":76624,"date":"2025-04-25T10:05:35","date_gmt":"2025-04-25T03:05:35","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=76624"},"modified":"2026-05-08T11:07:25","modified_gmt":"2026-05-08T04:07:25","slug":"crm-vs-erp-mana-yang-lebih-unggul","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/","title":{"rendered":"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya"},"content":{"rendered":"<p>ERP dan CRM sering dibahas bersamaan, padahal keduanya memiliki fokus yang berbeda. ERP membantu perusahaan mengelola dan mengintegrasikan proses internal seperti dalam satu sistem, sedangkan CRM digunakan untuk mengelola data pelanggan dan aktivitas penjualan.<\/p>\n<p>Dari sisi nilai bisnis, penerapan CRM terbukti memberi dampak finansial yang terukur. Riset <a href=\"https:\/\/nucleusresearch.com\/research\/single\/crm-pays-back-8-71-for-every-dollar-spent\/\">Nucleus Research<\/a> menunjukkan bahwa rata-rata perusahaan memperoleh ROI sebesar US$8,71 untuk setiap US$1 yang diinvestasikan pada sistem CRM, berdasarkan analisis berbagai studi kasus lintas industri.<\/p>\n<p>Untuk memahami perbedaannya secara utuh, ERP vs CRM perlu dilihat dari pengertian dasar, fungsi utama, dan cakupan penggunaannya di dalam perusahaan. Dengan pemahaman ini, bisnis dapat menilai sistem mana yang lebih tepat untuk mendukung operasional.<\/p>\n<style>\r\n\t.takeaways-container {\r\n\t\tmargin: 20px 0;\r\n\t\tfont-family: sans-serif;\r\n\t}\r\n\t.box-content {\r\n\t\tbackground-color: #fffacd;\r\n\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n\t\tborder-radius: 25px;\r\n\t\tpadding: 25px;\r\n\t}\r\n\t.title {\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\t.title p {\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: #8A0E19;\r\n\t\tcolor: #ffffff;\r\n\t\tpadding: 8px 15px;\r\n\t\tborder-radius: 8px;\r\n\t\tfont-size: 22px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 0;\r\n\t}\r\n\t.item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\t.item .circle {\r\n\t\twidth: 8px;\r\n\t\theight: 8px;\r\n\t\tbackground-color: #000000;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: 12px;\r\n\t\tflex-shrink: 0;\r\n\t\tmargin-top: 8px;\r\n\t}\r\n\t.item p {\r\n\t\tmargin: 0;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.6;\r\n\t}\r\n\t.item p a {\r\n\t\tcolor: #8A0E19;\r\n\t\tfont-weight: normal;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.item p a:hover {\r\n\t\ttext-decoration: underline;\r\n\t}\r\n\t.button-wrapper {\r\n\t\tmargin-top: 25px;\r\n\t}\r\n\t.submit-button {\r\n\t\tbackground-color: #8a0e19;\r\n\t\tcolor: #fff !important;\r\n\t\ttransition: all .3s ease;\r\n\t\tpadding: 12px 28px;\r\n\t\tdisplay: inline-block;\r\n\t\tborder-radius: 12px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.submit-button:hover {\r\n\t\tbackground-color: #991b26;\r\n\t}\r\n\t@media (max-width: 767px) {\r\n\t\t.takeaways-container {\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t.box-content {\r\n\t\t\tpadding: 24px;\r\n\t\t}\r\n\t\t.content,\r\n\t\t.main-content,\r\n\t\t.list-item {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"takeaways-container\">\r\n\t<div class=\"box-content\">\r\n\t\t<div class=\"content\">\r\n\t\t\t<div class=\"title\">\r\n\t\t\t\t<p>Key Takeaways<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"main-content\">\r\n\t\t\t\t<div class=\"list-item\">\r\n\t\t\t\t\t<div class=\"item\">    <div class=\"circle\"><\/div>    <p><a href=\"#apa-itu-crm\">Customer Relationship Management (CRM)<\/a> adalah konsep manajemen bisnis yang bertujuan agar bisa memaksimalkan nilai dari setiap interaksi dengan pelanggan.<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p><a href=\"#apa-itu-erp\">Enterprise Resource Planning (ERP)<\/a> adalah sistem terintegrasi yang dirancang untuk membantu bisnis mengelola berbagai aspek operasional, termasuk produksi, distribusi, keuangan, dan sumber daya manusia.<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p><a href=\"#perbedaan-implementasi-crm-dan-erp\">Perbedaan utama:<\/a> ERP mengelola proses internal, sedangkan CRM menangani hubungan dan aktivitas dengan pelanggan.<\/p><\/div>\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- \t\t\t<div class=\"button-wrapper\">\r\n\t\t\t\t<a href=\"https:\/\/www.equiperp.com\/tour-produk-gratis\/?medium=key-takeaways\" class=\"submit-button\">Klik untuk Demo Gratis!<\/a>\r\n\t\t\t<\/div> -->\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\n\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script> <div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n\n<h2><b>Apa Itu CRM?<\/b><\/h2>\n<p>CRM, atau Customer Relationship Management, adalah strategi bisnis untuk mengelola interaksi dan meningkatkan hubungan dengan pelanggan. Dengan menerapkan <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/sistem-crm\/\">sistem CRM<\/a> yang sesuai, perusahaan bisa menjaga retensi pelanggan, memperkuat loyalitas, dan memastikan pengalaman pelanggan selalu baik.<\/p>\n<p>CRM juga merujuk pada suatu software untuk mengelola data pelanggan. Perusahaan akan menggunakan data tersebut untuk meningkatkan layanan ke depannya, sehingga penjualan naik dan memberikan lebih banyak untung.<\/p>\n<h2><b>Apa Itu ERP?<\/b><\/h2>\n<p>ERP (Enterprise Resource Planning) adalah <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-penerapan-integrated-system-bagi-bisnis-anda\/\">sistem terintegrasi<\/a> yang hadir untuk membantu bisnis mengelola berbagai aspek operasional. Aspek yang ERP kelola termasuk namun tidak terbatas pada produksi, distribusi, keuangan, dan sumber daya manusia.<\/p>\n<p>ERP membantu bisnis mengintegrasikan dan mengkoordinasikan berbagai fungsi bisnis ke dalam satu sistem, sehingga memudahkan proses bisnis dan pengambilan keputusan yang lebih baik dan efisien, seperti kasus pada <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/omnichannel-retail\/\">industri retail<\/a>.<\/p>\n<p>Sistem ERP hadir dengan fitur pelaporan dan analisis untuk memantau kinerja operasional secara real-time, serupa dengan kelebihan yang <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/penerapan-erp-pada-perusahaan-jasa\/\">ERP Perusahaan Jasa<\/a> tawarkan dalam meningkatkan transparansi dan efisiensi operasional perusahaan jasa.<\/p>\n<h2><b>Manfaat dan Fitur CRM<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-167186\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM.webp\" alt=\"crm dan erp\" width=\"1200\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM-300x163.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM-1024x555.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM-768x416.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM-775x420.webp 775w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM-150x81.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM-696x377.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Manfaat-dan-Fitur-CRM-1068x580.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-crm-terbaik\/\">Software CRM <\/a>memberikan manfaat signifikan bagi bisnis dalam membangun dan mempertahankan hubungan jangka panjang dengan pelanggan. Sistem ini membantu perusahaan memahami perilaku konsumen, mempersonalisasi interaksi, dan meningkatkan kepuasan pelanggan secara keseluruhan.<\/p>\n<p>Selain itu, CRM juga berperan dalam meningkatkan efisiensi operasional, mendorong retensi pelanggan, serta membantu perusahaan dalam merancang strategi bisnis berbasis data.<\/p>\n<h3 data-start=\"837\" data-end=\"856\"><strong>Fitur Utama CRM<\/strong><\/h3>\n<ul>\n<li data-start=\"860\" data-end=\"995\"><strong data-start=\"860\" data-end=\"880\">Manajemen Kontak: <\/strong>Menyimpan dan mengelola data pelanggan, seperti nama, nomor telepon, email, histori interaksi, dan preferensi.<\/li>\n<li data-start=\"999\" data-end=\"1151\"><strong data-start=\"999\" data-end=\"1032\">Pelacakan Interaksi Pelanggan: <\/strong>Mencatat semua komunikasi antara pelanggan dan tim bisnis, baik melalui telepon, email, chat, maupun media sosial.<\/li>\n<li data-start=\"1155\" data-end=\"1295\"><strong data-start=\"1155\" data-end=\"1190\">Manajemen Prospek dan Penjualan: <\/strong>Mengelola calon pelanggan, tahapan proses penjualan, dan peluang bisnis untuk meningkatkan konversi.<\/li>\n<li data-start=\"1299\" data-end=\"1449\"><strong data-start=\"1299\" data-end=\"1333\">Otomatisasi Tugas dan Workflow: <\/strong>Mengotomatiskan tugas-tugas berulang seperti pengingat follow-up, pengiriman email, atau penjadwalan panggilan.<\/li>\n<li data-start=\"1453\" data-end=\"1606\"><strong data-start=\"1453\" data-end=\"1479\">Analitik dan Pelaporan: <\/strong>Menyediakan laporan kinerja, tren penjualan, dan analisis perilaku pelanggan untuk pengambilan keputusan yang lebih tepat.<\/li>\n<li data-start=\"1610\" data-end=\"1781\"><strong data-start=\"1610\" data-end=\"1644\">Integrasi dengan Platform Lain: <\/strong>Terhubung dengan sistem lain seperti email marketing, ERP, helpdesk, atau e-commerce untuk menciptakan ekosistem kerja yang efisien.<\/li>\n<li data-start=\"1785\" data-end=\"1932\"><strong data-start=\"1785\" data-end=\"1816\">Manajemen Layanan Pelanggan: <\/strong>Menyediakan fitur tiket dukungan, basis pengetahuan, dan pelacakan keluhan untuk meningkatkan kualitas layanan.<\/li>\n<\/ul>\n<h2><b>Manfaat dan Fitur ERP\u00a0<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-167496\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp.webp\" alt=\"crm dan erp\" width=\"1200\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp-300x163.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp-1024x555.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp-768x416.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp-775x420.webp 775w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp-150x81.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp-696x377.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-dan-fitur-erp-1068x580.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p data-start=\"235\" data-end=\"848\">Enterprise Resource Planning (ERP) adalah sistem terintegrasi yang membantu perusahaan dalam mengelola proses bisnis utama secara efisien melalui satu platform. Dengan ERP, berbagai departemen seperti keuangan, produksi, inventori, SDM, hingga distribusi dapat saling.<\/p>\n<p data-start=\"235\" data-end=\"848\">Hal ini memungkinkan pengambilan keputusan yang lebih cepat, koordinasi yang lebih baik antar tim, serta pengurangan kesalahan manusia. ERP juga meningkatkan transparansi operasional dan membantu perusahaan tumbuh lebih terstruktur dan scalable.<\/p>\n<h3 data-start=\"850\" data-end=\"869\"><strong>Fitur Utama ERP<\/strong><\/h3>\n<ul>\n<li data-start=\"873\" data-end=\"1000\"><strong data-start=\"873\" data-end=\"895\">Manajemen Keuangan: <\/strong>Mengelola akuntansi, pembukuan, laporan keuangan, dan penganggaran secara otomatis dan terintegrasi.<\/li>\n<li data-start=\"1004\" data-end=\"1140\"><strong data-start=\"1004\" data-end=\"1027\">Manajemen Inventori: <\/strong>Melacak stok barang secara real-time, mengelola persediaan, dan meminimalkan kelebihan atau kekurangan stok.<\/li>\n<li data-start=\"1144\" data-end=\"1272\"><strong data-start=\"1144\" data-end=\"1166\">Manajemen Produksi: <\/strong>Mengatur proses manufaktur, perencanaan kapasitas, penjadwalan produksi, dan kontrol kualitas produk.<\/li>\n<li data-start=\"1276\" data-end=\"1418\"><strong data-start=\"1276\" data-end=\"1315\">Manajemen Sumber Daya Manusia (SDM): <\/strong>Menyediakan fitur untuk rekrutmen, penggajian, absensi, penilaian kinerja, dan pelatihan karyawan.<\/li>\n<li data-start=\"1422\" data-end=\"1568\"><strong data-start=\"1422\" data-end=\"1476\">Pengelolaan Rantai Pasok (Supply Chain Management): <\/strong>Memantau alur pengadaan barang, pengiriman, pemasok, dan logistik dengan lebih efisien.<\/li>\n<li data-start=\"1572\" data-end=\"1684\"><strong data-start=\"1572\" data-end=\"1592\">Manajemen Proyek: <\/strong>Mengatur timeline proyek, anggaran, sumber daya, dan pelaporan progres secara terpusat.<\/li>\n<li data-start=\"1688\" data-end=\"1852\"><strong data-start=\"1688\" data-end=\"1726\">Analitik dan Business Intelligence: <\/strong>Menyediakan dashboard dan laporan visual untuk menganalisis data operasional dan mendukung strategi bisnis berbasis data.<\/li>\n<li data-start=\"1856\" data-end=\"2012\"><strong data-start=\"1856\" data-end=\"1887\">Integrasi Lintas Departemen: <\/strong>Menghubungkan semua unit kerja dalam satu sistem, mengurangi duplikasi data, dan menciptakan kolaborasi yang lebih baik.<\/li>\n<\/ul>\n<h2><b>Perbedaan Implementasi CRM dan ERP<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-166361 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP-.webp\" alt=\"Perbedaan antara CRM dan ERP\u00a0\" width=\"1200\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP-.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP--300x163.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP--1024x555.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP--768x416.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP--775x420.webp 775w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP--150x81.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP--696x377.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Perbedaan-antara-CRM-dan-ERP--1068x580.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>ERP dan CRM memiliki peran yang berbeda dalam bisnis. CRM berfokus pada pengelolaan hubungan pelanggan, seperti penjualan, pemasaran, follow-up prospek, dan layanan pelanggan. Sementara itu, ERP berfokus pada pengelolaan proses internal perusahaan, seperti keuangan, inventori, produksi, pembelian, HR, dan operasional lintas divisi.<\/p>\n<p>Dengan kata lain, CRM membantu perusahaan memahami dan melayani pelanggan dengan lebih baik, sedangkan ERP membantu perusahaan menjalankan operasional secara lebih terstruktur dan efisien.<\/p>\n<h3><strong>1. Perbedaan fokus proses bisnis<\/strong><\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Perbedaan utama ERP dan CRM terletak pada area yang masing-masing kelola. Tim menggunakan CRM untuk aktivitas yang berhubungan langsung dengan pelanggan, mulai dari mencatat data prospek, mengelola pipeline penjualan, menjadwalkan follow-up, hingga menangani keluhan pelanggan.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Sebaliknya, perusahaan menggunakan ERP untuk mengintegrasikan proses internal. Sistem ini membantu berbagai departemen seperti finance, procurement, warehouse, produksi, dan HR bekerja dengan data yang sama dalam satu platform.<\/p>\n<h3><strong>2. Perbedaan data yang dikelola<\/strong><\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">CRM mengelola data yang berkaitan dengan pelanggan dan aktivitas penjualan. Contohnya adalah data prospek, riwayat komunikasi, status deal, aktivitas sales, preferensi pelanggan, dan tiket layanan.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">ERP mengelola data operasional perusahaan, seperti stok barang, purchase order, biaya produksi, laporan keuangan, penggajian, data karyawan, hingga alur distribusi. Karena cakupannya lebih luas, banyak divisi biasanya menggunakan data dalam ERP untuk mendukung keputusan operasional.<\/p>\n<h3><strong>3. Perbedaan pengguna utama<\/strong><\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Tim sales, marketing, customer service, dan account management umumnya menggunakan CRM karena mereka berhubungan langsung dengan pelanggan. Tujuannya adalah meningkatkan konversi, menjaga retensi pelanggan, dan memastikan setiap interaksi pelanggan tercatat dengan baik.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Tim internal seperti finance, procurement, warehouse, produksi, HR, dan manajemen lebih banyak menggunakan ERP. Tujuannya adalah meningkatkan efisiensi kerja, mengurangi duplikasi data, menjaga konsistensi laporan, serta memperkuat kontrol operasional perusahaan.<\/p>\n<h3><strong>4. Perbedaan implementasi dan kompleksitas<\/strong><\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Implementasi CRM biasanya lebih fleksibel dan bisa perusahaan mulai dari satu tim terlebih dahulu, misalnya tim sales atau customer service. Setelah proses berjalan, perusahaan bisa memperluas penggunaannya ke tim lain sesuai kebutuhan bisnis.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Sementara itu, implementasi ERP umumnya lebih kompleks karena menyangkut banyak departemen dan proses lintas fungsi. Perusahaan perlu menyiapkan standardisasi proses, kesiapan data operasional, serta komitmen dari berbagai divisi agar sistem dapat berjalan optimal.<\/p>\n<div style=\"width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 12px 0;\">\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.45; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden;\">\n<thead>\n<tr>\n<th style=\"background: #b91c1c; color: #ffffff; padding: 12px 14px; text-align: left; font-weight: bold; width: 34%; border-right: 1px solid rgba(255,255,255,0.2);\">Aspek<\/th>\n<th style=\"background: #b91c1c; color: #ffffff; padding: 12px 14px; text-align: left; font-weight: bold; width: 33%; border-right: 1px solid rgba(255,255,255,0.2);\">CRM<\/th>\n<th style=\"background: #b91c1c; color: #ffffff; padding: 12px 14px; text-align: left; font-weight: bold; width: 33%;\">ERP<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; font-weight: 600; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Fokus utama<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Mengelola hubungan pelanggan, proses penjualan, pemasaran, dan layanan pelanggan.<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb;\">Mengintegrasikan proses internal perusahaan seperti keuangan, inventaris, produksi, pembelian, dan SDM.<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; font-weight: 600; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Pengguna utama<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Tim sales, marketing, customer service, dan account management.<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb;\">Finance, procurement, warehouse, produksi, HR, serta manajemen lintas divisi.<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; font-weight: 600; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Data yang dikelola<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Data prospek dan pelanggan, riwayat komunikasi, pipeline penjualan, aktivitas follow-up, dan tiket layanan.<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb;\">Data transaksi dan operasional, seperti PO, stok, produksi, laporan keuangan, biaya, dan data karyawan.<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; font-weight: 600; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Output dan tujuan<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Meningkatkan konversi, retensi, kualitas layanan, dan visibilitas aktivitas penjualan.<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb;\">Meningkatkan efisiensi operasional, konsistensi data, kontrol biaya, serta akurasi laporan lintas divisi.<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; font-weight: 600; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Implementasi<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Umumnya lebih cepat dan bisa dimulai dari tim tertentu, lalu diperluas bertahap sesuai kebutuhan.<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb;\">Biasanya lebih kompleks karena melibatkan banyak departemen, standardisasi proses, dan integrasi data end-to-end.<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; font-weight: 600; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Integrasi yang umum<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;\">Email, WhatsApp, telepon, kalender, marketing automation, dan sistem helpdesk.<\/td>\n<td style=\"background: #ffffff; color: #111827; padding: 12px 14px; vertical-align: top; border-top: 1px solid #e5e7eb;\">Akuntansi, inventory, procurement, produksi, payroll, serta sistem operasional lain yang dipakai perusahaan.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3><strong>5. Apakah ERP dan CRM bisa diintegrasikan dalam satu sistem?<\/strong><\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Ya, perusahaan bisa mengintegrasikan ERP dan CRM dalam satu sistem. Integrasi ini memungkinkan data pelanggan, penjualan, stok, pengiriman, invoice, dan pembayaran saling terhubung tanpa perlu input ulang di sistem yang berbeda.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Sebagai contoh, ketika tim sales mencatat pesanan pelanggan di CRM, data tersebut dapat langsung terhubung ke ERP untuk mengecek ketersediaan stok, membuat invoice, mengatur pengiriman, atau memperbarui laporan keuangan. Dengan begitu, tim sales, finance, gudang, dan operasional dapat bekerja menggunakan data yang sama.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Integrasi ERP dan CRM membantu perusahaan meningkatkan koordinasi antar divisi, mengurangi risiko kesalahan pencatatan, mempercepat proses kerja, dan memberikan pengalaman pelanggan yang lebih baik. Namun, agar integrasi berjalan efektif, perusahaan perlu memastikan alur kerja, struktur data, dan kebutuhan setiap divisi sudah mereka petakan dengan jelas sejak awal.<\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2><b>CRM atau ERP, Mana yang Lebih Unggul?<\/b><\/h2>\n<p>Banyak perusahaan membandingkan CRM vs ERP seolah salah satunya pasti menang. Padahal, yang menentukan &#8216;lebih unggul&#8217; adalah masalah utama perusahaan saat ini: kesulitan menutup penjualan, atau operasional yang tidak rapi dan data terpecah.<\/p>\n<h3><strong>Kapan CRM lebih unggul<\/strong><\/h3>\n<p>CRM cenderung lebih tepat jika perusahaan ingin mempercepat revenue dan kinerja tim sales, misalnya:<\/p>\n<ul>\n<li><strong>Fokus utama ada di pipeline<\/strong> penjualan (lead masuk banyak, tapi follow-up berantakan).<\/li>\n<li><strong>Butuh kontrol aktivitas sales<\/strong> (jadwal follow-up, reminder, catatan call, dan history komunikasi).<\/li>\n<li><strong>Targetnya meningkatkan konversi<\/strong> lewat proses sales yang konsisten (tahapan deal jelas, SLA follow-up, dan forecasting).<\/li>\n<\/ul>\n<h3><strong>Kapan ERP lebih unggul<\/strong><\/h3>\n<p>ERP lebih unggul saat perusahaan perlu menyatukan data lintas divisi agar operasional tidak jalan sendiri-sendiri, misalnya:<\/p>\n<ul>\n<li><strong>Stok dan transaksi tidak sinkron<\/strong> (sales jual, gudang tidak ready, atau pembelian telat karena data tidak real-time).<\/li>\n<li><strong>Banyak proses lintas departemen<\/strong> (procurement\u2013inventory\u2013finance\u2013production) yang butuh alur approval dan pencatatan rapi.<\/li>\n<li><strong>Perusahaan mulai multi-cabang<\/strong> \/ multi-entity sehingga butuh kontrol standar, pelaporan konsisten, dan audit trail.<\/li>\n<\/ul>\n<h3><strong>3 faktor utama sebelum memilih CRM atau ERP<\/strong><\/h3>\n<p>Sebelum memutuskan, perusahaan bisa menilai dari tiga hal ini:<\/p>\n<ul>\n<li><strong>Kebutuhan bisnis saat ini:<\/strong> yang paling mendesak dibenahi\u2014penjualan\/retensi atau kontrol operasional?<\/li>\n<li><strong>Investasi yang siap dilakukan:<\/strong> bukan cuma biaya software, tapi juga waktu implementasi, pelatihan, dan perubahan proses.<\/li>\n<li><strong>Skala &amp; kompleksitas bisnis:<\/strong> jumlah tim, cabang, volume transaksi, serta kebutuhan integrasi antar divisi.<\/li>\n<\/ul>\n<h2><strong>Integrasi CRM dan ERP untuk Mendukung Pertumbuhan Perusahaan<\/strong><\/h2>\n<p>CRM dan ERP dapat dihubungkan karena keduanya mengelola data yang saling berkaitan, terutama antara aktivitas penjualan dan proses operasional perusahaan. Ketika terintegrasi, informasi pelanggan, pesanan, dan transaksi dapat mengalir tanpa perlu input ulang di sistem yang berbeda.<\/p>\n<p>Melalui integrasi ini, tim penjualan memiliki visibilitas terhadap stok, status pengiriman, atau penagihan, sementara tim operasional dapat memahami konteks penjualan secara lebih utuh. Alur data yang konsisten membantu koordinasi antar divisi dan mengurangi risiko kesalahan pencatatan.<\/p>\n<p>Meski demikian, integrasi CRM dan ERP membutuhkan kesiapan dari sisi proses dan data. Standardisasi alur kerja, struktur master data, serta komitmen lintas tim menjadi faktor penting agar integrasi benar-benar mendukung efisiensi, bukan menambah kompleksitas.<\/p>\n<h2><strong>Contoh Implementasi CRM dan ERP serta Dampaknya <\/strong><strong>dalam Operasional Perusahaan <\/strong><\/h2>\n<p>Untuk memahami perbedaan CRM dan ERP secara lebih nyata, penerapannya dapat dilihat dari bagaimana perusahaan menggunakannya dalam aktivitas sehari-hari. Berikut studi kasus yang menggambarkan peran masing-masing sistem:<\/p>\n<h3><strong>1. Penerapan CRM di Telkom Indonesia untuk pengelolaan pelanggan<\/strong><\/h3>\n<p>Telkom Indonesia menggunakan CRM untuk mengelola data pelanggan, layanan purna jual, dan penanganan keluhan secara terpusat. Dengan CRM, tim layanan dapat melacak riwayat interaksi pelanggan, mempercepat respon, dan menjaga konsistensi kualitas layanan di berbagai segmen bisnis.<\/p>\n<h3><strong>2. Implementasi ERP di Indofood untuk integrasi operasional<\/strong><\/h3>\n<p>Indofood memanfaatkan ERP untuk mengintegrasikan proses keuangan, produksi, persediaan, dan distribusi di banyak unit usaha. ERP membantu perusahaan menjaga konsistensi data operasional, meningkatkan kontrol biaya, dan mendukung perencanaan bisnis dalam skala besar.<\/p>\n<h3><strong>3. Dampak pada perusahaan<\/strong><\/h3>\n<p>CRM memberikan dampak langsung pada visibilitas aktivitas penjualan dan kualitas hubungan pelanggan, sementara ERP berkontribusi pada efisiensi operasional dan akurasi laporan internal. Studi kasus ini menunjukkan bahwa CRM dan ERP tidak saling menggantikan, melainkan menjawab kebutuhan yang berbeda sesuai fokus dan tantangan bisnis perusahaan.<\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2><strong>Kesimpulan<\/strong><\/h2>\n<p>Pada dasarnya, pilihan ERP vs CRM bergantung pada tujuan bisnis dan rencana pertumbuhan perusahaan. Dengan memahami apakah kebutuhan utama ada pada integrasi proses internal atau penguatan pengelolaan pelanggan dan penjualan, perusahaan bisa menentukan sistem yang paling relevan tanpa membebani operasional.<\/p>\n<p>Jika masih ragu, cara paling aman adalah membandingkan beberapa opsi melalui uji coba atau sesi penjelasan produk. Dari situ, perusahaan dapat menilai kecocokan fitur, kemudahan penggunaan, serta kesiapan tim dan data sebelum mengambil keputusan implementasi.<\/p>\n<p>Bila ingin membahas kebutuhan secara lebih spesifik, perusahaan bisa memanfaatkan <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">konsultasi gratis<\/a> bersama tim ahli untuk memetakan prioritas, alur kerja, dan skala penggunaan yang dibutuhkan.<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/sistem-erp?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/erp-perbandingan.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/erp-perbandingan.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/erp-perbandingan-m.webp\" alt=\"ERP_Perbandingan\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Pertanyaan Seputar CRM dan ERP<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Bagaimana ERP dan CRM bekerja bersama?<\/strong><\/summary>\n<p>ERP dan CRM bekerja bersama dengan mengintegrasikan data bisnis untuk efisiensi. ERP mengelola operasional internal, sementara CRM fokus pada hubungan pelanggan. Dengan integrasi, perusahaan dapat memberikan layanan pelanggan yang lebih baik sambil menjaga operasi tetap lancar.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apa yang perlu dilakukan agar CRM dalam suatu perusahaan dapat berjalan dengan maksimal?<\/strong><\/summary>\n<p>Untuk memaksimalkan CRM, perusahaan perlu melatih tim, memastikan data pelanggan akurat, dan mengintegrasikan CRM dengan sistem lain seperti ERP. Pantau penggunaan secara rutin untuk mengidentifikasi peluang peningkatan layanan pelanggan.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Hambatan apa saja yang bisa terjadi ketika perusahaan hendak melakukan CRM?<\/strong><\/summary>\n<p>Hambatan CRM meliputi data pelanggan yang tidak akurat, kurangnya pelatihan tim, dan resistensi terhadap perubahan. Selain itu, integrasi yang buruk dengan sistem lain dapat menghambat efektivitas CRM dalam mendukung bisnis.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Bagaimana ERP dan CRM bekerja bersama?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"ERP dan CRM bekerja bersama dengan mengintegrasikan data bisnis untuk efisiensi. ERP mengelola operasional internal, sementara CRM fokus pada hubungan pelanggan. Dengan integrasi, perusahaan dapat memberikan layanan pelanggan yang lebih baik sambil menjaga operasi tetap lancar.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apa yang perlu dilakukan agar CRM dalam suatu perusahaan dapat berjalan dengan maksimal?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Untuk memaksimalkan CRM, perusahaan perlu melatih tim, memastikan data pelanggan akurat, dan mengintegrasikan CRM dengan sistem lain seperti ERP. Pantau penggunaan secara rutin untuk mengidentifikasi peluang peningkatan layanan pelanggan.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Hambatan apa saja yang bisa terjadi ketika perusahaan hendak melakukan CRM?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Hambatan CRM meliputi data pelanggan yang tidak akurat, kurangnya pelatihan tim, dan resistensi terhadap perubahan. Selain itu, integrasi yang buruk dengan sistem lain dapat menghambat efektivitas CRM dalam mendukung bisnis.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ERP dan CRM sering dibahas bersamaan, padahal keduanya memiliki fokus yang berbeda. ERP membantu perusahaan mengelola dan mengintegrasikan proses internal seperti dalam satu sistem, sedangkan CRM digunakan untuk mengelola data pelanggan dan aktivitas penjualan. Dari sisi nilai bisnis, penerapan CRM terbukti memberi dampak finansial yang terukur. Riset Nucleus Research menunjukkan bahwa rata-rata perusahaan memperoleh ROI [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":166916,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-76624","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-erp"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>ERP dan CRM: Perbedaan, Pengertian dan Fungsinya<\/title>\n<meta name=\"description\" content=\"ERP dan CRM memiliki peran penting dalam bisnis. ERP mengelola proses internal, sedangkan CRM memperkuat hubungan dengan pelanggan.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya\" \/>\n<meta property=\"og:description\" content=\"ERP dan CRM memiliki peran penting dalam bisnis. ERP mengelola proses internal, sedangkan CRM memperkuat hubungan dengan pelanggan.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-25T03:05:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T04:07:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"696\" \/>\n\t<meta property=\"og:image:height\" content=\"385\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Anatha Ginting\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anatha Ginting\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/\"},\"author\":{\"name\":\"Anatha Ginting\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/32b7f9855e47e032269002db366f1a09\"},\"headline\":\"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya\",\"datePublished\":\"2025-04-25T03:05:35+00:00\",\"dateModified\":\"2026-05-08T04:07:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/\"},\"wordCount\":2099,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp\",\"articleSection\":[\"ERP\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/\",\"name\":\"ERP dan CRM: Perbedaan, Pengertian dan Fungsinya\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp\",\"datePublished\":\"2025-04-25T03:05:35+00:00\",\"dateModified\":\"2026-05-08T04:07:25+00:00\",\"description\":\"ERP dan CRM memiliki peran penting dalam bisnis. ERP mengelola proses internal, sedangkan CRM memperkuat hubungan dengan pelanggan.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp\",\"width\":696,\"height\":385,\"caption\":\"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/crm-vs-erp-mana-yang-lebih-unggul\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hashmicro\",\"https:\\\/\\\/x.com\\\/hashmicro\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/32b7f9855e47e032269002db366f1a09\",\"name\":\"Anatha Ginting\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g\",\"caption\":\"Anatha Ginting\"},\"description\":\"Anatha sudah berpengalaman selama lebih dari 5 tahun dalam mengulas implementasi dan strategi Enterprise Resource Planning (ERP). Dalam setiap tulisannya, ia membahas peran sistem ERP dalam mengintegrasikan data lintas divisi, merapikan proses operasional, serta membantu perusahaan memahami dan mengelola bisnis secara lebih efektif.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/anathag\\\/\"],\"gender\":\"Perempuan\",\"knowsAbout\":[\"content writing\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Lead Content Writer\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/author\\\/anatha\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"ERP dan CRM: Perbedaan, Pengertian dan Fungsinya","description":"ERP dan CRM memiliki peran penting dalam bisnis. ERP mengelola proses internal, sedangkan CRM memperkuat hubungan dengan pelanggan.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/","og_locale":"id_ID","og_type":"article","og_title":"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya","og_description":"ERP dan CRM memiliki peran penting dalam bisnis. ERP mengelola proses internal, sedangkan CRM memperkuat hubungan dengan pelanggan.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-04-25T03:05:35+00:00","article_modified_time":"2026-05-08T04:07:25+00:00","og_image":[{"width":696,"height":385,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp","type":"image\/webp"}],"author":"Anatha Ginting","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Anatha Ginting","Estimasi waktu membaca":"13 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/"},"author":{"name":"Anatha Ginting","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/32b7f9855e47e032269002db366f1a09"},"headline":"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya","datePublished":"2025-04-25T03:05:35+00:00","dateModified":"2026-05-08T04:07:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/"},"wordCount":2099,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp","articleSection":["ERP"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/","name":"ERP dan CRM: Perbedaan, Pengertian dan Fungsinya","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp","datePublished":"2025-04-25T03:05:35+00:00","dateModified":"2026-05-08T04:07:25+00:00","description":"ERP dan CRM memiliki peran penting dalam bisnis. ERP mengelola proses internal, sedangkan CRM memperkuat hubungan dengan pelanggan.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/ERP-vs-CRM-Pengertian-Fungsi-dan-Perbedaannya.webp","width":696,"height":385,"caption":"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/crm-vs-erp-mana-yang-lebih-unggul\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"ERP vs CRM: Pengertian, Fungsi, dan Perbedaannya"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/32b7f9855e47e032269002db366f1a09","name":"Anatha Ginting","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g","caption":"Anatha Ginting"},"description":"Anatha sudah berpengalaman selama lebih dari 5 tahun dalam mengulas implementasi dan strategi Enterprise Resource Planning (ERP). Dalam setiap tulisannya, ia membahas peran sistem ERP dalam mengintegrasikan data lintas divisi, merapikan proses operasional, serta membantu perusahaan memahami dan mengelola bisnis secara lebih efektif.","sameAs":["https:\/\/www.linkedin.com\/in\/anathag\/"],"gender":"Perempuan","knowsAbout":["content writing"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Lead Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/anatha\/"}]}},"focus_keyword":"crm dan erp","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/76624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=76624"}],"version-history":[{"count":33,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/76624\/revisions"}],"predecessor-version":[{"id":193440,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/76624\/revisions\/193440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/166916"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=76624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=76624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=76624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}