{"id":37200,"date":"2025-01-17T02:10:58","date_gmt":"2025-01-16T19:10:58","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=37200"},"modified":"2026-03-26T16:01:20","modified_gmt":"2026-03-26T09:01:20","slug":"pentingnya-commercial-invoice-untuk-perusahaan","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/","title":{"rendered":"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Pelaku usaha, khususnya di bidang ekspor-impor, tentu sudah mengenal commercial invoice sebagai dokumen penting dalam perdagangan internasional. Dokumen ini berperan besar dalam kelancaran proses pengiriman karena menjadi syarat pemeriksaan oleh pihak bea cukai. Apakah Anda familiar dengan commercial invoice?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Commercial invoice adalah dokumen resmi yang digunakan dalam perdagangan internasional sebagai bukti transaksi jual beli antara eksportir dan importir. Dokumen ini mencantumkan informasi penting seperti deskripsi barang, jumlah, harga, serta nilai total yang harus dibayar oleh pembeli.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mengelola commercial invoice secara manual bukanlah hal yang mudah, apalagi jika volume transaksi tinggi. Oleh karena itu, penggunaan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software\"><span style=\"font-weight: 400;\">e-invoicing software<\/span><\/a><span style=\"font-weight: 400;\"> sangat membantu untuk mempercepat proses, meminimalkan kesalahan, dan memastikan data tercatat dengan rapi.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Artikel ini akan membahas commercial invoice secara menyeluruh, mulai dari definisi, fungsi, hingga <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/proforma-invoice\/\"><span style=\"font-weight: 400;\">contoh proforma invoice<\/span><\/a><span style=\"font-weight: 400;\">. Simak artikel ini hingga akhir untuk memperoleh pemahaman yang komprehensif mengenai peran penting dokumen ini dalam perdagangan internasional.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><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><\/span><span style=\"font-weight: 400;\"><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<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#slim\">Commercial invoice adalah<\/a> dokumen transaksi resmi yang digunakan dalam kegiatan ekspor-impor sebagai bukti jual beli antara penjual dan pembeli.<\/span><\/li>\n<li aria-level=\"1\"><a href=\"#em\">Penggunaan commercial invoice berfungsi<\/a> untuk membantu menghitung pajak dan dokumentasi izin bea cukai.<\/li>\n<li aria-level=\"1\">Implementasi<a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software\"> sistem invoice HashMicro<\/a> membantu pengelolaan commercial invoice secara efisien dan akurat.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div id=\"toc_container\">\n<h2 id=\"1\"><b><span id=\"slim\">Apa Itu Commercial Invoice?<\/span><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Commercial invoice adalah dokumen transaksi resmi yang digunakan dalam kegiatan ekspor-impor sebagai bukti jual beli antara penjual dan pembeli. Dokumen ini memuat informasi detail seperti jenis barang, jumlah, harga, dan nilai total yang digunakan untuk proses bea cukai dan pembayaran.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keberadaan dokumen ini berfungsi sebagai bukti penjualan antara eksportir dan importir. Mengisi faktur komersial untuk ekspor seharusnya bukan tugas yang sulit. Commercial <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/apa-itu-invoice\/\">invoice<\/a> sering disalahartikan sebagai bill of lading, padahal keduanya memiliki fungsi dan tujuan yang berbeda dalam proses ekspor-impor.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Letak perbedaannya dengan Bill of Lading adalah commercial invoice tidak menunjukkan kepemilikan barang dan juga tidak membawa hak atas barang yang dijual. Faktur komersial berisi rincian harga, nilai, dan jumlah barang yang dijual.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Commercial invoice dibutuhkan untuk keperluan pembayaran, terutama dalam transaksi menggunakan sistem pembayaran LC, di mana dokumen ini dapat ditunjukkan pembeli ke bank. <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/letter-of-credit-adalah\/\"><span style=\"font-weight: 400;\">Sistem pembayaran LC <\/span><\/a><span style=\"font-weight: 400;\">memastikan dana dicairkan ke penjual hanya setelah seluruh dokumen, termasuk commercial invoice, diverifikasi dan disetujui.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Berikut adalah contoh commercial invoice yang bisa Anda simak sebagai referensi:\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Screenshot-2025-03-25-080305.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-159708 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Screenshot-2025-03-25-080305.png\" alt=\"apa itu commercial invoice\" width=\"441\" height=\"572\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Screenshot-2025-03-25-080305.png 441w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Screenshot-2025-03-25-080305-231x300.png 231w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Screenshot-2025-03-25-080305-324x420.png 324w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Screenshot-2025-03-25-080305-150x195.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Screenshot-2025-03-25-080305-300x389.png 300w\" sizes=\"auto, (max-width: 441px) 100vw, 441px\" \/><\/a><\/p>\n<h2><b><span id=\"em\">Fungsi Commercial Invoice<\/span><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Berdasarkan prosesnya, commercial<a href=\"https:\/\/www.hashmicro.com\/id\/blog\/apa-itu-invoice\/\"> invoice<\/a> tagihan mempunyai fungsi yang penting dalam perdagangan ekspor. Dengan begitu bisa kita katakan bahwa dengan dokumen ini proses ekspor impor akan berjalan dengan lancar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Berikut kami sampaikan beberapa fungsi dari commercial invoice yang bisa Anda ketahui:<\/span><\/p>\n<h3><strong>1. Acuan perhitungan pajak<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Peran dan fungsi dari dokumen commercial invoice ini sebagai acuan dalam menghitung pajak dan juga termasuk dalam faktur pajak.<\/span><\/p>\n<h3><strong>2. Dokumen pengiriman barang<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Dengan menggunakan commercial invoice, maka pengiriman barang pun menjadi mudah. Oleh karena itu, para penjual harus dengan teliti sangat mengisi dokumen agar pada saat sampai bea cukai tidak terjadi masalah.<\/span><\/p>\n<h3><strong>3. Acuan petugas bea cukai<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Para petugas bea cukai juga menggunakan dokumen ini sebagai acuan mereka dalam memeriksa paket yang dikirim oleh penjual. Para petugas memeriksa paket yang masuk sesuai dengan ketentuan yang berlaku. Jika seluruh dokumen aman, maka tidak memakan waktu yang lama untuk pengecekan.<\/span><\/p>\n<h3><strong>4. Dokumen proses izin ekspor-impor<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Untuk proses perdagangan yaitu proses impor-ekspor maka dokumen commercial invoice mempunyai fungsi. Selain itu, dokumen ini juga berfungsi untuk kegiatan valuta asing. Sebagai negara pembeli faktur komersial ini berguna sebagai dokumen untuk menilai bea masuk dan pajak.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Oleh karena itu, sebelum melakukan perdagangan alangkah baiknya Anda melakukan konsultasi dengan orang terpercaya untuk persyaratan khusus ke negara tujuan. Dengan begitu, maka Anda bisa melengkapi commercial invoice.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div><\/span><\/p>\n<h2><b>Komponen dalam Commercial Invoice<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Setiap perusahaan mempunyai format penulisan format invoice masing-masing. Isi dari invoice tersebut biasanya disesuaikan dengan kebutuhannya. Sedangkan, secara rinci, sebuah invoice yang benar harus memiliki informasi tentang identitas perusahaan, seperti nama, logo perusahaan, kontak yang dapat dihubungi dan lain sebagainya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Semakin lengkap komponen yang ada di dalam invoice, maka juga akan mengantisipasi miss-komunikasi bagi pihak<\/span><a href=\"https:\/\/id.wiktionary.org\/wiki\/pembeli\"> <span style=\"font-weight: 400;\">pembeli<\/span><\/a><span style=\"font-weight: 400;\">, penjual, pengirim dan berbagai pihak yang berkepentingan. Berikut poin-poin yang ada pada komponen commercial invoice:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nomor dokumen commercial invoice<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tanggal terbitnya commercial invoice<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nama lengkap, alamat dan detail kontak pembeli<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nama lengkap, alamat dan detail kontak penjual<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nomor dan tanggal penerbitan pesanan pembelian, faktur proforma, atau kontrak penjualan<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Harga, metode pembayaran, mata uang, diskon, dan biaya tambahan<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jumlah, berat kotor\/bersih barang, jumlah\/berat\/jenis paket<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Kode tarif sistem harmonis (HS) dan deskripsi dasar barang<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Incoterms, termasuk pengiriman dan pembayaran<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u00a0Negara asal barang<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sarana transportasi\/rute<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nilai barang yang sebenarnya<\/span><\/li>\n<\/ol>\n<p><b>Baca Juga:<\/b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/e-invoice\/\"> <b>Software E-Invoice: Ketahui Manfaatnya bagi Transaksi Bisnis!<\/b><\/a><\/p>\n<h2><b>Mengapa Commercial Invoice Penting untuk Bisnis Anda?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Salah satu pertanyaan besar yang mungkin sedang Anda pikirkan saat ini adalah: <\/span><strong><i>Kenapa commercial invoice begitu penting bagi bisnis saya?<\/i><\/strong><span style=\"font-weight: 400;\"> Untuk menjawab rasa penasaran tersebut, penjelasan di bawah ini akan membahas alasan-alasan utama yang menjadikan dokumen ini sangat krusial dalam aktivitas bisnis.<\/span><\/p>\n<h3><strong>1. Membantu dalam memelihara catatan<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Faktur komersial adalah dokumen wajib dalam prosedur impor dan ekspor dan merupakan bagian penting dari jejak kertas untuk transaksi yang berkaitan dengan ekspor dan impor.<\/span><\/p>\n<h3><strong>2. Bukti penjualan<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Karena faktur komersial berisi semua detail transaksi, termasuk detail pembeli, penjual, dan deskripsi serta nilai barang, faktur tersebut merupakan bagian penting dari bukti bahwa transaksi penjualan telah terjadi.<\/span><\/p>\n<h3><strong>3. Menjamin pembayaran<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Faktur komersial adalah dokumen hukum yang membuktikan transaksi penjualan dan oleh karena itu memainkan peran penting dalam memastikan pembayaran untuk hal yang sama.<\/span><\/p>\n<h3><strong>4. Bantuan dalam verifikasi<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Deskripsi barang dalam hal kualitas, kuantitas dan harga memungkinkan importir untuk memeriksa silang dan memverifikasi isi pengiriman untuk melihat apakah mereka sesuai dengan konten yang disebutkan dalam faktur komersial.\u00a0<\/span><\/p>\n<h3><strong>5. Pemberitahuan untuk pembayaran jatuh tempo<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Faktur komersial berisi semua detail faktur biasa dan dapat digunakan sebagai pengingat untuk pembayaran yang jatuh tempo. Ini adalah alat yang efisien untuk menjaga hubungan pelanggan.<\/span><\/p>\n<h3><strong>6. Memastikan tidak ada yang melarikan diri<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Karena faktur komersial relatif rinci dan dapat digunakan sebagai bukti, tidak mungkin pembeli dapat lolos dari pembayaran yang sama.<\/span><\/p>\n<h2><b>Tips Membuat Commercial Invoice yang Efektif dan Akurat<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Membuat commercial invoice bukanlah hal yang mudah karena membutuhkan ketelitian tingkat tinggi dalam setiap detailnya. Kesalahan sekecil apa pun, seperti salah tulis harga, kode HS, atau deskripsi barang, bisa berdampak besar mulai dari penundaan pengiriman, ditolaknya dokumen oleh bea cukai, hingga kegagalan pencairan dana dalam sistem pembayaran LC.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, Anda tidak perlu khawatir. Di bawah ini kami sajikan beberapa tips praktis yang dapat membantu Anda membuat commercial invoice secara lebih efektif dan akurat.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Gunakan format internasional yang jelas<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pastikan invoice mengikuti struktur standar yang digunakan secara global dalam perdagangan internasional. Format yang seragam akan mempermudah proses verifikasi oleh pihak pembeli, bank, maupun bea cukai. Hal ini juga membantu mencegah miskomunikasi antarnegara.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Lengkapi data penjual dan pembeli<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Tulis dengan lengkap dan akurat nama, alamat, serta kontak kedua belah pihak. Informasi yang tidak lengkap dapat menghambat proses pengiriman dan pencairan pembayaran. Konsistensi data juga penting agar sesuai dengan dokumen pendukung lainnya.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. Masukkan rincian barang dan kode HS dengan akurat<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Cantumkan deskripsi barang, jumlah unit, berat, serta kode tarif HS sesuai dengan klasifikasi internasional. Data ini akan digunakan oleh pihak bea cukai untuk perhitungan pajak dan proses legalitas ekspor-impor. Kesalahan dalam penulisan bisa menyebabkan penahanan atau penolakan barang.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Tentukan incoterms yang sesuai kesepakatan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pilih Incoterms seperti FOB, CIF, atau EXW yang sudah disepakati bersama pembeli. Incoterms ini akan menjelaskan siapa yang bertanggung jawab atas biaya dan risiko selama proses pengiriman. Menyertakan Incoterms secara jelas akan menghindari sengketa logistik di kemudian hari.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">5. Gunakan mata uang dan metode pembayaran yang konsisten<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pastikan Anda mencantumkan nilai transaksi dalam mata uang yang telah disepakati, seperti USD atau EUR. Jelaskan metode pembayaran yang digunakan, apakah melalui transfer bank atau Letter of Credit (LC). Dalam hal ini, mengimplementasi <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software\"><span style=\"font-weight: 400;\">sistem invoice HashMicro<\/span><\/a><span style=\"font-weight: 400;\"> dapat membantu Anda memastikan data pembayaran tercatat dengan konsisten dan sesuai ketentuan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">HashMicro menawarkan fitur otomatisasi lengkap yang memudahkan pengisian data, <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/bic-bank-identifier-code\/\">pelacakan status pembayaran internasional<\/a>, hingga integrasi dengan modul akuntansi. Selain itu, sistem ini juga dirancang sesuai kebutuhan bisnis di Indonesia, sehingga lebih relevan dan mudah digunakan oleh tim operasional.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Klik banner skema harga di bawah ini untuk kalkulasikan kebutuhan sistem invoice yang paling sesuai untuk bisnis Anda!<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div><\/span><\/p>\n<h3><span style=\"font-weight: 400;\">6. Lakukan pemeriksaan ulang sebelum dikirim<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Sebelum invoice dikirimkan, pastikan seluruh informasi sudah benar dan sesuai dengan dokumen pendukung. Kesalahan kecil bisa berdampak besar terhadap proses bea cukai atau pencairan dana. Pengecekan ganda menjadi langkah penting untuk menjamin kelancaran ekspor-impor Anda.<\/span><\/p>\n<h2 id=\"4\"><b>Permudah Kelola Invoice Perusahaan dengan Menggunakan E-invoicing HashMicro<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-156959 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Laporan-Keuangan.webp\" alt=\"commercial invoice\" width=\"782\" height=\"479\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Laporan-Keuangan.webp 782w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Laporan-Keuangan-300x184.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Laporan-Keuangan-768x470.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Laporan-Keuangan-686x420.webp 686w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Laporan-Keuangan-150x92.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/Laporan-Keuangan-696x426.webp 696w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Ada banyak perusahaan yang menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-invoice-terbaik\/\">aplikasi invoice<\/a> atau Software E-Invoice untuk kemajuan bisnisnya. Aplikasi Hash E-Invoice dari HashMicro menawarkan solusi yang dapat memperpermudah Anda dalam mengelola proses operasional bisnis<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sistem <\/span><span style=\"font-weight: 400;\">e-invoicing <\/span><span style=\"font-weight: 400;\">memiliki beberapa fitur yang dapat Anda gunakan sesuai dengan kebutuhan. Hashmicro menawarkan beberapa fitur yang unggul. Berikut ini beberapa fitur yang akan Anda dapatkan jika menggunakan Aplikasi Hash E<\/span><span style=\"font-weight: 400;\">-Invoicing<\/span><span style=\"font-weight: 400;\">:<\/span><\/p>\n<h3><strong>1. Invoice generation<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Fitur yang bisa Anda dapatkan ialah <\/span><span style=\"font-weight: 400;\">invoice generation <\/span><span style=\"font-weight: 400;\">yang mana mempermudah dalam membuat template faktur tertentu. Anda juga dapat kustomisasi <\/span><span style=\"font-weight: 400;\">template<\/span><span style=\"font-weight: 400;\"> sesuai kebutuhan. Oleh karena itu, Anda tidak perlu membuat ulang template dan bisa segera mengirimkannya via email.<\/span><\/p>\n<h3><strong>2. Tax &amp; discount management<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Dengan fitur yang disediakan oleh HashMicro ini dapat membantu Anda menghitung pajak dan diskon sesuai dengan jumlah transaksi setiap klien. Sistem ini menghitung secara otomatis, sehingga <\/span><span style=\"font-weight: 400;\">invoice <\/span><span style=\"font-weight: 400;\">dapat akurat.\u00a0<\/span><\/p>\n<h3><strong>3. Online payment management<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Fitur <\/span><span style=\"font-weight: 400;\">online payment management <\/span><span style=\"font-weight: 400;\">mempermudah Anda dalam pembayaran dengan <\/span><span style=\"font-weight: 400;\">online payment gateway, <\/span><span style=\"font-weight: 400;\">serta dapat mengirim resi dengan portal yang sama.<\/span><\/p>\n<h3><strong>4. Credit limit management<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Melalui fitur ini maka dapat mengatur batasan kredit yang berbeda mengingat setiap klien memiliki batasan kreditnya masing-masing.\u00a0<\/span><\/p>\n<h3><strong>5. Invoice approval &amp; validation<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Sistem ini dapat Anda gunakan untuk memproses <\/span><span style=\"font-weight: 400;\">approval<\/span><span style=\"font-weight: 400;\"> dan validasi faktur dengan harga khusus tersebut.<\/span><\/p>\n<h3><strong>6. Real-time invoice reporting<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Dengan fitur ini dapat membantu menemukan faktur yang belum terbayar sehingga bisa mengetahui total <\/span><span style=\"font-weight: 400;\">pendapatan <\/span><span style=\"font-weight: 400;\">Anda secara keseluruhan.<\/span><\/p>\n<h3><strong>7. Hashy AI<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Fitur ini merupakan sistem AI yang mendukung Anda dalam mengelola tagihan. Salah satu fiturnya membantu mengingatkan pelanggan secara otomatis jika ada invoice yang belum dibayar. Notifikasi ini mempermudah komunikasi dan membantu menjaga kelancaran arus kas tanpa perlu upaya tambahan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tak hanya itu, fitur create invoice on the go memungkinkan tim keuangan membuat invoice kapan saja dengan lebih praktis. Fleksibilitas ini sangat membantu bagi bisnis yang terus berkembang dan membutuhkan pencatatan transaksi yang lebih efisien.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan teknologi seperti Hashy, pengelolaan invoice menjadi lebih ringan, terorganisir, dan membantu bisnis tetap fokus pada hal yang lebih besar. Ingin tahu bagaimana Hashy bisa membantu bisnis Anda? Hubungi kami untuk <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">demo gratis<\/a>!<br \/>\n<\/span><\/p>\n<h2 id=\"5\"><b>Kesimpulan<\/b><\/h2>\n<p>Faktur komersial adalah bagian mendasar saat pengiriman internasional atau ke area pabean yang berbeda. Setelah melihat apa itu, bagaimana tampilannya dan berbagai bidang yang perlu menggunakan, pasti akan lebih mudah untuk membuat faktur komersial yang tepat untuk ekspor.<\/p>\n<p>Namun, cara terbaik untuk membuat faktur komersial adalah dengan menggunakan sistem perangkat lunak canggih yang membuatnya secara otomatis berdasarkan informasi pesanan, hanya jika perusahaan perlukan.<\/p>\n<p><span style=\"font-weight: 400;\">Seperti yang ditawarkan oleh <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software\"><span style=\"font-weight: 400;\">E-Invoicing<\/span><span style=\"font-weight: 400;\"> dari HashMicro<\/span><\/a><span style=\"font-weight: 400;\"> adalah solusi terbaik untuk memenuhi kebutuhan faktur bisnis anda. Dengan fitur yang lengkap dan dapat kustomisasi <\/span><span style=\"font-weight: 400;\">template <\/span><span style=\"font-weight: 400;\">mempermudah Anda dalam mengelola bisnis. Keunggulan ini hanya bisa Anda dapatkan dengan HashMicro.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jadwalkan <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">demo gratis sekarang<\/a> bersama tim marketing kami!<\/span><\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/invoicing-software?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/E-Invoice-Software-Dekstop-Resize.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/E-Invoice-Software-Dekstop-Resize.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/E-Invoice-Software-Mobile.webp\" alt=\"EInvoicing\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<\/div>\n<h2><strong>Pertanyaan Seputar Commercial Invoice<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><span style=\"background-color: #e8e8e8;\"><strong>Apa itu commercial invoice?<\/strong><\/span><\/summary>\n<p>Commercial invoice adalah dokumen resmi dalam perdagangan internasional yang mencantumkan detail transaksi antara penjual dan pembeli, seperti deskripsi barang, jumlah, harga, dan ketentuan pengiriman.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><span style=\"background-color: #e8e8e8;\"><strong>Apa perbedaan commercial invoice dengan invoice biasa?<\/strong><\/span><\/summary>\n<p>Perbedaan utama antara commercial invoice dan invoice biasa terletak pada fungsinya. Commercial invoice digunakan dalam perdagangan internasional dan mencakup detail untuk keperluan bea cukai, sementara invoice biasa umumnya digunakan untuk transaksi dalam negeri tanpa kebutuhan informasi ekspor-impor.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><span style=\"background-color: #e8e8e8;\"><strong>Badan apa saja yang menggunakan commercial invoice?<\/strong><\/span><\/summary>\n<p>Commercial invoice digunakan oleh beberapa pihak penting dalam proses ekspor-impor, seperti bea cukai, bank, dan perusahaan logistik. Bea cukai menggunakannya untuk pemeriksaan dan perhitungan pajak, sedangkan bank membutuhkannya dalam sistem pembayaran seperti Letter of Credit (LC).<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Apa itu commercial invoice?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Commercial invoice adalah dokumen resmi dalam perdagangan internasional yang mencantumkan detail transaksi antara penjual dan pembeli, seperti deskripsi barang, jumlah, harga, dan ketentuan pengiriman.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apa perbedaan commercial invoice dengan invoice biasa?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Perbedaan utama antara commercial invoice dan invoice biasa terletak pada fungsinya. Commercial invoice digunakan dalam perdagangan internasional dan mencakup detail untuk keperluan bea cukai, sementara invoice biasa umumnya digunakan untuk transaksi dalam negeri tanpa kebutuhan informasi ekspor-impor.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Badan apa saja yang menggunakan commercial invoice?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Commercial invoice digunakan oleh beberapa pihak penting dalam proses ekspor-impor, seperti bea cukai, bank, dan perusahaan logistik. Bea cukai menggunakannya untuk pemeriksaan dan perhitungan pajak, sedangkan bank membutuhkannya dalam sistem pembayaran seperti Letter of Credit (LC).\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pelaku usaha, khususnya di bidang ekspor-impor, tentu sudah mengenal commercial invoice sebagai dokumen penting dalam perdagangan internasional. Dokumen ini berperan besar dalam kelancaran proses pengiriman karena menjadi syarat pemeriksaan oleh pihak bea cukai. Apakah Anda familiar dengan commercial invoice?\u00a0 Commercial invoice adalah dokumen resmi yang digunakan dalam perdagangan internasional sebagai bukti transaksi jual beli antara [&hellip;]<\/p>\n","protected":false},"author":165,"featured_media":139642,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[443],"tags":[],"class_list":{"0":"post-37200","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-invoicing"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan<\/title>\n<meta name=\"description\" content=\"Commercial Invoice adalah dokumen penting yang digunakan dalam operasi penjualan internasional dan membantu menghitung pembayaran pajak.\" \/>\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\/pentingnya-commercial-invoice-untuk-perusahaan\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan\" \/>\n<meta property=\"og:description\" content=\"Commercial Invoice adalah dokumen penting yang digunakan dalam operasi penjualan internasional dan membantu menghitung pembayaran pajak.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-16T19:10:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T09:01:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"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=\"12 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\/pentingnya-commercial-invoice-untuk-perusahaan\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/\"},\"author\":{\"name\":\"Novi Herawati\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653\"},\"headline\":\"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan\",\"datePublished\":\"2025-01-16T19:10:58+00:00\",\"dateModified\":\"2026-03-26T09:01:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/\"},\"wordCount\":1937,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png\",\"articleSection\":[\"Invoicing\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/\",\"name\":\"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png\",\"datePublished\":\"2025-01-16T19:10:58+00:00\",\"dateModified\":\"2026-03-26T09:01:20+00:00\",\"description\":\"Commercial Invoice adalah dokumen penting yang digunakan dalam operasi penjualan internasional dan membantu menghitung pembayaran pajak.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png\",\"width\":1200,\"height\":650,\"caption\":\"commercial invoice\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan\"}]},{\"@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\/#\/schema\/person\/image\/\",\"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":"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan","description":"Commercial Invoice adalah dokumen penting yang digunakan dalam operasi penjualan internasional dan membantu menghitung pembayaran pajak.","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\/pentingnya-commercial-invoice-untuk-perusahaan\/","og_locale":"id_ID","og_type":"article","og_title":"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan","og_description":"Commercial Invoice adalah dokumen penting yang digunakan dalam operasi penjualan internasional dan membantu menghitung pembayaran pajak.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-01-16T19:10:58+00:00","article_modified_time":"2026-03-26T09:01:20+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png","type":"image\/png"}],"author":"Novi Herawati","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Novi Herawati","Estimasi waktu membaca":"12 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/"},"author":{"name":"Novi Herawati","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653"},"headline":"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan","datePublished":"2025-01-16T19:10:58+00:00","dateModified":"2026-03-26T09:01:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/"},"wordCount":1937,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png","articleSection":["Invoicing"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/","name":"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png","datePublished":"2025-01-16T19:10:58+00:00","dateModified":"2026-03-26T09:01:20+00:00","description":"Commercial Invoice adalah dokumen penting yang digunakan dalam operasi penjualan internasional dan membantu menghitung pembayaran pajak.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/commercial-invoice.png","width":1200,"height":650,"caption":"commercial invoice"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-commercial-invoice-untuk-perusahaan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Commercial Invoice: Fungsi dan Pentingnya untuk Perusahaan"}]},{"@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\/#\/schema\/person\/image\/","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":"commercial invoice","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37200","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=37200"}],"version-history":[{"count":10,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37200\/revisions"}],"predecessor-version":[{"id":191418,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/37200\/revisions\/191418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/139642"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=37200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=37200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=37200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}