{"id":81113,"date":"2024-04-28T16:48:31","date_gmt":"2024-04-28T09:48:31","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=81113"},"modified":"2025-12-17T11:28:27","modified_gmt":"2025-12-17T04:28:27","slug":"ketahui-perbedaan-selling-dan-marketing","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/","title":{"rendered":"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Tidak dapat dipungkiri, persaingan antar bisnis semakin ketat terlebih di era bisnis digital ini. Banyak hal yang perusahaan lakukan untuk menarik perhatian masyarakat. Oleh karena itu, proses <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">menjadi suatu tahapan yang penting dalam operasional bisnis suatu perusahaan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Walaupun terdengar serupa, <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">merupakan dua hal yang berbeda. Namun, kedua hal ini saling berkaitan dan memiliki pengaruh yang besar dalam mempromosikan barang dan jasa. Maka dari itu, penting bagi Anda untuk mengetahui perbedaan keduanya agar tidak salah dalam mempromosikan produk Anda.<\/span><\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li><strong><span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.hashmicro.com\/id\/penjualan\">Software CRM-Sales dari Hashmicro<\/a><\/span><\/strong> merupakan solusi yang tepat untuk memadukan kegiatan marketing dan selling dalam satu platform yang terintegrasi.<br \/>\n<\/li>\n<li>Dengan menggunakan aplikasi ini, perusahaan dapat mengoptimalkan penggunaan sumber daya, meningkatkan efektivitas pemasaran dan penjualan, serta membangun hubungan yang lebih baik dengan pelanggan.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Selling adalah tindakan persuasif untuk mendorong calon pelanggan membeli produk atau jasa dengan fokus pada transaksi penjualan dan memperoleh laba.<\/li>\n<li aria-level=\"1\">Sementara itu, marketing adalah upaya yang melibatkan penelitian pasar, perencanaan produk, branding, promosi, pelayanan pelanggan, dan distribusi, dengan fokus pada pemenuhan kebutuhan dan keinginan pasar serta pembangunan hubungan jangka panjang dengan pelanggan.<\/li>\n<li aria-level=\"1\">Selling melibatkan interaksi langsung antara penjual dan pelanggan, seperti negosiasi harga dan penyelesaian transaksi pembayaran. Marketing melibatkan research pasar, pengembangan produk, branding, promosi, dan membangun hubungan jangka panjang dengan pelanggan.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\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=\"1\"><b>Apa itu Selling dan Marketing?<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-81115 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/banner-cw-44-1.jpg\" alt=\"Apa itu Selling dan Marketing\" width=\"788\" height=\"405\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/banner-cw-44-1.jpg 788w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/banner-cw-44-1-300x154.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/banner-cw-44-1-768x395.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/banner-cw-44-1-150x77.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/banner-cw-44-1-696x358.jpg 696w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">merupakan bagian dari proses pemasaran yang melibatkan tindakan persuasif untuk mengarahkan calon pelanggan agar membeli produk atau jasa. Fokus dari <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">adalah transaksi penjualan. Tujuan utama dari proses <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">adalah memperoleh laba dari volume penjualan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, <\/span><a href=\"https:\/\/www.ama.org\/the-definition-of-marketing-what-is-marketing\/\"><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><\/a><span style=\"font-weight: 400;\">merupakan salah satu upaya dalam mempromosikan suatu produk dengan elemen yang kompleks. Dalam melakukan proses ini perusahaan berfokus kepada kebutuhan konsumen. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Terdapat berbagai aspek di dalam <\/span><i><span style=\"font-weight: 400;\">marketing<\/span><\/i><span style=\"font-weight: 400;\">, seperti penelitian pasar, perencanaan produk, <\/span><i><span style=\"font-weight: 400;\">branding<\/span><\/i><span style=\"font-weight: 400;\">, promosi, pelayanan pelanggan, dan distribusi produk. Maka dari itu, proses <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">harus terencana dengan baik.\u00a0<\/span><\/p>\n<h2 id=\"2\"><b>Kegiatan Selling dan Marketing<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-81117 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/50-1.jpg\" alt=\"Kegiatan Selling dan Marketing \" width=\"963\" height=\"495\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/50-1.jpg 963w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/50-1-300x154.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/50-1-768x395.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/50-1-150x77.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/50-1-696x358.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/50-1-817x420.jpg 817w\" sizes=\"auto, (max-width: 963px) 100vw, 963px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Kegiatan <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">meliputi interaksi langsung antara penjual dan pelanggan, seperti negosiasi harga, pemilihan produk yang cocok, dan penyelesaian transaksi pembayaran. <\/span><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">berfokus pada transaksi penjualan dan menghasilkan pendapatan dari penjualan produk atau jasa.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, kegiatan utama <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">adalah melakukan <\/span><i><span style=\"font-weight: 400;\">research<\/span><\/i><span style=\"font-weight: 400;\"> akan kebutuhan dan keinginan pasar dengan melakukan proses <\/span><a href=\"https:\/\/www.jabarjawara.id\/article\/detail\/stp-adalah-segmentation-targeting-dan-positioning-ini-cara-menerapkannya\"><span style=\"font-weight: 400;\">STP<\/span><\/a><span style=\"font-weight: 400;\"> (<\/span><i><span style=\"font-weight: 400;\">Segmentation, Targeting, <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">Positioning<\/span><\/i><span style=\"font-weight: 400;\">). Di sisi lain, <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">juga melakukan penyusunan strategi produk, promosi, dan membangun hubungan jangka panjang dengan pelanggan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><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><\/span><\/p>\n<h2 id=\"3\"><b>Perbedaan Selling dan Marketing\u00a0<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-81118 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/51.jpg\" alt=\"Perbedaan Selling dan Marketing \" width=\"963\" height=\"495\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/51.jpg 963w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/51-300x154.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/51-768x395.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/51-150x77.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/51-696x358.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/04\/51-817x420.jpg 817w\" sizes=\"auto, (max-width: 963px) 100vw, 963px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Secara garis besar, <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">memiliki konsep utama yang sama, yaitu cara untuk memperoleh keuntungan. Akan tetapi, proses, target, strategi, tujuan, aktivitas, waktu, dan sumber daya keduanya memiliki perbedaan yang cukup signifikan. Berikut penjelasan mengenai perbedaan tersebut:<\/span><\/p>\n<h3 id=\"a\"><span style=\"font-weight: 400;\">1. Proses<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Proses <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dapat perusahaan <\/span><span style=\"font-weight: 400;\">mulai dengan pendekatan kepada pelanggan dan menawarkan produk atau jasa yang sesuai dengan kebutuhan dan keinginan mereka. Di sisi lain, <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">memiliki proses yang lebih kompleks. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dimulai dengan penelitian pasar untuk memahami kebutuhan dan keinginan pelanggan, kemudian perusahaan merumuskan strategi produk dan promosi yang tepat untuk memenuhi kebutuhan tersebut.\u00a0<\/span><\/p>\n<h3 id=\"b\"><span style=\"font-weight: 400;\">2. Target\u00a0<\/span><\/h3>\n<p><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">lebih berfokus menjual produk kepada calon pelanggan yang sudah penjual identifikasi. Target <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">biasanya adalah calon pelanggan yang familiar dengan merek atau produk tertentu sehingga penjual dapat dengan mudah menjelaskan manfaat produk atau jasa tersebut dan meyakinkan calon pelanggan untuk membelinya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, target dalam <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">lebih berfokus pada mencapai dan mempengaruhi pasar yang lebih luas, termasuk calon pelanggan yang belum dikenal. <\/span><i><span style=\"font-weight: 400;\">Marketing <\/span><\/i><span style=\"font-weight: 400;\">berusaha untuk memahami kebutuhan dan keinginan pasar secara menyeluruh sehingga perusahaan dapat mengembangkan produk dan strategi promosi yang tepat untuk memenuhi kebutuhan tersebut.\u00a0<\/span><\/p>\n<h3 id=\"c\"><span style=\"font-weight: 400;\">3. Strategi\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Perbedaan lainnya antara <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">adalah terletak pda strategi. <\/span><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">memakai strategi yang lebih bersifat langsung dan agresif. Penjual akan menggunakan teknik-teknik penjualan seperti memberikan informasi produk yang menarik, memberikan penawaran khusus atau diskon, dan melakukan follow-up secara teratur untuk menarik calon pelanggan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">lebih berfokus pada pengembangan strategi pemasaran yang luas dan terintegrasi untuk mencapai tujuan bisnis jangka panjang. Strategi <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">melibatkan berbagai elemen seperti penelitian pasar, pengembangan produk, branding, promosi, dan distribusi. Strategi <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">harus terancang dengan baik untuk memenuhi kebutuhan dan keinginan pasar serta membedakan merek atau produk dari pesaing.<\/span><\/p>\n<h3 id=\"d\"><span style=\"font-weight: 400;\">4. Tujuan\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Tujuan <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">biasanya lebih fokus pada penjualan produk atau jasa dalam waktu yang singkat. Penjual akan menggunakan berbagai teknik penjualan untuk meyakinkan calon pelanggan untuk segera membeli produk atau jasa yang ditawarkan. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, tujuan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">lebih fokus pada memahami kebutuhan dan keinginan pelanggan serta menciptakan produk dan layanan yang sesuai dengan kebutuhan tersebut.\u00a0<\/span><\/p>\n<h3 id=\"e\"><span style=\"font-weight: 400;\">5. Aktivitas\u00a0<\/span><\/h3>\n<p><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">lebih fokus pada aktivitas penjualan, seperti melakukan presentasi produk atau jasa, menawarkan diskon atau penawaran khusus, melakukan <\/span><i><span style=\"font-weight: 400;\">follow-up<\/span><\/i><span style=\"font-weight: 400;\">, dan menutup penjualan. <\/span><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">biasanya melibatkan interaksi langsung antara penjual dan calon pelanggan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">melibatkan berbagai jenis aktivitas seperti penelitian pasar, pengembangan produk, branding, promosi, dan distribusi. Aktivitas-aktivitas <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">ini didesain untuk mencapai tujuan bisnis jangka panjang, seperti meningkatkan kesadaran merek, memperkenalkan produk baru, atau meningkatkan pangsa pasar.\u00a0<\/span><\/p>\n<h3 id=\"f\"><span style=\"font-weight: 400;\">6. Waktu\u00a0<\/span><\/h3>\n<p><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">biasanya dilakukan pada tahap akhir dari proses pemasaran, ketika produk atau jasa sudah siap untuk dijual. Jangka waktu dari proses <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">pun terbilang singkat, dengan fokus pada menghasilkan penjualan dalam jangka pendek. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">dilakukan sepanjang siklus hidup produk atau jasa, dari tahap perencanaan hingga pengembangan, promosi, dan distribusi.\u00a0<\/span><\/p>\n<h3 id=\"g\"><span style=\"font-weight: 400;\">7. Sumber daya<\/span><\/h3>\n<p><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">biasanya membutuhkan sumber daya yang lebih sedikit dan lebih fokus pada keahlian penjualan, seperti kemampuan berkomunikasi yang baik dan keterampilan negosiasi. <\/span><i><span style=\"font-weight: 400;\">Selling <\/span><\/i><span style=\"font-weight: 400;\">juga dapat dilakukan oleh individu atau tim kecil dalam perusahaan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sementara itu, <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">membutuhkan sumber daya yang lebih besar, termasuk anggaran yang cukup untuk pengembangan produk, promosi, dan distribusi, serta tim yang terlatih dan terampil dalam berbagai aspek pemasaran seperti branding, penelitian pasar, dan pengembangan produk. <\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">Marketing <\/span><\/i><span style=\"font-weight: 400;\">melibatkan penggunaan teknologi dan media untuk mencapai calon pelanggan secara lebih luas sehingga membutuhkan investasi yang lebih besar dalam sumber daya teknologi dan media sosial.<\/span><\/p>\n<h2 id=\"4\"><b>Software CRM-Sales Hashmicro Salah Satu Strategi Selling dan Marketing yang Tepat\u00a0<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/crm\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-173040\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales.webp\" alt=\"Software CRM-Sales Hashmicro Salah Satu Strategi Selling dan Marketing yang Tepat\u00a0\" width=\"1470\" height=\"900\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales.webp 1470w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales-300x184.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales-1024x627.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales-768x470.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales-686x420.webp 686w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales-150x92.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales-696x426.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Software-CRM-Sales-1068x654.webp 1068w\" sizes=\"auto, (max-width: 1470px) 100vw, 1470px\" \/>CRM (Customer Relationship Management) <\/span><\/a><span style=\"font-weight: 400;\">adalah salah satu strategi yang tepat untuk memadukan kegiatan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">selling<\/span><\/i><span style=\"font-weight: 400;\">. Software CRM-Sales dari Hashmicro dapat membantu perusahaan untuk mengelola interaksi dan hubungan dengan pelanggan secara lebih efektif dan efisien.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CRM dapat Anda gunakan untuk mengidentifikasi pelanggan yang memiliki potensi dan mengumpulkan informasi tentang preferensi dan perilaku mereka. Dengan demikian, perusahaan dapat mengembangkan kampanye pemasaran yang lebih terarah dan mengoptimalkan penggunaan sumber daya pemasaran yang tersedia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam strategi penjualan, CRM dapat membantu dalam proses penjualan dengan memberikan informasi tentang riwayat pembelian pelanggan dan preferensi mereka. Hal ini memungkinkan penjual untuk membuat rekomendasi yang lebih tepat dan menawarkan produk atau layanan yang sesuai dengan kebutuhan dan keinginan pelanggan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Singkatnya, Software CRM-Sales dari Hashmicro merupakan solusi yang tepat untuk membantu perusahaan mengintegrasikan kegiatan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dalam satu platform yang terintegrasi. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan penggunaan software ini, perusahaan dapat mengoptimalkan penggunaan sumber daya, meningkatkan efektivitas pemasaran dan penjualan, serta membangun hubungan yang lebih baik dengan pelanggan.<\/span><\/p>\n<h2 id=\"5\"><b>Kesimpulan\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Dalam melakukan kegiatan promosi suatu produk, perusahaan penting untuk memperhatikan kedua elemen, yaitu <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">marketing<\/span><\/i><span style=\"font-weight: 400;\">. Kedua elemen yang berbeda ini menjadi faktor keberhasilan penjualan suatu produk di perusahaan. Maka dari itu, penting agar kedua hal ini berjalan secara efektif dan maksimal.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Agar proses <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">berjalan dengan maksimal, perusahaan dapat menggunakan aplikasi yang meringankan proses tersebut. Aplikasi tersebut adalah <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/crm\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Software CRM-Sales <\/span><\/a><span style=\"font-weight: 400;\">dari Hashmicro. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan aplikasi ini Anda dapat mengintegrasikan kegiatan <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">selling <\/span><\/i><span style=\"font-weight: 400;\">dalam satu platform yang terintegrasi. Apabila Anda tertarik, Anda dapat segera mencoba <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">demo gratis<\/span><\/a><span style=\"font-weight: 400;\"> di sini.<\/span><\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/penjualan?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/sales-tips-trick.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/sales-tips-trick.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/sales-tips-trick-m.webp\" alt=\"Sales_Tips\" 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","protected":false},"excerpt":{"rendered":"<p>Tidak dapat dipungkiri, persaingan antar bisnis semakin ketat terlebih di era bisnis digital ini. Banyak hal yang perusahaan lakukan untuk menarik perhatian masyarakat. Oleh karena itu, proses selling dan marketing menjadi suatu tahapan yang penting dalam operasional bisnis suatu perusahaan.\u00a0 Walaupun terdengar serupa, selling dan marketing merupakan dua hal yang berbeda. Namun, kedua hal ini [&hellip;]<\/p>\n","protected":false},"author":161,"featured_media":139915,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4693],"tags":[],"class_list":{"0":"post-81113","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-crm-sales"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Selling dan Marketing: Perbedaan yang Perlu Anda Ketahui<\/title>\n<meta name=\"description\" content=\"Selling dan Marketing merupakan proses penting dalam penjualan suatu produk. Kenali lebih lanjut proses keduanya hanya di sini.\" \/>\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\/ketahui-perbedaan-selling-dan-marketing\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui\" \/>\n<meta property=\"og:description\" content=\"Selling dan Marketing merupakan proses penting dalam penjualan suatu produk. Kenali lebih lanjut proses keduanya hanya di sini.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/\" \/>\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-04-28T09:48:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-17T04:28:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.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=\"8 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\/ketahui-perbedaan-selling-dan-marketing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/\"},\"author\":{\"name\":\"Jonathan Kurniawan\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/029ac06d135cf8424dfa4f3cb3fef6c5\"},\"headline\":\"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui\",\"datePublished\":\"2024-04-28T09:48:31+00:00\",\"dateModified\":\"2025-12-17T04:28:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/\"},\"wordCount\":1221,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png\",\"articleSection\":[\"CRM-Sales\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/\",\"name\":\"Selling dan Marketing: Perbedaan yang Perlu Anda Ketahui\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png\",\"datePublished\":\"2024-04-28T09:48:31+00:00\",\"dateModified\":\"2025-12-17T04:28:27+00:00\",\"description\":\"Selling dan Marketing merupakan proses penting dalam penjualan suatu produk. Kenali lebih lanjut proses keduanya hanya di sini.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png\",\"width\":1200,\"height\":650,\"caption\":\"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui\"}]},{\"@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\/#\/schema\/person\/image\/\",\"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":"Selling dan Marketing: Perbedaan yang Perlu Anda Ketahui","description":"Selling dan Marketing merupakan proses penting dalam penjualan suatu produk. Kenali lebih lanjut proses keduanya hanya di sini.","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\/ketahui-perbedaan-selling-dan-marketing\/","og_locale":"id_ID","og_type":"article","og_title":"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui","og_description":"Selling dan Marketing merupakan proses penting dalam penjualan suatu produk. Kenali lebih lanjut proses keduanya hanya di sini.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-04-28T09:48:31+00:00","article_modified_time":"2025-12-17T04:28:27+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.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":"8 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/"},"author":{"name":"Jonathan Kurniawan","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/029ac06d135cf8424dfa4f3cb3fef6c5"},"headline":"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui","datePublished":"2024-04-28T09:48:31+00:00","dateModified":"2025-12-17T04:28:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/"},"wordCount":1221,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png","articleSection":["CRM-Sales"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/","name":"Selling dan Marketing: Perbedaan yang Perlu Anda Ketahui","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png","datePublished":"2024-04-28T09:48:31+00:00","dateModified":"2025-12-17T04:28:27+00:00","description":"Selling dan Marketing merupakan proses penting dalam penjualan suatu produk. Kenali lebih lanjut proses keduanya hanya di sini.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Perbedaan-Selling-dan-Marketing-yang-Perlu-Anda-Ketahui.png","width":1200,"height":650,"caption":"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/ketahui-perbedaan-selling-dan-marketing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Perbedaan Selling dan Marketing yang Perlu Anda Ketahui"}]},{"@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\/#\/schema\/person\/image\/","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":"Selling dan Marketing","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/81113","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=81113"}],"version-history":[{"count":4,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/81113\/revisions"}],"predecessor-version":[{"id":181066,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/81113\/revisions\/181066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/139915"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=81113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=81113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=81113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}