{"id":37884,"date":"2024-04-15T08:38:24","date_gmt":"2024-04-15T01:38:24","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=37884"},"modified":"2026-03-10T14:09:49","modified_gmt":"2026-03-10T07:09:49","slug":"email-marketing-dan-email-automation-manakah-yang-lebih-cocok","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/","title":{"rendered":"Email Marketing dan Email Automation: Manakah yang Lebih Cocok?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Sebagai pemilik perusahaan Anda pasti tidak asing dengan strategi pemasaran untuk menjualkan produk yang Anda miliki. Setiap pebisnis mempunyai cara yang beragam untuk menjualkan produknya ke pelanggan atau klien. Namun, ada dua strategi pemasaran paling efektif yang sudah banyak perusahaan gunakan yaitu <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">email automation. <\/span><\/i><span style=\"font-weight: 400;\">Bila Anda ingin melakukan strategi pemasaran yang mudah maka<\/span><i><span style=\"font-weight: 400;\"> email marketing <\/span><\/i><span style=\"font-weight: 400;\">bisa Anda gunakan dalam penyebaran pesan penjualan. Sedangkan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">memiliki kompleksitas yang lebih tinggi. Apapun strategi pemasaran yang Anda gunakan akan lebih efektif jika menggunakan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/software-marketing-automation\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Sistem <\/span><i><span style=\"font-weight: 400;\">Marketing<\/span><\/i><\/a> <span style=\"font-weight: 400;\">yang tepat. Hal ini karena dapat memperbanyak prospek penjualan Anda sesuai target, membangun hubungan yang baik dengan klien, dan mengoptimalkan pemasaran bila Anda menggunakan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/software-marketing-automation\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Sistem <\/span><i><span style=\"font-weight: 400;\">Marketing <\/span><\/i><span style=\"font-weight: 400;\">dari HashMicro<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam dunia bisnis, Anda juga harus meningkatkan penjualan bisnis Anda dalam jangka waktu tertentu. Melalui pemanfaatan kedua <\/span><i><span style=\"font-weight: 400;\">email <\/span><\/i><span style=\"font-weight: 400;\">tersebut, Anda juga bisa menggunakan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/penjualan\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Aplikasi CRM <\/span><i><span style=\"font-weight: 400;\">Sales<\/span><\/i><\/a> <span style=\"font-weight: 400;\">atau aplikasi penjualan barang secara<\/span><i><span style=\"font-weight: 400;\"> online <\/span><\/i><span style=\"font-weight: 400;\">untuk meningkatkan produktivitas tim penjualan dengan aplikasi penjualan berbasis web yang lengkap. Dengan menggunakan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/penjualan\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Aplikasi CRM <\/span><i><span style=\"font-weight: 400;\">Sales<\/span><\/i> <\/a><span style=\"font-weight: 400;\">semua penjualan akan lebih cepat dan efektif.\u00a0<\/span><\/p>\n<p><b>Baca juga: <\/b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/sistem-crm\/\"><span style=\"font-weight: 400;\">Apa itu CRM dan Kegunaannya bagi Perusahaan Anda?<\/span><\/a><\/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>Email marketing dan email automation adalah dua strategi pemasaran email yang berbeda; email marketing adalah pengiriman pesan massal untuk menjaga hubungan dengan pelanggan, sedangkan email automation mengirimkan pesan otomatis berdasarkan perilaku atau preferensi target tertentu.<\/li>\n<li>Perbedaan utama antara keduanya terletak pada tingkat kesulitan, rincian anggaran penjualan (jangka pendek vs. jangka panjang), kelebihan untuk bisnis B2B vs. B2C, aset yang diperlukan, dan kemampuan melacak perilaku konsumen.<\/li>\n<li>Untuk mengoptimalkan kedua strategi pemasaran ini, perusahaan dapat memanfaatkan Sistem Marketing dari HashMicro yang dapat membantu memperbanyak prospek, membangun hubungan dengan klien, dan meningkatkan produktivitas tim penjualan.<\/li>\n<\/ul>\n<p style=\"text-align: center;\">\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><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:513,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0}\"><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\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<\/span><\/p>\n<h2 id=\"1\"><b>Pengertian <\/b><b><i>Email Marketing<\/i><\/b><b> dan<\/b><b><i> Email Automation<\/i><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Masih banyak orang yang <\/span><span style=\"font-weight: 400;\">salah kaprah<\/span><span style=\"font-weight: 400;\"> mengenai <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">email automation. <\/span><\/i><span style=\"font-weight: 400;\">Tidak sedikit orang yang menganggap kedua jenis surel tersebut<\/span><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><span style=\"font-weight: 400;\">adalah sama. Jika Anda salah satu dari sekian banyak orang tersebut, mungkin karena Anda tidak mengetahui perbedaan dari keduanya. Berikut pengertian dari <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">yang perlu Anda ketahui:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\n<h3 id=\"a\"><i><span style=\"font-weight: 400;\">Email marketing<\/span><\/i><\/h3>\n<\/li>\n<\/ul>\n<p><i><span style=\"font-weight: 400;\">Email marketing <\/span><\/i><span style=\"font-weight: 400;\">adalah cara yang dapat Anda gunakan untuk mengirim pesan dengan tujuan memasarkan sesuatu. Strategi pemasaran ini bisa Anda terapkan karena tidak sedikit perusahaan yang sudah menggunakan cara ini dari waktu ke waktu. Dengan adanya kemajuan teknologi,<\/span><i><span style=\"font-weight: 400;\"> email marketing<\/span><\/i><span style=\"font-weight: 400;\"> adalah langkah yang efisien untuk Anda mengenalkan produk yang akan Anda jual ke target pasar yang sudah Anda tentukan. Target pasar seperti pelanggan atau orang-orang yang berpotensial untuk meningkatkan bisnis Anda. Sehingga tujuan dikirimnya ini<\/span><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><span style=\"font-weight: 400;\">adalah untuk menjaga hubungan dengan pelanggan atau klien. Sistem kerja dari pesan bisnis ini<\/span><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><span style=\"font-weight: 400;\">adalah mengirimkan <\/span><i><span style=\"font-weight: 400;\">email <\/span><\/i><span style=\"font-weight: 400;\">secara massal ke kontak yang perusahaan Anda miliki. Ini bisa menjadi salah<\/span><span style=\"font-weight: 400;\">\u00a0satu cara untuk memaksimalkan penjualan sehingga pesan yang Anda sampaikan tepat, formal, dan sopan agar memperoleh <\/span><a href=\"https:\/\/katadata.co.id\/intan\/berita\/62b5e3e1453f6\/feedback-adalah-bentuk-tanggapan-ini-penjelasannya\"><i><span style=\"font-weight: 400;\">feedback<\/span><\/i><\/a> <span style=\"font-weight: 400;\">yang maksimal.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\n<h3 id=\"b\"><i><span style=\"font-weight: 400;\">Email automation<\/span><\/i><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Berbeda dengan <\/span><i><span style=\"font-weight: 400;\">email marketing, <\/span><\/i><span style=\"font-weight: 400;\">menurut MailChimp<\/span><i><span style=\"font-weight: 400;\"> email automation <\/span><\/i><span style=\"font-weight: 400;\">adalah cara perusahaan Anda mengirimkan pesan ke target tertentu secara otomatis. Melalui <\/span><i><span style=\"font-weight: 400;\">email automation<\/span><\/i><span style=\"font-weight: 400;\"> Anda bisa menentukan target perusahaan berdasarkan perilaku, preferensi, dan data lainnya yang perusahaan Anda miliki. Ada berbagai macam <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">diantaranya yaitu <\/span><i><span style=\"font-weight: 400;\">welcome email, birthday email, <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">email <\/span><\/i><span style=\"font-weight: 400;\">lainnya yang perlu Anda<\/span><i><span style=\"font-weight: 400;\"> follow up <\/span><\/i><span style=\"font-weight: 400;\">ke orang-orang yang berlangganan pada situs perusahaan Anda.<\/span><\/p>\n<h2 id=\"2\"><b>Perbedaan <\/b><b><i>Email Marketing<\/i><\/b><b> dan <\/b><b><i>Email Automation<\/i><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Berdasarkan pengertian dari <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">keduanya adalah strategi pemasaran yang biasa perusahaan gunakan. Namun, antara <\/span><i><span style=\"font-weight: 400;\">email marketing<\/span><\/i><span style=\"font-weight: 400;\"> dan <\/span><i><span style=\"font-weight: 400;\">marketing automation <\/span><\/i><span style=\"font-weight: 400;\">berbeda sehingga memiliki beberapa perbedaan. Berikut lima perbedaan antara kedua pesan bisnis ini<\/span><span style=\"font-weight: 400;\">:<\/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<h3 id=\"c\"><span style=\"font-weight: 400;\">1. Tingkat kesulitan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Semakin besar bisnis yang sedang Anda jalankan maka semakin besar pula <\/span><i><span style=\"font-weight: 400;\">marketing campaign <\/span><\/i><span style=\"font-weight: 400;\">yang akan Anda lakukan. Memiliki bisnis yang besar dan pelanggan yang banyak membuat Anda harus memahami kebutuhan, keinginan, dan kebiasaan pelanggan Anda. Jika Anda ingin melakukan pemasaran yang mudah maka Anda bisa menggunakan <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">sebagai jalan keluarnya. Anda juga bisa menggunakanmya <\/span><span style=\"font-weight: 400;\">apabila Anda baru membuka anak cabang perusahaan yang berarti masih berkembang dan belum besar. Selain itu, Anda dapat memahami pelanggan dengan melacak dan menjalankan <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">secara efektif dan efisien. Anda cukup melakukan pembagian pada segmentasi dan personalisasi <\/span><i><span style=\"font-weight: 400;\">email. <\/span><\/i><span style=\"font-weight: 400;\">Berbeda dengan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">yang jauh lebih sulit daripada <\/span><i><span style=\"font-weight: 400;\">email marketing. <\/span><\/i><span style=\"font-weight: 400;\">Penyebabnya karena <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">memiliki lebih banyak teknik dan saluran bila Anda akan menggunakannya. Hasil yang Anda dapatkan akan jauh lebih baik jika menggunakan <\/span><i><span style=\"font-weight: 400;\">marketing automation<\/span><\/i><span style=\"font-weight: 400;\">. Namun, Anda harus bisa menyesuaikan waktu dan <\/span><i><span style=\"font-weight: 400;\">skill<\/span><\/i><span style=\"font-weight: 400;\">nya dengan tepat agar Anda dapat menggunakannya dengan benar.\u00a0<\/span><\/p>\n<h3 id=\"d\"><span style=\"font-weight: 400;\">2. Rincian anggaran penjualan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Setiap perusahaan pasti menjual produk yang bervariasi dan memiliki ciri khas tertentu. Dengan begitu dapat Anda artikan bahwa setiap perusahaan memiliki cara dan proses yang berbeda dengan yang lainnya. Jika perusahaan yang Anda miliki menjual produk untuk jangka panjang dengan pemutusan keputusan yang membutuhkan waktu yang lama maka strategi pemasaran yang bisa Anda gunakan adalah <\/span><i><span style=\"font-weight: 400;\">email automation. <\/span><\/i><span style=\"font-weight: 400;\">Hal tersebut karena <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">lebih efektif untuk penjualan jangka panjang yang mana calon pelanggan Anda memerlukan berinteraksi dengan kontak perusahaan yang Anda miliki. Sedangkan untuk penggunaan <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">adalah perusahaan yang menjual produk jangka pendek seperti akan membeli setiap bulan atau seminggu sekali tanpa butuh membuat keputusan yang sulit. Sementara itu, <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">jauh lebih cocok untuk keputusan cepat dengan penjualan barang yang relatif lebih murah karena calon pelanggan Anda bisa mengakses informasi melalui <\/span><i><span style=\"font-weight: 400;\">email<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3 id=\"e\"><span style=\"font-weight: 400;\">3. Kelebihan antara B2B vs B2C<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Bila perusahaan Anda memiliki tim <\/span><i><span style=\"font-weight: 400;\">sales <\/span><\/i><span style=\"font-weight: 400;\">khusus maka <\/span><i><span style=\"font-weight: 400;\">marketing automation <\/span><\/i><span style=\"font-weight: 400;\">sangat cocok untuk Anda. Sebagai perusahaan B2C, Anda pasti memiliki tim <\/span><i><span style=\"font-weight: 400;\">marketing <\/span><\/i><span style=\"font-weight: 400;\">untuk menjualkan produk ke pelanggan dengan mengarahkan para calon pembeli ke <\/span><i><span style=\"font-weight: 400;\">website <\/span><\/i><span style=\"font-weight: 400;\">perusahaan Anda untuk menuntaskan pembayaran. Jika perusahaan Anda tidak akan langsung berinteraksi menjual produk maka <\/span><i><span style=\"font-weight: 400;\">email marketing<\/span><\/i><span style=\"font-weight: 400;\"> adalah trik usaha yang dapat Anda lakukan untuk mengetahui informasi kebutuhan pelanggan dengan cara menyediakan pembelian. Sedangkan bila perusahaan Anda adalah B2B maka Anda akan membutuhkan <\/span><i><span style=\"font-weight: 400;\">marketing automation. <\/span><\/i><span style=\"font-weight: 400;\">Hal ini karena Anda memiliki tim <\/span><i><span style=\"font-weight: 400;\">sales <\/span><\/i><span style=\"font-weight: 400;\">yang akan terlibat ke berbagai macam titik kontak. Tim <\/span><i><span style=\"font-weight: 400;\">sales <\/span><\/i><span style=\"font-weight: 400;\">Anda akan mem<\/span><i><span style=\"font-weight: 400;\">follow-up <\/span><\/i><span style=\"font-weight: 400;\">secara terus-menerus ke pelanggan melalui <\/span><i><span style=\"font-weight: 400;\">sales funnel<\/span><\/i><span style=\"font-weight: 400;\"> dan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/email-blast\/\">email blast<\/a>, <\/span><span style=\"font-weight: 400;\">sebelum masa penjualan habis.\u00a0<\/span><\/p>\n<h3 id=\"f\"><span style=\"font-weight: 400;\">4. Aset atau modal<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Ketika Anda sedang mengusahakan membuat <\/span><i><span style=\"font-weight: 400;\">email campaign<\/span><\/i><span style=\"font-weight: 400;\"> maka Anda harus memperhatikan isi dari pesan yang akan Anda bagikan. Mulai dari tata cara menulis yang benar, desain, hingga <\/span><i><span style=\"font-weight: 400;\">brand voice <\/span><\/i><span style=\"font-weight: 400;\">yang akan Anda tuangkan ke dalam <\/span><i><span style=\"font-weight: 400;\">email marketing<\/span><\/i><span style=\"font-weight: 400;\">. Berbeda dengan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">yang mana Anda harus menyiapkan <\/span><i><span style=\"font-weight: 400;\">landing page, <\/span><\/i><span style=\"font-weight: 400;\">gambar yang Anda unggah ke media sosial, dan aset iklan dari produk Anda. Tetapi dengan menggunakan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">Anda akan memakan waktu yang lama untuk mengecek apakah semua elemen sudah masuk ke <\/span><i><span style=\"font-weight: 400;\">brand value <\/span><\/i><span style=\"font-weight: 400;\">Anda. <\/span><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><\/p>\n<h3 id=\"g\"><span style=\"font-weight: 400;\">5. Pencarian perilaku konsumen<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Dengan adanya <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">maka sama halnya ini akan membantu Anda mengecek bagaimana <\/span><i><span style=\"font-weight: 400;\">email campaign <\/span><\/i><span style=\"font-weight: 400;\">perusahaan Anda. Dengan adanya pengecekan ini maka Anda bisa mendapatkan informasi apakah <\/span><i><span style=\"font-weight: 400;\">email campaign <\/span><\/i><span style=\"font-weight: 400;\">yang Anda lakukan berhasil atau tidak. Anda juga akan mendapatkan informasi pada bagian mana saja yang harus mendapatkan improvisasi sehingga <\/span><i><span style=\"font-weight: 400;\">campaign <\/span><\/i><span style=\"font-weight: 400;\">dapat berjalan maksimal. Sedangkan untuk <\/span><i><span style=\"font-weight: 400;\">email automation, <\/span><\/i><span style=\"font-weight: 400;\">Anda dapat menggunakan <\/span><i><span style=\"font-weight: 400;\">email <\/span><\/i><span style=\"font-weight: 400;\">tersebut untuk mendapatkan informasi mengenai perilaku dari pelanggan Anda melalui berbagai media. Dengan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">Anda juga bisa mendapatkan informasi saluran apa saja yang disukai oleh pelanggan Anda. Adanya <\/span><i><span style=\"font-weight: 400;\">tools marketing automation <\/span><\/i><span style=\"font-weight: 400;\">juga dapat Anda manfaatkan untuk memajukan <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">perusahaan Anda.<\/span><\/p>\n<p><b>Baca juga: <\/b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/optimalkan-strategi-pemasaran-pabrik-mainan\/\"><span style=\"font-weight: 400;\">Optimalkan Strategi Pemasaran Pabrik Mainan dengan Marketing Automation Software!<\/span><\/a><\/p>\n<h2 id=\"3\"><b>Kesimpulan<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Untuk menggunakan kedua <em>email <\/em>bisnis tersebut,<\/span><span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"font-weight: 400;\">Anda dapat menyesuaikannya dengan bisnis yang sedang Anda jalankan. Baik antara <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">dan <\/span><i><span style=\"font-weight: 400;\">email automation <\/span><\/i><span style=\"font-weight: 400;\">memiliki peran dan fungsi serta perbedaannya masing-masing. Anda bisa menggunakan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/software-marketing-automation\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">marketing automation<\/span><\/i><\/a> <span style=\"font-weight: 400;\">untuk memfokuskan <\/span><i><span style=\"font-weight: 400;\">email marketing <\/span><\/i><span style=\"font-weight: 400;\">bisnis Anda secara eksklusif. Untuk semakin memaksimalkan bisnis Anda maka sebaiknya Anda menggunakan aplikasi penjualan yang disertai dengan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/penjualan\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">sistem CRM dari HashMicro<\/span><\/a><span style=\"font-weight: 400;\">. Aplikasi tersebut dapat Anda manfaatkan untuk meningkatkan penjualan agar semakin cepat dan efektif. Jadwalkan <\/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;\"> sekarang!<\/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\/2022\/03\/CTA-BLOG-18.png.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/03\/CTA-BLOG-18.png.webp\" data-mobile-src=\"\" alt=\"MarketingAutomation\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><b>Pertanyaan Seputar Email Marketing dan Email Automation<\/b><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa perbedaan antara email marketing dan email automation?<\/strong><\/summary>\n<p>Email marketing adalah pengiriman pesan pemasaran secara massal untuk menjaga hubungan dengan pelanggan atau memperkenalkan produk. Sementara itu, email automation adalah pengiriman pesan otomatis ke target spesifik berdasarkan perilaku atau preferensi mereka, seperti welcome email atau birthday email, dan umumnya memiliki kompleksitas yang lebih tinggi.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Kapan sebaiknya menggunakan email marketing atau email automation?<\/strong><\/summary>\n<p>Sebaiknya gunakan email marketing untuk penjualan jangka pendek atau produk dengan keputusan pembelian cepat dan harga relatif murah. Sedangkan, pilih email automation jika bisnis Anda fokus pada penjualan jangka panjang (misalnya B2B) yang membutuhkan interaksi berkelanjutan atau jika Anda ingin menargetkan pelanggan berdasarkan perilaku spesifik mereka.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Bagaimana kedua strategi email ini membantu peningkatan penjualan?<\/strong><\/summary>\n<p>Email marketing membantu peningkatan penjualan dengan cara mengenalkan produk ke target pasar dan menjaga hubungan baik dengan pelanggan. Sementara itu, email automation lebih efektif untuk penjualan jangka panjang karena memungkinkan interaksi otomatis yang disesuaikan dengan perilaku konsumen, mendukung follow-up yang berkelanjutan, dan dapat memberikan informasi perilaku konsumen melalui berbagai media.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Apa perbedaan antara email marketing dan email automation?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Email marketing adalah pengiriman pesan pemasaran secara massal untuk menjaga hubungan dengan pelanggan atau memperkenalkan produk. Sementara itu, email automation adalah pengiriman pesan otomatis ke target spesifik berdasarkan perilaku atau preferensi mereka, seperti welcome email atau birthday email, dan umumnya memiliki kompleksitas yang lebih tinggi.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Kapan sebaiknya menggunakan email marketing atau email automation?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Sebaiknya gunakan email marketing untuk penjualan jangka pendek atau produk dengan keputusan pembelian cepat dan harga relatif murah. Sedangkan, pilih email automation jika bisnis Anda fokus pada penjualan jangka panjang (misalnya B2B) yang membutuhkan interaksi berkelanjutan atau jika Anda ingin menargetkan pelanggan berdasarkan perilaku spesifik mereka.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Bagaimana kedua strategi email ini membantu peningkatan penjualan?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Kedua strategi email ini membantu peningkatan penjualan dengan cara email marketing mengenalkan produk ke target pasar dan menjaga hubungan baik dengan pelanggan. Email automation lebih efektif untuk penjualan jangka panjang karena memungkinkan interaksi otomatis yang disesuaikan dengan perilaku konsumen, mendukung follow-up yang berkelanjutan, dan dapat memberikan informasi perilaku konsumen melalui berbagai media.\"\n      }\n    }\n  ]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sebagai pemilik perusahaan Anda pasti tidak asing dengan strategi pemasaran untuk menjualkan produk yang Anda miliki. Setiap pebisnis mempunyai cara yang beragam untuk menjualkan produknya ke pelanggan atau klien. Namun, ada dua strategi pemasaran paling efektif yang sudah banyak perusahaan gunakan yaitu email marketing dan email automation. Bila Anda ingin melakukan strategi pemasaran yang mudah [&hellip;]<\/p>\n","protected":false},"author":160,"featured_media":140189,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[507],"tags":[],"class_list":{"0":"post-37884","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-marketing-automation"},"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>Email Marketing VS Email Automation: Mana yang Lebih Cocok?<\/title>\n<meta name=\"description\" content=\"Sebagai pebisnis Anda mencari strategi pemasaran yang efektif untuk menjual produk antara lain dengan email marketing dan email automation.\" \/>\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\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Email Marketing dan Email Automation: Manakah yang Lebih Cocok?\" \/>\n<meta property=\"og:description\" content=\"Sebagai pebisnis Anda mencari strategi pemasaran yang efektif untuk menjual produk antara lain dengan email marketing dan email automation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/\" \/>\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-15T01:38:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T07:09:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Jessica Wijaya\" \/>\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=\"Jessica Wijaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/\",\"name\":\"Email Marketing VS Email Automation: Mana yang Lebih Cocok?\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg\",\"datePublished\":\"2024-04-15T01:38:24+00:00\",\"dateModified\":\"2026-03-10T07:09:49+00:00\",\"description\":\"Sebagai pebisnis Anda mencari strategi pemasaran yang efektif untuk menjual produk antara lain dengan email marketing dan email automation.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg\",\"width\":1200,\"height\":650,\"caption\":\"email marketing\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email Marketing dan Email Automation: Manakah yang Lebih Cocok?\"}]},{\"@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\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Email Marketing VS Email Automation: Mana yang Lebih Cocok?","description":"Sebagai pebisnis Anda mencari strategi pemasaran yang efektif untuk menjual produk antara lain dengan email marketing dan email automation.","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\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/","og_locale":"id_ID","og_type":"article","og_title":"Email Marketing dan Email Automation: Manakah yang Lebih Cocok?","og_description":"Sebagai pebisnis Anda mencari strategi pemasaran yang efektif untuk menjual produk antara lain dengan email marketing dan email automation.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-04-15T01:38:24+00:00","article_modified_time":"2026-03-10T07:09:49+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg","type":"image\/jpeg"}],"author":"Jessica Wijaya","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Jessica Wijaya","Estimasi waktu membaca":"9 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/","name":"Email Marketing VS Email Automation: Mana yang Lebih Cocok?","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg","datePublished":"2024-04-15T01:38:24+00:00","dateModified":"2026-03-10T07:09:49+00:00","description":"Sebagai pebisnis Anda mencari strategi pemasaran yang efektif untuk menjual produk antara lain dengan email marketing dan email automation.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok.jpg","width":1200,"height":650,"caption":"email marketing"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/email-marketing-dan-email-automation-manakah-yang-lebih-cocok\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Email Marketing dan Email Automation: Manakah yang Lebih Cocok?"}]},{"@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"]}]}},"focus_keyword":"email marketing adalah","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37884","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\/160"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=37884"}],"version-history":[{"count":6,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37884\/revisions"}],"predecessor-version":[{"id":190710,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37884\/revisions\/190710"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/140189"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=37884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=37884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=37884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}