{"id":8659,"date":"2024-04-05T15:26:55","date_gmt":"2024-04-05T08:26:55","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=8659"},"modified":"2025-12-10T15:46:57","modified_gmt":"2025-12-10T08:46:57","slug":"arti-dan-perkembangan-ecommerce-di-indonesia","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/","title":{"rendered":"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Seiring dengan berkembangnya dunia digital, rasanya bukan hal aneh lagi jika seseorang kedapatan membeli barang secara <\/span><i><span style=\"font-weight: 400;\">online<\/span><\/i><span style=\"font-weight: 400;\">. Internet sudah tidak hanya digunakan untuk mencari informasi, melainkan juga untuk mencari kebutuhan produk mereka. Perkembangan teknologi era digital ini juga memberikan kemudahan bagi segala jenis aspek kehidupan, salah satunya kemudahan berbisnis melalui sarana internet atau yang kita kenal dengan istilah e-<\/span><i><span style=\"font-weight: 400;\">commerce atau electronic commerce<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pe<\/span><span style=\"font-weight: 400;\">masaran digital menggunakan <em><a href=\"https:\/\/www.hashmicro.com\/id\/software-marketing-automation\" target=\"_blank\" rel=\"noopener\">software marketing automation<\/a><\/em> juga menjadi salah satu sarana yang efektif untuk mempromosikan bisnis <em>e-commerce<\/em> Anda. Untuk membantu Anda lebih memahami pengertian serta perkembangan <em>e-commerce<\/em>\u00a0di Indonesia, Anda dapat menyimak ulasan di bawah ini.<\/span><\/p>\n<style>\r\n\t.td-fix-index{-webkit-transform:unset !important;transform:unset !important}\r\n.article-post-column .td-pb-row{position:unset !important}\r\n    .article-a-form{padding:20px;color:#ffffff;border-radius:15px;background-color:#191f25}\r\n  .article-a-form h3,.article-a-form p{color:#ffffff !important}\r\n\t.article-a-form h3{font-size:23px;font-weight:bold;margin-top:0px;padding:5px;line-height:36px}\r\n  \/* .article-a-form::before{content:\"\"; border:3px solid #F4C82D;padding:10px;border-radius:20px;z-index:-1; position:absolute;transform:rotate(-4deg);left: 0px;top: -10px;width: 83%;height: 100%;} *\/\r\n  .article-a-form img{max-width:100%;left:0;height:auto; z-index:-1;}\r\n  @media only screen and (max-width: 600px) {\r\n  \/*   .article-a-form img {\r\n      position:unset\r\n    } *\/\r\n    .article-a-form h3 {\r\n\t\tmargin-top: 0;\r\n\t\tfont-size: 20px !important;\r\n\t\tline-height: 30px !important;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\t  .article-a-form .popup h3{\r\n\t\t  margin-top:0px;\r\n\t\t  line-height:25px;\r\n\t\t  font-size:20px;\r\n\t  }\r\n    .article-a-form{padding-top:15px;}\r\n\t  .thanks-popup .row{\r\n\t\tdisplay:block;\r\n\t\ttext-align:center;\r\n\t  }\r\n\t  .overlay .popup{\r\n\t\t  max-width:100%\r\n\t  }\r\n\t  .overlay .popup .row img{\r\n\t\tdisplay: none;\r\n\t  }\r\n\t  .article-a-form .overlay.thanks-popup h3{\r\n\t\t  margin-top:0;\r\n\t  }\r\n  }\r\n  .article-a-form select {color:grey}\r\n  .article-a-form textarea{min-height:0 !important; height:80px}\r\n  .article-a-form .form-control{border-radius:6px;\r\n      width: 100%;\r\n      padding: 5px;\r\n      border: 1px solid lightgray;\r\n      background: #f5f8fa;font-size:13px;\r\n  }\r\n  .article-a-form .row{display:flex;flex-wrap:no-wrap;}\r\n  .article-a-form .row .col-lg-6{flex: 1 1 200px;}\r\n  .article-a-form .col-lg-12{width:100%;}\r\n  .article-a-form .form-group{margin:5px;}\r\n  .article-a-form .btn {\r\n    background: #ee9305;\r\n    padding: 8px 40px;\r\n    margin: 10px 5px 25px;\r\n    color: #fff;\r\n    border: 0px;\r\n    border-radius: 10px;\r\n    width: calc(100%  - 8px);\r\n}\r\n\t.article-a-form .btn:hover{opacity:0.9}\r\n  .mb2{margin-bottom:10px;}\r\n  .article-a-form .form-control:not(select) {\r\n      padding-left: 8px;\r\n  }\r\n<\/style>\r\n<style>\r\n\t.form-step.overlay {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.form-step.active {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t.overlay {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-color: rgba(0, 0, 0, 0.5);\r\n\t\tdisplay: none;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\t.overlay.thanks-popup.active{\r\n\t\tdisplay: block;\r\n\t}\r\n\t.article-a-form .overlay h3 {\r\n    \tfont-size: 30px;\r\n    \tfont-weight: 800;\r\n    \tmargin: 36px 0 5px;\r\n\t}\r\n\/*         .overlay.active {\r\n            display: flex;\r\n\t} *\/\r\n.overlay.active .popup {\r\n    background-color: #fff;\r\n    padding: 42px;\r\n    border-radius: 15px;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n    text-align: left;\r\n    margin-top: 120px;\r\n    width: 760px;\r\n\tposition:relative;\r\n}\r\n\t.error {\r\n\t\tborder: 1px solid red;\r\n\t}\r\n\r\n\t.error-message {\r\n\t\tcolor: red;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\tp.error-message {\r\n\t\tmargin-bottom: 0px;\r\n\t\tmargin-top: 0px;\r\n\t}\r\n\t.closeoverlay:hover{opacity:0.9}\r\n\t.closeoverlay {\r\n\t\tcursor: pointer;\r\n\t\tborder: none;\r\n\t\toutline: none;\r\n\t\tbackground-color: #97333c;\r\n\t\tcolor: #fff;\r\n\t\tpadding: 7px 20px;\r\n\t\tborder-radius: 7px;\r\n\t\ttransition:ease all 0.3s\r\n\t}\r\n\t.closeoverlay:hover{background-color:#222222}\r\n\t\r\n.closeoverlay2 {\r\n    color: black;\r\n    font-size: 24px;\r\n    position: absolute;\r\n    font-weight: 600;\r\n    top: 18px;\r\n    right: 31px;\r\n}\r\n\tdiv#form-popup {\r\n    padding: 25vh 0% 0;\r\n\tz-index:999;\r\n}\r\n\t.wrapper {\r\n    max-width: 550px;\r\n    width: 100%;\r\n    margin: auto;\r\n    background: #191f25;\r\n    padding: 20px 30px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.close-step {\r\n    color: #ee9305!important;\r\n    text-align: center;\r\n    display: block;\r\n    margin-top: -20px;\r\n    margin-bottom: 0 !important;\r\n}\r\n\t\r\n\t.title-style {\r\n\t\tfont-size: 28px!important;\r\n\t\tmargin-top: 0px !important;\r\n\t}\r\n\t\r\n\t.input-style{\r\n\t\theight:40px!important;\r\n\t}\r\n\t.space{\r\n\t\tmargin-bottom:10px;\r\n\t}\r\n\t\r\n\t@media (max-width:991px){\r\n\tdiv#form-popup {\r\n    padding: 25% 0%;\r\n\t}\r\n\t\t\r\n\t.title-style{\r\n\t line-height:48px!important;\r\n\t}\r\n}\r\n\t\r\n    <\/style>\r\n<div class=\"article-a-form\">\r\n    \r\n      <form id=\"webform-article\" method=\"post\" class=\"hm-contact-form-article\">\r\n        <div class=\"form-step active\">\r\n\t\t\t\r\n\t\t\t\t<h3>Hitung Estimasi Biaya &amp; Timeline Implementasi ERP Anda<\/h3>\r\n\t\t\t\r\n            <div class=\"row\">\r\n                <div class=\"col-lg-6\">\r\n                    <div class=\"form-group mb-3\">\r\n                        <input type=\"text\" name=\"companyname\" class=\"form-control\" placeholder=\"Nama Perusahaan\" >\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-6\">\r\n                    <div class=\"form-group mb-3\">\r\n                        <select name=\"industry\" class=\"form-control\" required>\r\n                            <option value=\"\" disabled=\"\" selected=\"\">Pilih Industri<\/option>\r\n                            <option value=\"32\">Retail<\/option>\r\n                            <option value=\"33\">Trading, Wholesale, Distribution<\/option>\r\n                            <option value=\"35\">Produksi &amp; Manufaktur<\/option>\r\n                            <option value=\"36\">Edukasi<\/option>\r\n                            <option value=\"37\">Konstruksi &amp; Infrastuktur<\/option>\r\n                            <option value=\"49\">Penerbangan<\/option>\r\n                            <option value=\"41\">Pemerintahan<\/option>\r\n                            <option value=\"63\">Perhotelan<\/option>\r\n                            <option value=\"47\">Rumah Sakit<\/option>63\r\n                            <option value=\"51\">Pertambangan<\/option>\r\n                            <option value=\"42\">Logistik<\/option>\r\n                            <option value=\"54\">Perkebunan &amp; Peternakan<\/option>\r\n                            <option value=\"40\">F&amp;B (Restaurant, Catering, Fast Food, Etc)<\/option>\r\n                            <option value=\"62\">Lainnya<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"row\">\r\n                <div class=\"col-lg-6\">\r\n                    <div class=\"form-group mb-3\">\r\n                        <select class=\"form-control\" name=\"scale\">\r\n                            <option value=\"\" disabled=\"\" selected=\"\">Pilih Jumlah Karyawan<\/option>\r\n                            <option value=\"3\" style=\"\">1 - 25<\/option>\r\n                            <option value=\"6\" style=\"\">26 - 50<\/option>\r\n                            <option value=\"9\" style=\"\">51 - 100<\/option>\r\n                            <option value=\"small\" style=\"\">101 - 300<\/option>\r\n                            <option value=\"medium\" style=\"\">301 - 500<\/option>\r\n                            <option value=\"large\" style=\"\">500+<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-6\">\r\n                    <div class=\"form-group mb-3\">\r\n                    <select  required=\"required\" name=\"solution\" class=\"form-control\">\r\n                    <option value=\"\" disabled=\"\" selected=\"\">Pilih Solusi<\/option>\r\n                    <option value=\"1\">Software ERP (Hash Core ERP)<\/option>\r\n                    <option value=\"4\">Software Akuntansi Online<\/option>\r\n                    <option value=\"2\">Sistem Manajemen Inventaris<\/option>\r\n                    <option value=\"39\">IT Inventory DJBC - Kawasan Berikat<\/option>\r\n                    <option value=\"27\">Sistem Manajemen Aset<\/option>\r\n                    <option value=\"3\">CRM - Prospek &amp; Penjualan<\/option>\r\n                    <option value=\"16\">Software Manajemen Manufaktur (MRP)<\/option>\r\n                    <option value=\"45\">Sistem Manajemen Pengadaan (Procurement)<\/option>\r\n                    <option value=\"14\">Sistem Manajemen Gudang<\/option>\r\n                    <option value=\"42\">Point of Sales (POS) untuk Retail &amp; Supermarket<\/option>\r\n                    <option value=\"53\">Point of Sales (POS) untuk F&amp;B<\/option>\r\n                    <option value=\"54\">Recruitment System (EVA - Recruite)<\/option>\r\n                    <option value=\"5\">HRM - Absensi, Payroll &amp; Pajak<\/option>\r\n                    <option value=\"55\">Talent Management System (EVA - Talent)<\/option>\r\n                    <option value=\"34\">Transportation Management System<\/option>\r\n                    <option value=\"7\">Solusi Management Sekolah<\/option>\r\n                    <option value=\"43\">Solusi Manajemen Konstruksi<\/option>\r\n                    <option value=\"56\">Sistem Manajemen Perhotelan<\/option>\r\n                    <option value=\"57\">Software Manajemen Bisnis Agrikultur<\/option>\r\n                    <option value=\"34\">Manajemen Transportasi &amp; Logistik<\/option>\r\n                    <option value=\"17\">Sistem Manajemen Fasilitas<\/option>\r\n                    <option value=\"30\">Manajemen Bangunan, Properti &amp; Real-Estate<\/option>\r\n                    <option value=\"18\">Sistem Manajemen Pengunjung<\/option>\r\n                    <option value=\"52\">Lainnya<\/option>\r\n                    <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <button type=\"button\" onclick=\"nextStep()\" class=\"btn btn-warning my-3 my-md-0\">Dapatkan Estimasi<\/button>\r\n            <p id=\"step1ErrorMessage\" class=\"error-message \"><\/p>\r\n        <\/div>\r\n        <div class=\"form-step overlay\" id=\"form-popup\">\r\n\t\t<div class=\"wrapper\">\r\n\t\t\t<h3 class=\"title-style\" style=\"text-align:center;\">Masukan Info Kontak Anda untuk Mendapatkan Estimasi Biaya<\/h3>\r\n            <div class=\"row space\">\r\n\t\t\t\t<div class=\"col-lg-6\">\r\n\t\t\t\t\t<div class=\"form-group mb-3\">\r\n                        <input type=\"text\" name=\"fullname\" class=\"form-control input-style\" placeholder=\"Nama Lengkap\">\r\n                \t<\/div>\r\n\t\t\t\t<\/div>\r\n            <\/div>\r\n            <div class=\"row space\">\r\n\t\t\t\t<div class=\"col-lg-6\">\r\n                    <div class=\"form-group mb-3\">\r\n                        <input type=\"email\" name=\"email\" class=\"form-control inputemail input-style\" required placeholder=\"Email\">\r\n                    <\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"col-lg-6\">\r\n                    <div class=\"form-group mb-3\">\r\n                        <input type=\"tel\" name=\"phonenumber\" class=\"form-control inputtel input-style\" required placeholder=\"Phone\/Whatsapp\">\r\n                    <\/div>\r\n\t\t\t\t<\/div>\r\n            <\/div>\r\n            <input type=\"hidden\" class=\"campaigndata\" name=\"campaigndata\" value=\"\">\r\n            <input type=\"hidden\" class=\"team\" name=\"team\" value=\"6\">\r\n            <input type=\"hidden\" class=\"sources\" name=\"source\" value=\"16\">\r\n            <input type=\"hidden\" class=\"gclid\" name=\"gclid\" value=\"\">\r\n            <input type=\"hidden\" class=\"medium\" name=\"medium\" value=\"118\">\r\n            <input type=\"hidden\" class='fvis' name=\"fvis\" value=\"disabled by browser\">\r\n            <input type=\"hidden\" class='lvis' name=\"lvis\" value=\"disabled by browser\">\r\n            <input type=\"hidden\" class='country' name=\"country\" value=\"100\">\r\n\t\t\t<button type=\"submit\" onclick=\"submitForm()\" id='submit-button' class=\"submit-button btn btn-warning my-3 my-md-0\">Kirim<\/button>\r\n\t\t\t<p class='close-step'><span onclick='closeOverlay()'>Tutup<\/span><\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n        <p id=\"step2ErrorMessage\" class=\"error-message\"><\/p>\r\n    <p style='margin:15px 0;padding-left:5px;line-height:20px'>Butuh respon lebih cepat? Hubungi kami lewat <a href='https:\/\/wa.me\/+6287888000015' style=\"color:#ee9305;font-weight: 600;\"> Whatsapp<\/a><\/p>\r\n        <div class=\"text-center text-md-right mt-0 submitbutton\">\r\n            \r\n        <\/div>\r\n    <\/form>\r\n\r\n    <div class=\"overlay thanks-popup\">\r\n        <div class=\"popup\">\r\n\t\t\t<button class=\"closeoverlay2\" onclick=\"if (!window.__cfRLUnblockHandlers) return false; closeOverlay()\">X<\/button>\r\n\t\t\t<div class=\"row\">\r\n\t\t\t\t<div class=\"col-lg-5\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/06\/popup-thankyou.webp\" style='max-width:100%'>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"col-lg-7\" style = \"padding-left:56px\">\r\n\t\t\t\t\t<h3 style='color:#333'>Terima Kasih, Tim kami akan menghubungi Anda melalui email!<\/h3>\r\n\t\t\t\t\t<p  style='color:#333'>Pastikan anda cek kembali email inbox untuk terhubung dengan tim professional HashMicro<\/p>\r\n\t\t\t\t\t<p style=\"margin-bottom: 0px;\">\r\n\t\t\t\t\t\t<button class=\"closeoverlay\" onclick=\"if (!window.__cfRLUnblockHandlers) return false; closeOverlay()\">Tutup<\/button>\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n        const form = document.getElementById('webform-article');\r\n        const formSteps = form.getElementsByClassName('form-step');\r\n        const overlay = document.querySelector('.overlay.thanks-popup');\r\n        const overlaystep = document.querySelector('.form-step.overlay');\r\n\r\n        let currentStep = 0;\r\n\r\n        function showStep(step) {\r\n            formSteps[currentStep].classList.remove('active');\r\n            formSteps[step].classList.add('active');\r\n            currentStep = step;\r\n        }\r\n\r\n        function nextStep() {\r\n\t\t    if (validateStep(currentStep)) {\r\n\t\t        if (currentStep === formSteps.length - 1) {\r\n\t\t            submitForm();\r\n\t\t        } else {\r\n\t\t            showStep(currentStep + 1);\r\n\t\t        }\r\n\t\t    }\r\n\t\t    removeErrorBorder(); \/\/ Tambahkan fungsi ini pada setiap pemanggilan nextStep()\r\n\t\t}\r\n\r\n        function validateStep(step) {\r\n            const fields = formSteps[step].querySelectorAll('#webform-article input, #webform-article select');\r\n            let isValid = true;\r\n\r\n            for (let i = 0; i < fields.length; i++) {\r\n                const field = fields[i];\r\n                field.classList.remove('error');\r\n            }\r\n\r\n            const errorMessage = document.getElementById(`step${step + 1}ErrorMessage`);\r\n            errorMessage.textContent = '';\r\n\r\n            for (let i = 0; i < fields.length; i++) {\r\n                const field = fields[i];\r\n                if (!field.checkValidity()) {\r\n                    field.classList.add('error');\r\n                    isValid = false;\r\n                }\r\n            }\r\n\r\n            if (!isValid) {\r\n                errorMessage.textContent = 'Mohon lengkapi form.';\r\n            }\r\n\r\n            return isValid;\r\n        }\r\n\r\n\r\n\t\t\r\n\r\n\t\tfunction submitForm() {\r\n\t\t    if (validateStep(currentStep)) {\r\n\t\t\t\t\r\n\t\t        showOverlay();\r\n\t\t    }\r\n\t\t    removeErrorBorder(); \/\/ Tambahkan fungsi ini pada setiap pemanggilan submitForm()\r\n\t\t}\r\n\t  function closeOverlay() {\r\n            overlay.classList.remove('active');\r\n            overlaystep.classList.remove('active');\r\n\t\t  currentStep = 0;\r\n\t  }\r\n        function showOverlay() {\r\n            overlay.classList.add('active');\r\n            overlaystep.classList.remove('active');\r\n\t\t\tjQuery(document).ready(function() {\r\n\t\t\t\t\tvar apiUrl = \"https:\/\/website-api.hashmicro.com\/api\/xdt\/hxmcr\";\r\n\t\t\t\t\tjQuery.ajax({\r\n\t\t\t\t\t\turl: apiUrl,\r\n\t\t\t\t\t\tmethod: \"GET\",\r\n\t\t\t\t\t\tsuccess: function(response) {\r\n\t\t\t\t\t\tconsole.log(response);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\terror: function(xhr, status, error) {\r\n\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n        }\r\n\r\n        function removeErrorBorder() {\r\n\t\t    const errorFields = document.querySelectorAll('.error');\r\n\t\t    for (let i = 0; i < errorFields.length; i++) {\r\n\t\t        errorFields[i].addEventListener('input', function () {\r\n\t\t            this.classList.remove('error');\r\n\t\t            const errorMessage = document.getElementById(`step${currentStep + 1}ErrorMessage`);\r\n\t\t            errorMessage.textContent = '';\r\n\t\t        });\r\n\t\t    }\r\n\t\t}\r\n\t  \r\n\t  \r\n   jQuery('.hm-contact-form-article').submit(function(event) {\r\n            event.preventDefault(); \/\/ Prevent direct form submission\r\n            jQuery('.submit-button').prepend(`<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/assets\/loading.gif\" style=\"opacity: 0.5; margin-right:7px; margin-top:-2px\" width=\"20px\" height=\"20px\">`)\r\n\r\n            \/\/ jQuery('#alert').text('Processing...').fadeIn(0); \/\/ Display \"Processing\" to let the user know that the form is being \r\n\/\/submitted\r\n            \/\/ grecaptcha.ready(function () {\r\n            \/\/     grecaptcha.execute('6LefSbsaAAAAAFaLzARjVcIhXRPsAwsu1a6mCOyW', { action: '\/actionform' }).then(function (token) {\r\n                    \/\/ var recaptchaResponse = document.getElementById('recaptchaResponse');\r\n                    \/\/ recaptchaResponse.value = token;\r\n                    \/\/ Make the Ajax call here\r\n                    jQuery.ajax({\r\n                        url: 'https:\/\/website-api.hashmicro.com\/api\/add',\r\n                        type: 'POST',\r\n                        data: jQuery(this).serialize() + morestuff,\r\n                        dataType: 'json',\r\n                        tryCount : 0,\r\n                        retryLimit : 1,\r\n                        beforeSend: function() {    \r\n                          \/\/   jQuery('.alert-msg').html( \"<p>Processing input:<\/p>\" );\r\n                            jQuery('.submit-button').prop('disabled', true);\r\n                        },\r\n                        success: function( _response ){\r\n                            \/\/ The Ajax request is a success. _response is a JSON object\r\n                            var error = _response.errors;\r\n                            var success = _response.status;\r\n                            console.log(_response);\r\n                            console.log(success);\r\n                            if(success != \"200\") {\r\n                                jQuery('.alert-msg').html('<p>'+error.message+'<\/p>');\r\n                                jQuery('.submit-button').prop('disabled', false);\r\n                            } else {\r\n\r\n                                overlay.classList.add('active');\r\n                                \/\/ current domain\r\n                                var currentDomain = window.location.hostname;\r\n                                \/\/ Get the current URL\r\n                                var currentURL = window.location.href;\r\n                                if (currentDomain.indexOf(\"www.hashmicro.com\") !== -1) {\r\n                                  if (currentURL.indexOf(\"www.hashmicro.com\/id\/\") !== -1) {\r\n                                    \/\/ window.location.href =\"https:\/\/www.hashmicro.com\/id\/terimakasih\"\r\n                                  } else {\r\n                                    \/\/ window.location.href =\"https:\/\/www.hashmicro.com\/thankyou\"\r\n                                  }\r\n                                }if (currentDomain.indexOf(\"www.koneksi.co\") !== -1) {\r\n                                    \/\/ window.location.href =\"https:\/\/www.koneksi.co\/terima-kasih\"\r\n                                }\r\n                                \/\/ else{\r\n                                \/\/   if (currentURL.indexOf(\".com\/id\") !== -1) {\r\n                                \/\/     window.location.href =\"https:\/\/\"+currentDomain+\"\/id\/terima-kasih\"\r\n                                \/\/   } else {\r\n                                \/\/     window.location.href =\"https:\/\/\"+currentDomain+\"\/thank-you\"\r\n                                \/\/   }\r\n                                \/\/ }\r\n                            }\r\n                        },\r\n                        error: function(jqXhr, json, errorThrown){\r\n                            var error = jqXhr.responseJSON;\r\n                            console.log(json)\r\n                          if (json == 'error') {\r\n                              this.url = \"https:\/\/website-api.hashmicro.com\/api\/add\/2\";\r\n                              this.type = \"POST\";\r\n                              this.tryCount++;\r\n                              if (this.tryCount <= this.retryLimit) {\r\n                                  \/\/try again\r\n                                  jQuery.ajax(this);\r\n                                  return;\r\n                              }            \r\n                              return;\r\n                          }\r\n                          if (jqXhr.status == 500) {\r\n                              \/\/   console.log(error.errors)\r\n                              \/\/ jQuery('.alert-msg').html( \"<p>gagal:<\/p>\" );\r\n                              for(var key in error.errors) {\r\n                                  for (var key1 in error.errors[key]) {\r\n                                      jQuery('.alert-msg').html('<span>'+error.errors[key][key1]['id']+'<\/span>');\r\n                                  }\r\n                              }\r\n                          } else {\r\n                              \/\/handle error\r\n                          }\r\n\r\n                          jQuery('.submit-button').prop('disabled', false);\r\n                        }\r\n                \/\/     });\r\n                \/\/ });\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n<script>\r\n\/\/ Force team ID to always be 6 when submitting the form\r\njQuery(document).ready(function($) {\r\n    $('.hm-contact-form').on('submit', function() {\r\n        \/\/ Ensure team value is set to 6 before submission\r\n        $(this).find('.team').val('6');\r\n    });\r\n    \r\n    \/\/ Additional check to ensure team ID is correctly set\r\n    $(document).ajaxSend(function(event, jqxhr, settings) {\r\n        if (settings.url.includes('website-api.hashmicro.com\/api\/add')) {\r\n            \/\/ Make sure team=6 is in the data being sent\r\n            if (!settings.data.includes('team=6')) {\r\n                settings.data = settings.data.replace(\/team=\\d+\/, 'team=6');\r\n                \/\/ If team parameter doesn't exist, add it\r\n                if (!settings.data.includes('team=')) {\r\n                    settings.data += '&team=6';\r\n                }\r\n            }\r\n        }\r\n    });\r\n});\r\n<\/script>\n<div id=\"toc_container\">\n<p><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<\/div>\n<h2 id=\"pengertian\"><b>Pengertian <\/b><b><i>E-commerce<\/i><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Secara sederhana<\/span><span style=\"font-weight: 400;\">\u00a0adalah proses pembelian dan penjualan produk secara elektronik melalui media internet.<\/span><span style=\"font-weight: 400;\">\u00a0penggunaanya, transaksi jual beli melalui <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> dapat dilakukan dengan mudah dan praktis. Pelanggan sudah tidak perlu lagi bertemu secara langsung dengan penjual untuk melakukan transaksi. Kegiatan jual beli melalui <\/span><i><span style=\"font-weight: 400;\">electronic commerce <\/span><\/i><span style=\"font-weight: 400;\">dapat <\/span><span style=\"font-weight: 400;\">melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, serta sistem pengumpulan data otomatis.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Akibat kemudahan yang ada saat menggunakan<\/span><i><span style=\"font-weight: 400;\"> electronic commerce<\/span><\/i><span style=\"font-weight: 400;\">, mulai banyak pelaku bisnis yang beralih untuk berjualan secara <\/span><i><span style=\"font-weight: 400;\">online<\/span><\/i><span style=\"font-weight: 400;\">. Penjual hanya perlu mengunggah barang jualannya, dan pembeli akan melihat barang yang mereka jual. Diskusi dan percakapan juga dapat dengan mudah dilakukan secara <\/span><i><span style=\"font-weight: 400;\">online<\/span><\/i><span style=\"font-weight: 400;\">. Semudah itu proses jual beli melalui <\/span><i><span style=\"font-weight: 400;\">ecommerce <\/span><\/i><span style=\"font-weight: 400;\">yang dapat kita lakukan bahkan hanya dalam hitungan menit, selain itu kegiatan ini juga dapat menghemat waktu Anda dalam berbelanja.\u00a0<\/span><\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2 id=\"jenis\"><strong>Apa Saja Jenis E-commerce\u00a0<\/strong><\/h2>\n<p>Sistem bisnis yang terjadi di Ecommerce ini ada 6 golongan yaitu :<\/p>\n<h3>Business to Business (B2B)<\/h3>\n<p>Jenis e-commerce ini adalah sebuah perusahaan yang menjual produk atau jasa kepada perusahaan lainnya. Model <b>e-commerce<\/b> seperti ini, pembeli biasanya memesan barang dalam jumlah banyak. Contohnya adalah perusahaan yang membeli perlengkapan kantor dari produsen.<\/p>\n<h3>Business to Consumer (B2C)<\/h3>\n<p>Dalam jenis <b>e-commerce<\/b> ini, perusahaan menjual produk atau layanan kepada konsumen. Secara umum, pelanggan e-commerce B2C hanya terlibat dalam industri ritel. Aktivitas seperti membeli sesuatu dari toko online adakah termasuk dalam kategori ini. Untuk meningkatkan efisiensi proses transaksi, perusahaan dapat <span style=\"font-weight: 400;\">menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/pos\">sistem pos retail<\/a> yang sudah terintegrasi dengan sistem akuntansi, manajemen inventaris, dan lainnya.\u00a0<\/span><\/p>\n<h3>Consumer to Consumer (C2C)<\/h3>\n<p>Transaksi yang terjadi antara penjual dan penjual lain adalah jenis C2C. Contohnya seperti Anda jika pernah menjual produk bekas kepada orang yang membutuhkan di internet. Ini termasuk kedalam proses C2C.<\/p>\n<h3>Consumer to Business (C2B)<\/h3>\n<p>Jenis ini adalah kebalikan B2C yang mana penjual biasanya menjual produk atau layanan kepada pihak perusahaan. Seperti jika Anda menjual jasa <em>cleaning service\u00a0<\/em>atau menjual logo kepada perusahaan yang membutuhkan.<\/p>\n<h3>Business to Public Administration (B2A)<\/h3>\n<p>Pelaku untuk jenis ini adalah bisnis dan lembaga pemerintah. Sebenarnya sistemnya sama seperti B2B. Contoh untuk jenis ini adalah ketika lembaga pemerintah membutuhkan pelaku bisnis dalam membuatkan website atau aplikasi. Permudah proses pembelian menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/sistem-pembelian\">sistem procurement<\/a> untuk pemerintah agar transaksi dapat berjalan dengan lebih efisien.<\/p>\n<h3>Consumer to Public Administration (C2A)<\/h3>\n<p>Jenis transaksi yang terjadi biasanya berupa jasa. Sistemnya kurang lebih sama seperti C2B hanya saja pelakunya adalah individu dan lembaga pemerintah. Jenis ini memang jarang ditemukan di Indonesia.<\/p>\n<h2 id=\"perkembangan\"><b>Perkembangan <\/b><b><i>E-commerce<\/i><\/b><b> di Indonesia<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Di Indonesia sendiri, pertumbuhan industri<\/span><i><span style=\"font-weight: 400;\"> E-commerce<\/span><\/i><span style=\"font-weight: 400;\"> menjadi salah satu industri yang mengalami perkembangan sangat signifikan. Terlebih lagi, akibat adanya pandemi COVID-19 yang membuat banyak masyarakat secara mau tidak mau mengandalkan <\/span><i><span style=\"font-weight: 400;\">platform<\/span><\/i><span style=\"font-weight: 400;\"> belanja digital <\/span><span style=\"font-weight: 400;\">ini sebagai media untuk memenuhi kebutuhan sehari-hari.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dilansir dari <\/span><a href=\"https:\/\/www.gwi.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Globalwebindex<\/span><\/a><span style=\"font-weight: 400;\">, sekitar 90% pengguna internet Indonesia sudah pernah berbelanja <\/span><i><span style=\"font-weight: 400;\">online<\/span><\/i><span style=\"font-weight: 400;\"> yang menjadikan Indonesia berada pada tingkat tertinggi dalam penggunaan <\/span><i><span style=\"font-weight: 400;\">electronic commerce<\/span><\/i><span style=\"font-weight: 400;\"> seluruh dunia. Berdasarkan laporan <\/span><a href=\"https:\/\/www.mckinsey.com\/spContent\/digital_archipelago\/index.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">McKinsey<\/span><\/a><span style=\"font-weight: 400;\">, memprediksi bahwa industri <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> Indonesia akan mencapai nilai 40 miliar USD pada tahun 2022. Dengan adanya <\/span><span style=\"font-weight: 400;\">perkembangan <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> di Indonesia<\/span><span style=\"font-weight: 400;\"> yang signifikan, hal ini menyebabkan naiknya potensi untuk terus mengakuisisi konsumer Indonesia dan <\/span><i><span style=\"font-weight: 400;\">electronic commerce <\/span><\/i><span style=\"font-weight: 400;\">diprediksikan untuk terus meningkatkan ekonomi Indonesia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kemudahan pembukaan toko <\/span><i><span style=\"font-weight: 400;\">online<\/span><\/i><span style=\"font-weight: 400;\"> pada berbagai <\/span><i><span style=\"font-weight: 400;\">electronic commerce<\/span><\/i><span style=\"font-weight: 400;\"> akan sangat membantu UMKM menjual produk dan jasa dengan jangkauan konsumen yang lebih luas. Karena kemudahan itulah perkembangan e-commerce di indonesia saat ini sangat pesat. Terbukti dengan hadirnya beragam platform e-commerce yang banyak digandrungi oleh masyarakat luas.<\/span><\/p>\n<figure id=\"attachment_8660\" aria-describedby=\"caption-attachment-8660\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-8660 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/EcommerceActivitiesinIndonesiaSeptember2019DataReportal.png\" alt=\"e-commerce Indonesia\" width=\"1000\" height=\"563\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/EcommerceActivitiesinIndonesiaSeptember2019DataReportal.png 1000w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/EcommerceActivitiesinIndonesiaSeptember2019DataReportal-300x169.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/EcommerceActivitiesinIndonesiaSeptember2019DataReportal-768x432.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/EcommerceActivitiesinIndonesiaSeptember2019DataReportal-150x84.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/EcommerceActivitiesinIndonesiaSeptember2019DataReportal-696x392.png 696w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-8660\" class=\"wp-caption-text\">Sumber: datareportal.com<\/figcaption><\/figure>\n<h2 id=\"contoh\"><b>Contoh<\/b><b><i> E-commerce Website<\/i><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Berikut ini merupakan contoh electronic commerce yang berkembang pesat pada industri global:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Amazon<\/span><\/h3>\n<figure id=\"attachment_8661\" aria-describedby=\"caption-attachment-8661\" style=\"width: 1520px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-8661 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1.png\" alt=\"amazon\" width=\"1520\" height=\"800\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1.png 1520w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1-300x158.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1-1024x539.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1-768x404.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1-150x79.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1-696x366.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/What-to-Do-When-Amazon-Sales-Start-to-Cannibalize-Your-Ecommerce-Sales-1520x800-1-1068x562.png 1068w\" sizes=\"auto, (max-width: 1520px) 100vw, 1520px\" \/><figcaption id=\"caption-attachment-8661\" class=\"wp-caption-text\">Sumber: searchenginejournal.com<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Amazon merupakan salah satu perusahaan ritel multinasional <\/span><span style=\"font-weight: 400;\">yang fokus pada bidang <\/span><i><span style=\"font-weight: 400;\">electronic commerce. <\/span><\/i><span style=\"font-weight: 400;\">tak hanya itu, Amazon juga memfokuskan perusahaannya pada<\/span><i><span style=\"font-weight: 400;\">\u00a0cloud computing, digital streaming, dan artificial intelligence<\/span><\/i><span style=\"font-weight: 400;\"> asal Amerika Serikat. Namun <\/span><span style=\"font-weight: 400;\">pada awal berdirinya, ternyata Amazon merupakan perusahaan yang fokus dalam penjualan buku. Tetapi seiring berjalannya waktu, perusahaan ini terus berkembang. Hingga akhirnya menjadi salah satu <\/span><i><span style=\"font-weight: 400;\">platform electronic commerce<\/span><\/i><span style=\"font-weight: 400;\"> terbesar dan terbaik sedunia.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Nova Smart Home<\/span><\/h3>\n<figure id=\"attachment_8662\" aria-describedby=\"caption-attachment-8662\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-8662 size-large\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i-1024x556.jpg\" alt=\"Web Ecommerce\" width=\"696\" height=\"378\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i-1024x556.jpg 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i-300x163.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i-768x417.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i-150x81.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i-696x378.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i-1068x580.jpg 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/ERmypfeWAAA0v9i.jpg 1290w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><figcaption id=\"caption-attachment-8662\" class=\"wp-caption-text\">Sumber: awwwards.com<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Nova Smart Home merupakan salah satu perusahaan telekomunikasi dari Islandia. Peusahaan ini memiliki<\/span><i><span style=\"font-weight: 400;\"> microsite <\/span><\/i><span style=\"font-weight: 400;\">unik khusus untuk perangkat <\/span><i><span style=\"font-weight: 400;\">smart home<\/span><\/i><span style=\"font-weight: 400;\"> miliknya. Desain situs webnya menggunakan animasi 3D dengan model rumah, serta menyediakan demo produk yang interaktif. Dengan inovasinya, Nova Smart Home mampu menarik perhatian konsumennya serta menjadi cara diferensiasi yang baik. Hal ini tentunya dapat berfungsi untuk perkembangannya dalam dunia <\/span><i><span style=\"font-weight: 400;\">electronic commerce<\/span><\/i><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. Welly<\/span><\/h3>\n<figure id=\"attachment_8663\" aria-describedby=\"caption-attachment-8663\" style=\"width: 1019px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-8663 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/Welly-Hospital-Admin-Dashboard-Laravel-8.jpg\" alt=\"Web Ecommerce\" width=\"1019\" height=\"679\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/Welly-Hospital-Admin-Dashboard-Laravel-8.jpg 1019w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/Welly-Hospital-Admin-Dashboard-Laravel-8-300x200.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/Welly-Hospital-Admin-Dashboard-Laravel-8-768x512.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/Welly-Hospital-Admin-Dashboard-Laravel-8-150x100.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/Welly-Hospital-Admin-Dashboard-Laravel-8-696x464.jpg 696w\" sizes=\"auto, (max-width: 1019px) 100vw, 1019px\" \/><figcaption id=\"caption-attachment-8663\" class=\"wp-caption-text\">Sumber: cromur.com<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Jika ingin membuat toko <\/span><i><span style=\"font-weight: 400;\">online<\/span><\/i><span style=\"font-weight: 400;\"> bergaya minimalis, Anda dapat menemukannya dari <\/span><i><span style=\"font-weight: 400;\">e-commerce website<\/span><\/i><span style=\"font-weight: 400;\"> yang satu ini. Welly merupakan salah satu<\/span><i><span style=\"font-weight: 400;\"> e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> yang menjual alat kesehatan dari Amerika Serikat. <\/span><i><span style=\"font-weight: 400;\">E-commerce<\/span><\/i><span style=\"font-weight: 400;\"><em> website<\/em> ini memiliki desain <\/span><i><span style=\"font-weight: 400;\">situs web <\/span><\/i><span style=\"font-weight: 400;\">yang modern yang mampu membantu<\/span><i><span style=\"font-weight: 400;\"> customer<\/span><\/i><span style=\"font-weight: 400;\"> memahami <\/span><i><span style=\"font-weight: 400;\">core <\/span><\/i><span style=\"font-weight: 400;\">bisnis mereka. Fitur menarik lainnya dari<\/span><i><span style=\"font-weight: 400;\"> e-commerce website<\/span><\/i><span style=\"font-weight: 400;\"> ini adalah palet warnanya, dengan dominasi warna putih untuk latar belakang dan warna hijau untuk teks, serta dengan aksen warna oranye. Kombinasi warna ini akan langsung menarik perhatian pengunjung ke elemen yang paling penting, seperti <\/span><a href=\"https:\/\/adespresso.com\/blog\/call-to-action-examples\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">tombol <\/span><i><span style=\"font-weight: 400;\">call-to-action<\/span><\/i><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Tokopedia<\/span><\/h3>\n<figure id=\"attachment_8664\" aria-describedby=\"caption-attachment-8664\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-8664 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/tokped-4-juni-2021.jpeg\" alt=\"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!\" width=\"800\" height=\"500\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/tokped-4-juni-2021.jpeg 800w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/tokped-4-juni-2021-300x188.jpeg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/tokped-4-juni-2021-768x480.jpeg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/tokped-4-juni-2021-150x94.jpeg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/09\/tokped-4-juni-2021-696x435.jpeg 696w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-8664\" class=\"wp-caption-text\">Source: bisnis.com<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Pasti kita sudah sering melihat dan menggunakan <em>platform <\/em>ini untuk berbelanja. Tokopedia merupakan salah satu startup<\/span><i><span style=\"font-weight: 400;\"> e-commerce <\/span><\/i><span style=\"font-weight: 400;\">Indonesia <\/span><span style=\"font-weight: 400;\"> terbesar dan terkemuka yang telah menyandang status<\/span><i><span style=\"font-weight: 400;\"> unicorn<\/span><\/i><span style=\"font-weight: 400;\">. Berdasarkan <\/span><span style=\"font-weight: 400;\">situs web resmi Tokopedia<\/span><span style=\"font-weight: 400;\">, misi dari perusahaan ini yaitu untuk menciptakan pemerataan ekonomi secara digital. Startup ini juga sudah memiliki banyak pencapaian. Seperti menciptakan banyak lapangan kerja, meningkatkan penjualan bisnis pada berbagai tempat, membuka peluang usaha yang lebih mudah secara digital bagi para pelaku bisnis, dan lainnya.<\/span><\/p>\n<h2 id=\"kesimpulan\"><b>Kesimpulan<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Hadirnya <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> khususnya pada Indonesia terbukti berdampak besar dalam aspek kemudahan berbelanja masyarakat. Perkembangan <em>e-commerce<\/em> di Indonesia yang sangat signifikan ini memberikan kemudahan, tidak hanya memudahkan berbelanja tapi Anda juga dapat mencoba untuk memulai bisnis <\/span><i><span style=\"font-weight: 400;\">e-commerce <\/span><\/i><span style=\"font-weight: 400;\">karena ini adalah salah satu bisnis yang menjanjikan untuk kedepannya. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Saat ini juga sudah ada berbagai platform untuk menunjang bisnis <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">seperti <\/span><i><span style=\"font-weight: 400;\">online marketplace<\/span><\/i><span style=\"font-weight: 400;\"> dan media sosial. Penggunaan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-erp-terbaik\/\">platform manajemen ERP<\/a> yang dapat mengintegrasikan seluruh aspek dalam bisnis dapat memaksimalkan potensi dari bisnis <em>e-commerce<\/em> yang Anda jalani.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk memaksimalkan strategi bisnis <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\">, Anda juga bisa menggunakan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/hash-core-erp\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">ERP<\/span><i><span style=\"font-weight: 400;\"> Software<\/span><\/i><\/a><span style=\"font-weight: 400;\"> dari HashMicro untuk membuat proses bisnis berjalan dengan efektif dan mencapai tujuan yang maksimal. Dapatkan visibilitas terbaik untuk seluruh proses bisnis Anda dari procurement hingga sales di satu <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/apa-itu-sistem-erp\/\">sistem ERP<\/a> terpusat, kapan dan di mana saja Anda berada. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jadwalkan\u00a0<a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">demo gratis<\/a> software ERP HashMicro untuk ketahui lebih lanjut bagaimana solusi kami bisa membantu bisnis Anda.<br \/>\n<\/span><\/p>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:6657,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial, sans-serif&quot;}\"><a href=\"https:\/\/www.hashmicro.com\/id\/sistem-erp?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/erp-descriptive.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/erp-descriptive.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/erp-descriptive-m.webp\" alt=\"ERP_Definisi\" 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><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seiring dengan berkembangnya dunia digital, rasanya bukan hal aneh lagi jika seseorang kedapatan membeli barang secara online. Internet sudah tidak hanya digunakan untuk mencari informasi, melainkan juga untuk mencari kebutuhan produk mereka. Perkembangan teknologi era digital ini juga memberikan kemudahan bagi segala jenis aspek kehidupan, salah satunya kemudahan berbisnis melalui sarana internet atau yang kita [&hellip;]<\/p>\n","protected":false},"author":165,"featured_media":140332,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-8659","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-erp"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Pengertian E-commerce dan Perkembangannya di Indonesia!<\/title>\n<meta name=\"description\" content=\"Secara sederhana e-commerce adalah wadah pembelian dan penjualan produk melalui internet (online). Ketahui perkembangannya serta contohnya!\" \/>\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\/arti-dan-perkembangan-ecommerce-di-indonesia\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!\" \/>\n<meta property=\"og:description\" content=\"Secara sederhana e-commerce adalah wadah pembelian dan penjualan produk melalui internet (online). Ketahui perkembangannya serta contohnya!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/\" \/>\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-05T08:26:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-10T08:46:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/arti-dan-perkembangan-ecommerce-di-indonesia.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=\"Novi Herawati\" \/>\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=\"Novi Herawati\" \/>\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\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/\"},\"author\":{\"name\":\"Novi Herawati\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/685b29538f3b84216a3584178a792653\"},\"headline\":\"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!\",\"datePublished\":\"2024-04-05T08:26:55+00:00\",\"dateModified\":\"2025-12-10T08:46:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/\"},\"wordCount\":1190,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg\",\"articleSection\":[\"ERP\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/\",\"name\":\"Pengertian E-commerce dan Perkembangannya di Indonesia!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg\",\"datePublished\":\"2024-04-05T08:26:55+00:00\",\"dateModified\":\"2025-12-10T08:46:57+00:00\",\"description\":\"Secara sederhana e-commerce adalah wadah pembelian dan penjualan produk melalui internet (online). Ketahui perkembangannya serta contohnya!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg\",\"width\":1200,\"height\":650,\"caption\":\"e-commerce\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/arti-dan-perkembangan-ecommerce-di-indonesia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!\"}]},{\"@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\\\/685b29538f3b84216a3584178a792653\",\"name\":\"Novi Herawati\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"caption\":\"Novi Herawati\"},\"description\":\"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.\",\"sameAs\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/\"],\"gender\":\"Perempuan\",\"knowsAbout\":[\"manajemen bisnis\",\"B2B\",\"inovasi bisnis\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Content Writer\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/author\\\/novi-herawati\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Pengertian E-commerce dan Perkembangannya di Indonesia!","description":"Secara sederhana e-commerce adalah wadah pembelian dan penjualan produk melalui internet (online). Ketahui perkembangannya serta contohnya!","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\/arti-dan-perkembangan-ecommerce-di-indonesia\/","og_locale":"id_ID","og_type":"article","og_title":"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!","og_description":"Secara sederhana e-commerce adalah wadah pembelian dan penjualan produk melalui internet (online). Ketahui perkembangannya serta contohnya!","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-04-05T08:26:55+00:00","article_modified_time":"2025-12-10T08:46:57+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg","type":"image\/jpeg"}],"author":"Novi Herawati","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Novi Herawati","Estimasi waktu membaca":"8 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/"},"author":{"name":"Novi Herawati","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653"},"headline":"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!","datePublished":"2024-04-05T08:26:55+00:00","dateModified":"2025-12-10T08:46:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/"},"wordCount":1190,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg","articleSection":["ERP"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/","name":"Pengertian E-commerce dan Perkembangannya di Indonesia!","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg","datePublished":"2024-04-05T08:26:55+00:00","dateModified":"2025-12-10T08:46:57+00:00","description":"Secara sederhana e-commerce adalah wadah pembelian dan penjualan produk melalui internet (online). Ketahui perkembangannya serta contohnya!","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/arti-dan-perkembangan-ecommerce-di-indonesia.jpg","width":1200,"height":650,"caption":"e-commerce"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/arti-dan-perkembangan-ecommerce-di-indonesia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Apa itu E-commerce? Ketahui Arti dan Perkembangannya di Indonesia!"}]},{"@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\/685b29538f3b84216a3584178a792653","name":"Novi Herawati","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","caption":"Novi Herawati"},"description":"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.","sameAs":["https:\/\/www.hashmicro.com\/id\/"],"gender":"Perempuan","knowsAbout":["manajemen bisnis","B2B","inovasi bisnis"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/novi-herawati\/"}]}},"focus_keyword":"e-commerce","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/8659","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\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=8659"}],"version-history":[{"count":5,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/8659\/revisions"}],"predecessor-version":[{"id":180199,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/8659\/revisions\/180199"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/140332"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=8659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=8659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=8659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}