{"id":18532,"date":"2024-05-03T01:59:11","date_gmt":"2024-05-02T18:59:11","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=18532"},"modified":"2025-10-27T11:27:35","modified_gmt":"2025-10-27T04:27:35","slug":"customer-experience","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/","title":{"rendered":"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Customer experience<\/span><span style=\"font-weight: 400;\"> adalah pengalaman yang diperoleh konsumen ketika melakukan transaksi pembelian dan penjualan dengan pemilik bisnis. Hal ini menjadi salah satu penilaian dari kesuksesan sebuah bisnis atau perusahaan. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Maka, penting bagi perusahaan untuk memberikan pengalaman yang memuaskan dan positif untuk kesuksesan bisnis. Sehingga juga dapat menciptakan rasa loyalitas pelanggan terhadap produk dan perusahaan tersebut. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam menciptakan\u00a0customer experience\u00a0terbaik, Anda perlu juga untuk meningkatkan\u00a0customer service\u00a0atau pelayanan terhadap pelanggan Anda.\u00a0Customer service\u00a0yang baik dapat Anda peroleh dengan menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/crm\">software CRM<\/a> dari HashMicro.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"> Software ini akan membantu Anda dalam manajemen pelanggan seperti identifikasi prospek dan mengirim email otomatis.\u00a0<\/span><\/p>\n\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n\n<h2 id=\"apa\"><b>Apa itu <\/b><b>Customer Experience?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Customer experience<\/span><span style=\"font-weight: 400;\"> adalah salah satu metode pemasaran untuk membangun kualitas atau nilai yang disediakan dari pemilik bisnis atau perusahaan tersebut. Dengan metode ini, pemilik perusahaan dapat mengetahui pengalaman pelanggan dari fasilitas dan pelayanan yang sudah tersedia.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Menurut Bern Chmitt, pengalaman atau <\/span><span style=\"font-weight: 400;\">experience<\/span><span style=\"font-weight: 400;\"> merupakan suatu peristiwa yang terjadi sebagai jawaban dari beberapa dorongan secara pribadi dalam kehidupan setiap individu. Dalam pengertian tersebut, pemilik perusahaan atau pebisnis mampu memberikan pelayanan yang terbaik kepada calon pelanggan dan mengerti apa yang mereka inginkan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sebagai contoh <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> yang baik adalah ketika konsumen dapat mengakses website dengan cepat dan mudah, konsumen menerima ucapan saat hari ulang tahun melalui email setelah melakukan, konsumen mendapatkan konten informatif dan sesuai terkait produk, menerima respon cepat oleh customer support, dan konsumen juga mudah menyampaikan kritik dan saran tentang pengalaman yang telah diterima.<\/span><\/p>\n<figure id=\"attachment_16838\" aria-describedby=\"caption-attachment-16838\" style=\"width: 2048px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-16838 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-scaled.jpg\" alt=\"customer experience\" width=\"2048\" height=\"1238\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-scaled.jpg 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-300x181.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-1024x619.jpg 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-768x464.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-1536x928.jpg 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-150x91.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-696x421.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-1068x645.jpg 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-1920x1160.jpg 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/02\/5482-695x420.jpg 695w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><figcaption id=\"caption-attachment-16838\" class=\"wp-caption-text\">Sumber: freepik.com<\/figcaption><\/figure>\n<h2 id=\"alasan\"><b>Alasan <\/b><b>Customer Experience<\/b><b> yang Baik Penting untuk Bisnis<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Pebisnis perlu memberikan pelayanan <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> yang terbaik untuk pelanggan agar pelanggan mendapat pengalaman positif ketika pertama kali melakukan transaksi pada suatu bisnis. Dalam kata lain, pelanggan atau pembeli adalah raja yang menjadi pusat perhatian pada setiap proses transaksi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Customer experience<\/span><span style=\"font-weight: 400;\"> memiliki tujuan yang sangat bergantung pada strategi beserta eksekusi bisnis yang telah berjalan. Hal ini dapat dilihat melalui ulasan atau <\/span><span style=\"font-weight: 400;\">feedback<\/span><span style=\"font-weight: 400;\"> setelah pelanggan melakukan transaksi dan mendapatkan produknya. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pelanggan akan memberikan ulasan sesuai dengan pengalaman yang telah terjadi di perusahaan tersebut. Pebisnis wajib memberikan pelayanan yang terbaik dan memuaskan pelanggan. Jadi, ketika pelanggan memberi ulasan positif dan calon pelanggan membaca ulasan tersebut dapat meningkatkan calon pelanggan yang loyal.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Memberikan pelayanan yang semakin bagus untuk pengalaman pelanggan, semakin banyak pelanggan yang memberi ulasan positif sebagai bentuk <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> yang telah mereka terima. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ketika pelanggan mengalami keluhan, menerima komplain terhadap produk, maka layani dan tanggapi pelanggan dengan baik agar dapat memberikan <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> yang positif saat sedang mengalami keluhan produk. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk mempermudah Anda dalam memberikan pelayanan terbaik, Anda juga dapat memanfaatkan <a href=\"https:\/\/www.hashmicro.com\/id\/crm\">software CRM<\/a> yang akan mengotomasi manajemen pelanggan sehingga Anda dapat mengetahui pelanggan dengan lebih baik.<\/span><\/p>\n<h2 id=\"faktor\"><b>Faktor yang Harus Diperhatikan dalam <\/b><b>Customer Experience<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Memperhatikan faktor dalam segala kegiatan merupakan hal terpenting. Hal ini dapat dibantu dengan menerapkan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/customer-value-management\/\">customer value management<\/a>. Maka, faktor yang perlu diperhatikan dalam menciptakan <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> yang baik adalah:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Accessibility<\/span><span style=\"font-weight: 400;\"> atau kemudahan pelanggan untuk berinteraksi, mengakses produk, dan mendapatkan layanan dari Anda.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Competence<\/span><span style=\"font-weight: 400;\"> atau yaitu perusahaan menyediakan ketrampilan yang berkuliatas dan efiesian kepada para pelangga.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Customer recognition<\/span><span style=\"font-weight: 400;\"> yaitu reaksi atau perasaan yang dialami oleh pelanggan bahwa dirinya menerima pelayanan yang memuaskan dan terbaik oleh perusahaan.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Helpfulness<\/span><span style=\"font-weight: 400;\"> atau kemudahan yang diterima oleh pelanggan saat meminta bantuan.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Personalization<\/span><span style=\"font-weight: 400;\"> yaitu respon atau perasaan nyaman yang dirasakan oleh pelanggan karena perlakuan layanan yang diberikan dari perusahaan.\u00a0\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Problem solving<\/span><span style=\"font-weight: 400;\"> atau penyelesaian masalah, merupakan salah satu faktor yang penting agar pelanggan dapat menerima penyelesaian masalah dengan baik.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Promise fulfillment<\/span><span style=\"font-weight: 400;\"> yaitu respon yang diterima oleh pelanggan mengenai janji yang diberikan oleh perusahaan.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Value for time<\/span><span style=\"font-weight: 400;\"> terkait dengan respon pelanggan yang diterima mengenai waktu yang dihargai oleh perusahaan.<\/span><\/li>\n<\/ol>\n<h2 id=\"lima\"><b>5 Cara dalam Membangun <\/b><b>Customer Experience<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Dalam membangun suatu bisnis, alangkah baiknya perlu memperhatikan tahapan dalam membangun <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\">. Dengan tujuan untuk meningkatkan pengalaman positif bagi calon pelanggan dan pelanggan tetap.<\/span><\/p>\n<h3 id=\"memvisualisasi\"><span style=\"font-weight: 400;\">1. Memvisualisasikan customer <\/span><span style=\"font-weight: 400;\">experience<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Setiap pebisnis harus memiliki konsep dalam memahami konsep hierarki kebutuhan Maslow sebagai step pertama. Secara singkat teori hierarki kebutuhan Maslow menjelaskan bahwa semakin tinggi segmentasi target pelanggan, maka semakin tinggi pula pengalaman yang harus perusahaan miliki.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam\u00a0 prakteknya ketika ingin menjual produk skincare yang menargetkan pada kalangan menengah ke atas, maka bentuk pemasaran dan promosi harus dibuat premium, elegan, dan terkesan mewah dari segi <\/span><span style=\"font-weight: 400;\">packaging<\/span><span style=\"font-weight: 400;\"> sampai promosi.\u00a0<\/span><\/p>\n<p>Dalam mendukung strategi pemasaran ini, penggunaan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-bisnis-skincare\/\">software bisnis skincare<\/a> dapat menjadi solusi efektif untuk mengelola inventaris, melacak penjualan, dan mengelola program loyalitas pelanggan dengan lebih efisien.<\/p>\n<p><span style=\"font-weight: 400;\">Sedangkan merancang untuk produk <\/span><span style=\"font-weight: 400;\">skincare<\/span><span style=\"font-weight: 400;\"> yang menargetkan target secara umum, bentuk packaging dan pemasaran dengan simple namun berkualitas dan memberikan harga yang cocok untuk kalangan menengah dan menengah kebawah.\u00a0<\/span><\/p>\n<h3 id=\"membuat\"><span style=\"font-weight: 400;\">2. Membuat customer <\/span><span style=\"font-weight: 400;\">experience plan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Setelah mengetahui konsep hierarki kebutuhan Maslow, step berikutnya adalah membuat CEM (<\/span><span style=\"font-weight: 400;\">Customer Experience Management<\/span><span style=\"font-weight: 400;\">). CEM atau <\/span><span style=\"font-weight: 400;\">Customer Experience Management<\/span><span style=\"font-weight: 400;\"> adalah konsep yang menggambarkan bagaimana citra suatu perusahaan dalam berinteraksi dengan pelanggan-pelanggannya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contoh penerapan <\/span><span style=\"font-weight: 400;\">Customer Experience Management <\/span><span style=\"font-weight: 400;\">ketika memberikan layanan pada restoran dengan sistem <\/span><span style=\"font-weight: 400;\">drive thru<\/span><span style=\"font-weight: 400;\"> akan berbeda dengan layanan ketika pelanggan langsung membeli ke restoran tersebut.\u00a0<\/span><\/p>\n<h3 id=\"menerjemahkan\"><span style=\"font-weight: 400;\">3. Menerjemahkan visi, mendesain peta <\/span><span style=\"font-weight: 400;\">experience<\/span><span style=\"font-weight: 400;\">, dan melatih karyawan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Langkah ketiga yaitu dapat menerjemahkan visi mendesain peta experience dan melatih karyawan menggunakan CEM (<\/span><span style=\"font-weight: 400;\">Customer Experience Management<\/span><span style=\"font-weight: 400;\">). CEM adalah pedoman dalam menarik perhatian calon pelanggan dan memberi pelayanan yang memuaskan secara maksimal. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Salah satu kunci terpenting untuk <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> adalah dengan adanya visi dan misi yang terarah dan tertata dengan jelas dari sebuah perusahan. Jadi, pengaplikasian penerapan visi dan misi bertujuan untuk fokus pelanggan atau <\/span><span style=\"font-weight: 400;\">customer-centric<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sebagai contoh ketika pebisnis menjual <\/span><span style=\"font-weight: 400;\">fast-food<\/span><span style=\"font-weight: 400;\"> yang memiliki visi untuk memberikan layanan makanan yang tercepat dan berkualitas untuk konsumen. Menjadi restoran makanan cepat saji yang tercepat dan berkualitas, pastinya Anda harus memberikan kualitas terbaik dari segi layanan, kebersihan, hingga cita rasa dari makanan itu sendiri.<\/span><\/p>\n<h3 id=\"berinteraksi\"><span style=\"font-weight: 400;\">4. Berinteraksi dengan pelanggan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Membangun customer<\/span><span style=\"font-weight: 400;\"> experience<\/span><span style=\"font-weight: 400;\"> dapat juga berinteraksi dengan pelanggan yang menggunakan sistem ERP (<\/span><span style=\"font-weight: 400;\">Experience Response Point<\/span><span style=\"font-weight: 400;\">), EVP (<\/span><span style=\"font-weight: 400;\">Experience Voting Points<\/span><span style=\"font-weight: 400;\">), dan ETP (<\/span><span style=\"font-weight: 400;\">Experience Touch Point<\/span><span style=\"font-weight: 400;\">). <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mengaplikasika ERP dapat berupa konteks dengan cara penyajian seperti desain interior bangunan, jenis furniture, live music, dll. Fokus utama pada EVP yaitu dengan menghidupkan pelanggan agar mau mengunjungi toko sehingga dapat merasakan pengalaman yang perusahaan sediakan dalam ERP. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sedangkan ETP berfokus pada keseluruhan pegawai yang dapat berinteraksi dengan pelanggan. Sebagai contoh ETP adalah satpam, pelayan restoran, bahkan pemilik perusahaan dapat berinteraksi langsung dengan pelanggan itu sendiri.<\/span><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<figure id=\"attachment_8297\" aria-describedby=\"caption-attachment-8297\" style=\"width: 2048px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-8297 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-scaled.jpg\" alt=\"\" width=\"2048\" height=\"1425\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-scaled.jpg 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-300x209.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-1024x712.jpg 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-768x534.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-1536x1069.jpg 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-150x104.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-696x484.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-1068x743.jpg 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/portrait-woman-customer-service-worker-min-1920x1336.jpg 1920w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><figcaption id=\"caption-attachment-8297\" class=\"wp-caption-text\">freepik.com<\/figcaption><\/figure>\n<h3 id=\"mengukur\"><span style=\"font-weight: 400;\">5. Mengukur <\/span><span style=\"font-weight: 400;\">customer delight<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Cara yang terakhir adalah dengan memperkirakan tingkat pencapain yang sudah terjadi dalam membangun <\/span><span style=\"font-weight: 400;\">experience<\/span><span style=\"font-weight: 400;\">. Proses selanjutnya akan mengevaluasi terkait pencapaian yang sudah terjadi apakah sudah efisien dan efektif atau belum. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Memanfaatkan hasil dari penilaian tersebut untuk melengkapi <\/span><span style=\"font-weight: 400;\">Customer Experience Management<\/span><span style=\"font-weight: 400;\"> yang terdapat pada rancangan awal.\u00a0<\/span><\/p>\n<h2 id=\"strategi\"><b>Strategi Terbaik dalam Meningkatkan <\/b><b>Customer Experience<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Meningkatkan <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> tentunya diperlukan strategi yang tepat agar pelanggan mendapatkan pengalaman yang terbaik. Pemilik bisnis dapat menyusun beberapa strategi yang tepat untuk meningkatkan pengalaman pelanggan, sebagai berikut:<\/span><\/p>\n<h3 id=\"bangun\"><span style=\"font-weight: 400;\">1. Bangun budaya <\/span><span style=\"font-weight: 400;\">customer obsession<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Membangun budaya dengan <\/span><span style=\"font-weight: 400;\">customer<\/span><span style=\"font-weight: 400;\"> sangatlah penting. Mengutamakan pelanggan adalah hal wajib untuk setiap pebisnis. Dengan hal tersebut, pebisnis yang menomorsatukan pelanggan akan dapat memberikan <\/span><span style=\"font-weight: 400;\">customer value<\/span><span style=\"font-weight: 400;\"> yang menguntungkan. Memberikan c<\/span><span style=\"font-weight: 400;\">ustomer value<\/span><span style=\"font-weight: 400;\">\u00a0dapat <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/penjualan\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">meningkatkan profit<\/span><\/a><span style=\"font-weight: 400;\"> pada setiap perusahaan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0Mulailah membangun budaya <\/span><span style=\"font-weight: 400;\">customer obsession<\/span><span style=\"font-weight: 400;\"> sehingga dapat menciptakan<\/span><span style=\"font-weight: 400;\">\u00a0experience<\/span><span style=\"font-weight: 400;\"> yang baik dari bisnis sendiri dan memberi pelatihan kepada karyawan.<\/span><span style=\"font-weight: 400;\"> Experience<\/span><span style=\"font-weight: 400;\"> yang baik mulai dari hubungan internal bisnis sebagai pemilik bisnis dan karyawan setempat.\u00a0<\/span><\/p>\n<h3 id=\"pahami\"><span style=\"font-weight: 400;\">2. Pahami target audiens<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Memahami target audiens dengan cara mengelompokkan dan melakukan riset audiens ke dalam masing-masing kategori. Misalnya kelompokkan audiens sesuai dengan <\/span><span style=\"font-weight: 400;\">gender<\/span><span style=\"font-weight: 400;\">, hobi, usia, dan sebagainya. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mengelompokkan target audiens dapat merancang buyer persona. Buyer persona berfungsi untuk membuat profil pelanggan sesuai dengan kategori tersebut. Cara seperti ini sangat dapat membantu Anda untuk memahami target audiens dengan baik.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Baca juga: <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/customer-journey\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Apa Itu Customer Journey dan Kegunaannya bagi Bisnis Anda<\/span><\/a><\/p>\n<h3 id=\"tentukan\"><span style=\"font-weight: 400;\">3. Tentukan USP yang berfokus pada <\/span><span style=\"font-weight: 400;\">customer experience<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">USP atau <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/manfaat-unique-selling-point-dan-contoh-penerapannya-dalam-perusahaan\/\"><span style=\"font-weight: 400;\">Unique Selling Point<\/span><\/a><span style=\"font-weight: 400;\"> adalah hal pembeda yang dapat menemukan keunikan mengapa konsumen lebih memilih produk Anda daripada kompetitor. Dalam menciptakan <\/span><span style=\"font-weight: 400;\">customer experience<\/span><span style=\"font-weight: 400;\"> dapat berfokus terhadap kepuasaan pelanggan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sebagai contoh ketika Anda memiliki bisnis restoran <\/span><span style=\"font-weight: 400;\">chinese food<\/span><span style=\"font-weight: 400;\"> yang menawarkan berbagai makanan China olahan. Tidak hanya menjual <\/span><span style=\"font-weight: 400;\">chinese food<\/span><span style=\"font-weight: 400;\">, namun Anda dapat memberikan promo setiap hari Jumat dan menyediakan menu spesial yang hanya pada Hari Senin.\u00a0<\/span><\/p>\n<h3 id=\"membangun\"><span style=\"font-weight: 400;\">4. Membangun hubungan emosional dengan pelanggan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Menjalin hubungan dengan pelanggan dapat menjadikan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/tips-meningkatkan-repeat-order\/\"><span style=\"font-weight: 400;\">repeat order<\/span><\/a><span style=\"font-weight: 400;\"> untuk meningkatkan pendapatan perusahaan. Selain meningkatkan pendapatan, hubungan emosional juga dapat membangun rencana <\/span><span style=\"font-weight: 400;\">experience<\/span><span style=\"font-weight: 400;\"> yang baik. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hubungan emosional dapat berupa candaan, hubungan lebih personal dengan pelanggan, mendengarkan keluhan atau curhatan, menunjukkan empati, dan lebih peka dengan kondisi pelanggan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Misalnya, ada suatu e-commerce yang terlambat mengirimkan produk kepada pelanggan dan mengajukan keluhan. Ketika e-commerce mengetahui hal tersebut, mereka mengirimkan produk yang sama kepada pelanggan. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pelanggan merasa senang, lalu memberikan ulasan yang positif, dan membicarakannya kepada orang sekitarnya bahwa ia mendapat pelayanan yang baik dan memuaskan.<\/span><\/p>\n<h3 id=\"tingkatkan\"><span style=\"font-weight: 400;\">5. Tingkatkan kualitas <\/span><span style=\"font-weight: 400;\">customer service<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Strategi yang terakhir dengan meningkatkan kualitas <\/span><span style=\"font-weight: 400;\">customer service<\/span><span style=\"font-weight: 400;\"> akan langsung berpengaruh dan berdampak terhadap pengalaman pelanggan<\/span><span style=\"font-weight: 400;\">\u00a0yang baik dan memuaskan pelanggan. Terdapat beberapa cara untuk meningkatkan kualitas <\/span><span style=\"font-weight: 400;\">customer service<\/span><span style=\"font-weight: 400;\">, yaitu:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Menyebutkan nama pelanggan ketika sedang berinteraksi<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Merespon komentar, tanggapan, dan ulasan pelanggan di semua platform sosial media bisnis Anda<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Menyediakan <\/span><span style=\"font-weight: 400;\">customer support<\/span><span style=\"font-weight: 400;\"> 24 jam<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mengirim email dengan tulisan yang tidak formal atau menggunakan kalimat santai\u00a0<\/span><\/li>\n<\/ul>\n<p>Selain cara-cara di atas, Anda dapat menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/crm\">software CRM<\/a> dari HashMicro untuk meningkatkan kualitas\u00a0<a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-customer-service\/\">customer service<\/a>\u00a0Anda. Anda dapat mengirim email secara otomatis dengan kustomisasi sesuai dengan data pelanggan.<\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2 id=\"kesimpulan\"><b>Kesimpulan<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Customer experience<\/span><span style=\"font-weight: 400;\"> dapat disimpulkan sebagai strategi, skema, atau proses yang berlangsung oleh pemilik bisnis kepada pelanggan atas pengalaman dalam bertransaksi, menerima layanan yang layak, dan pengalaman saat menggunakan produk. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Semua bagian dari perusahaan yang berkontribusi harus saling bekerja sama satu dengan yang lain untuk memberikan pengalaman pelanggan yang terbaik agar bisa mendapatkan omset yang meningkat, bertambahnya loyalitas pelanggan, dan dapat tercapainya tujuan perusahaan. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Maka dari itu banyak perusahaan mulai menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/crm\">software CRM<\/a> untuk memudahkan pengelolaan pelanggannya dan bisa memberikan customer experience terbaik untuk para pelanggan setianya<\/span><span style=\"font-weight: 400;\">. Dapatkan informasi lebih lanjut mengenai software CRM HashMicro dengan klik tombol di bawah ini:<\/span><\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/crm?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/08.-CRM-Software-Leads-Web.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/08.-CRM-Software-Leads-Web.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/08.-CRM-Software-Leads-Mobile.webp\" alt=\"CRMLeads\" 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<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": {\n    \"@type\": \"Question\",\n    \"name\": \"Apa itu e-business?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Customer experience adalah salah satu metode pemasaran untuk membangun kualitas atau nilai yang disediakan dari pemilik bisnis atau perusahaan tersebut. Dengan metode ini, pemilik perusahaan dapat mengetahui pengalaman pelanggan dari fasilitas dan pelayanan yang sudah tersedia.\u00a0Untuk menjaga customer experience dalam bisnis, Anda dapat menggunakan bantuan <a href=\\\"https:\/\/www.hashmicro.com\/id\/crm\\\">software CRM<\/a> dari HashMicro.\"\n    }\n  }\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Customer experience adalah pengalaman yang diperoleh konsumen ketika melakukan transaksi pembelian dan penjualan dengan pemilik bisnis. Hal ini menjadi salah satu penilaian dari kesuksesan sebuah bisnis atau perusahaan. Maka, penting bagi perusahaan untuk memberikan pengalaman yang memuaskan dan positif untuk kesuksesan bisnis. Sehingga juga dapat menciptakan rasa loyalitas pelanggan terhadap produk dan perusahaan tersebut. Dalam [&hellip;]<\/p>\n","protected":false},"author":161,"featured_media":139680,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":{"0":"post-18532","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-crm"},"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>Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda<\/title>\n<meta name=\"description\" content=\"Customer experience yang baik diperlukan untuk menunjang keberhasilan suatu bisnis. Simak selengkapnya pada artikel ini!\" \/>\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\/customer-experience\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda\" \/>\n<meta property=\"og:description\" content=\"Customer experience yang baik diperlukan untuk menunjang keberhasilan suatu bisnis. Simak selengkapnya pada artikel ini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/\" \/>\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=\"2024-05-02T18:59:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-27T04:27:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/customer-experience-hashmicro.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jonathan Kurniawan\" \/>\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=\"Jonathan Kurniawan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 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\\\/customer-experience\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/\"},\"author\":{\"name\":\"Jonathan Kurniawan\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/029ac06d135cf8424dfa4f3cb3fef6c5\"},\"headline\":\"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda\",\"datePublished\":\"2024-05-02T18:59:11+00:00\",\"dateModified\":\"2025-10-27T04:27:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/\"},\"wordCount\":1648,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/customer-experience-hashmicro.png\",\"articleSection\":[\"CRM\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/\",\"name\":\"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/customer-experience-hashmicro.png\",\"datePublished\":\"2024-05-02T18:59:11+00:00\",\"dateModified\":\"2025-10-27T04:27:35+00:00\",\"description\":\"Customer experience yang baik diperlukan untuk menunjang keberhasilan suatu bisnis. Simak selengkapnya pada artikel ini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/customer-experience-hashmicro.png\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/customer-experience-hashmicro.png\",\"width\":1200,\"height\":650},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/customer-experience\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda\"}]},{\"@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\\\/029ac06d135cf8424dfa4f3cb3fef6c5\",\"name\":\"Jonathan Kurniawan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Jonathan-Kurniawan-3-96x96.webp\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Jonathan-Kurniawan-3-96x96.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Jonathan-Kurniawan-3-96x96.webp\",\"caption\":\"Jonathan Kurniawan\"},\"description\":\"Jonathan adalah seorang praktisi dalam bidang procurement, TMS, dan supply chain dengan pengalaman 5 tahun. Spesialis dalam mengulas topik seputar manajemen vendor, budget control procurement, otomatisasi proses pengadaan barang, dan analisis procurement. Tulisannya secara konsisten mendukung pengambilan keputusan bisnis yang lebih strategis.\",\"sameAs\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/\"],\"gender\":\"laki-laki\",\"knowsAbout\":[\"procurement\",\"pengadaan\",\"pembelian\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Senior Content Writer\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/author\\\/jonathankurniawan\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda","description":"Customer experience yang baik diperlukan untuk menunjang keberhasilan suatu bisnis. Simak selengkapnya pada artikel ini!","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\/customer-experience\/","og_locale":"id_ID","og_type":"article","og_title":"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda","og_description":"Customer experience yang baik diperlukan untuk menunjang keberhasilan suatu bisnis. Simak selengkapnya pada artikel ini!","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-05-02T18:59:11+00:00","article_modified_time":"2025-10-27T04:27:35+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/customer-experience-hashmicro.png","type":"image\/png"}],"author":"Jonathan Kurniawan","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Jonathan Kurniawan","Estimasi waktu membaca":"10 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/"},"author":{"name":"Jonathan Kurniawan","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/029ac06d135cf8424dfa4f3cb3fef6c5"},"headline":"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda","datePublished":"2024-05-02T18:59:11+00:00","dateModified":"2025-10-27T04:27:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/"},"wordCount":1648,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/customer-experience-hashmicro.png","articleSection":["CRM"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/","name":"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/customer-experience-hashmicro.png","datePublished":"2024-05-02T18:59:11+00:00","dateModified":"2025-10-27T04:27:35+00:00","description":"Customer experience yang baik diperlukan untuk menunjang keberhasilan suatu bisnis. Simak selengkapnya pada artikel ini!","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/customer-experience-hashmicro.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/customer-experience-hashmicro.png","width":1200,"height":650},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/customer-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara Menghadirkan Customer Experience Terbaik bagi Bisnis Anda"}]},{"@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\/029ac06d135cf8424dfa4f3cb3fef6c5","name":"Jonathan Kurniawan","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Jonathan-Kurniawan-3-96x96.webp","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Jonathan-Kurniawan-3-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Jonathan-Kurniawan-3-96x96.webp","caption":"Jonathan Kurniawan"},"description":"Jonathan adalah seorang praktisi dalam bidang procurement, TMS, dan supply chain dengan pengalaman 5 tahun. Spesialis dalam mengulas topik seputar manajemen vendor, budget control procurement, otomatisasi proses pengadaan barang, dan analisis procurement. Tulisannya secara konsisten mendukung pengambilan keputusan bisnis yang lebih strategis.","sameAs":["https:\/\/www.hashmicro.com\/id\/"],"gender":"laki-laki","knowsAbout":["procurement","pengadaan","pembelian"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Senior Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/jonathankurniawan\/"}]}},"focus_keyword":"Customer experience","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18532","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\/161"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=18532"}],"version-history":[{"count":7,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18532\/revisions"}],"predecessor-version":[{"id":173667,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18532\/revisions\/173667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/139680"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=18532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=18532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=18532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}