1<!DOCTYPE html> 2<html lang="id-ID"> 3<head> 4<!-- Google Tag Manager â lazy loaded on first interaction or after 3.5s -->
5<script> 6window.dataLayer = window.dataLayer || []; 7(function() { 8 var loaded = false; 9 function loadGTM() { 10 if (loaded) return; 11 loaded = true;
vendor: 368 bytes, lines 11-16
11 12 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 13 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 14 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 15 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 16 })(window,document,'script','dataLayer','
16GTM-5647T8B
vendor: 8 bytes, lines 16-17
16'); 17
17} 18 var t = setTimeout(loadGTM, 3500); 19 ['mousedown','keydown','touchstart','scroll'].forEach(function(e) { 20 window.addEventListener(e, function() { clearTimeout(t); loadGTM(); }, {once: true, passive: true}); 21 }); 22})(); 23</script>
23 24<!-- End Google Tag Manager --> 25 <meta charset="UTF-8"> 26 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 27 <meta name="viewport" content="width=device-width, initial-scale=1"> 28 <link rel="shortcut icon" href="https://www.paper.id/blog/wp-content/uploads/2026/04/paper-blog-logogram_transparent-background.png"> 29 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 30 31<!-- Appsflyer â lazy loaded on first interaction or after 3.5s -->
32<script> 33(function() { 34 var loaded = false; 35 function loadAF() { 36 if (loaded) return; 37 loaded = true; 38 !function(t,e,n,s,a,c,i,o,p){t.AppsFlyerSdkObject=a,t.AF=t.AF||function(){(t.AF.q=t.AF.q||[]).push([Date.now()].concat(Array.prototype.slice.call(arguments)))},t.AF.id=t.AF.id||i,t.AF.plugins={},o=e.createElement(n),p=e.getElementsByTagName(n)[0],o.async=1,o.src="https://websdk.appsflyer.com?"+(c.length>0?"st="+c.split(",").sort().join(",")+"&":"")+(i.length>0?"af_id="+i:""),p.parentNode.insertBefore(o,p)}(window,document,"script",0,"AF","banners",{banners: {key: "84e075ca-9035-4d9b-890f-e01535f9faf6"}}); 39 AF('banners', 'showBanner'); 40 } 41 var t = setTimeout(loadAF, 3500); 42 ['mousedown','keydown','touchstart','scroll'].forEach(function(e) { 43 window.addEventListener(e, function() { clearTimeout(t); loadAF(); }, {once: true, passive: true}); 44 }); 45})(); 46</script>
46 47<!-- End Appsflyer --> 48 49 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 50 <!--[if lt IE 9]> 51
51<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
51 52
52<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
52 53 <![endif]--> 54 55 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 56<link rel='preconnect' href='https://fonts.googleapis.com'> 57<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin> 58 59 <!-- This site is optimized with the Yoast SEO plugin v21.1 - https://yoast.com/wordpress/plugins/seo/ --> 60 <title>5 Langkah Cara Membuat Invoice Dengan Mudah & Cepat!</title> 61 <meta name="description" content="Cara membuat invoice sekarang mudah dan hanya butuh 5 menit. Yuk, cek cara membuatnya di Paper.id lewat artikel ini!" /> 62 <link rel="canonical" href="https://www.paper.id/blog/invoice-id/cara-membuat-invoice/" /> 63 <meta property="og:locale" content="id_ID" /> 64 <meta property="og:type" content="article" /> 65 <meta property="og:title" content="5 Langkah Cara Membuat Invoice Dengan Mudah & Cepat!" /> 66 <meta property="og:description" content="Cara membuat invoice sekarang mudah dan hanya butuh 5 menit. Yuk, cek cara membuatnya di Paper.id lewat artikel ini!" /> 67 <meta property="og:url" content="https://www.paper.id/blog/invoice-id/cara-membuat-invoice/" /> 68 <meta property="og:site_name" content="Paper" /> 69 <meta property="article:publisher" content="https://www.facebook.com/paperinvoice/" /> 70 <meta property="article:published_time" content="2025-03-26T11:48:07+00:00" /> 71 <meta property="article:modified_time" content="2025-09-22T07:21:30+00:00" /> 72 <meta property="og:image" content="https://www.paper.id/blog/wp-content/uploads/2022/10/bookkeeper-g035f015cc_1280.jpeg" /> 73 <meta property="og:image:width" content="600" /> 74 <meta property="og:image:height" content="400" /> 75 <meta property="og:image:type" content="image/jpeg" /> 76 <meta name="author" content="Nadiyah Rahmalia" /> 77 <meta name="twitter:card" content="summary_large_image" /> 78 <meta name="twitter:label1" content="Ditulis oleh" /> 79 <meta name="twitter:data1" content="Nadiyah Rahmalia" /> 80 <meta name="twitter:label2" content="Estimasi waktu membaca" /> 81 <meta name="twitter:data2" content="5 menit" /> 82 <!-- / Yoast SEO plugin. --> 83 84 85<link rel='dns-prefetch' href='//static.addtoany.com' /> 86<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 87<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 88<link rel='dns-prefetch' href='//use.fontawesome.com' /> 89<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 90<link rel="alternate" type="application/rss+xml" title="Paper » 5 Langkah Cepat Membuat Invoice, Langsung Jadi! Umpan Komentar" href="https://www.paper.id/blog/invoice-id/cara-membuat-invoice/feed/" /> 91<link rel="preload" as="image" href="https://www.paper.id/blog/wp-content/uploads/2022/10/bookkeeper-g035f015cc_1280.jpeg" />
91<script type="text/javascript"> 92window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.paper.id\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.3.2"}}; 93/*! This file is auto-generated */ 94!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); 95</script>
95 96<style type="text/css"> 97img.wp-smiley, 98img.emoji { 99 display: inline !important; 100 border: none !important; 101 box-shadow: none !important; 102 height: 1em !important; 103 width: 1em !important; 104 margin: 0 0.07em !important; 105 vertical-align: -0.1em !important; 106 background: none !important; 107 padding: 0 !important; 108} 109</style> 110 <link rel='stylesheet' id='wp-block-library-css' href='https://www.paper.id/blog/wp-includes/css/dist/block-library/style.min.css?ver=6.3.2' type='text/css' media='all' /> 111<style id='classic-theme-styles-inline-css' type='text/css'> 112/*! This file is auto-generated */ 113.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 114</style> 115<style id='global-styles-inline-css' type='text/css'> 116body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
116--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
116.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 117.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} 118:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 119:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 120.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} 121</style> 122<link rel='stylesheet' id='ez-toc-css' href='https://www.paper.id/blog/wp-content/plugins/easy-table-of-contents/assets/css/screen.min.css?ver=2.0.74' type='text/css' media='all' /> 123<style id='ez-toc-inline-css' type='text/css'> 124div#ez-toc-container .ez-toc-title {font-size: 120%;}div#ez-toc-container .ez-toc-title {font-weight: 500;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-size: 95%;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-weight: 500;}div#ez-toc-container nav ul ul li {font-size: 90%;} 125</style> 126<link rel='stylesheet' id='Bootstrap-css' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-grid.min.css?ver=6.3.2' type='text/css' media='all' /> 127<link rel='stylesheet' id='fontawesome-css' href='https://use.fontawesome.com/releases/v5.8.1/css/all.css?ver=6.3.2' type='text/css' media='all' /> 128<link rel='stylesheet' id='paperblog-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=Sora:wght@300;400;500;600;700&family=Literata:ital,wght@1,400&display=swap' type='text/css' media='all' /> 129<link rel='stylesheet' id='Style-css' href='https://www.paper.id/blog/wp-content/themes/paperblogv3/style.css?ver=1784099997' type='text/css' media='all' /> 130<link rel='stylesheet' id='addtoany-css' href='https://www.paper.id/blog/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' type='text/css' media='all' />
131<script type='text/javascript' src='https://www.paper.id/blog/wp-includes/js/jquery/jquery.min.js?ver=3.7.0' id='jquery-core-js'></script>
vendor: 1 bytes, line 131
131
132<script type='text/javascript' src='https://www.paper.id/blog/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1' id='jquery-migrate-js'></script>
vendor: 1 bytes, line 132
132
133<script id="addtoany-core-js-before" type="text/javascript"> 134window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};a2a_localize = { 135 Share: "Share", 136 Save: "Save", 137 Subscribe: "Subscribe", 138 Email: "Email", 139 Bookmark: "Bookmark", 140 ShowAll: "Show all", 141 ShowLess: "Show less", 142 FindServices: "Find service(s)", 143 FindAnyServiceToAddTo: "Instantly find any service to add to", 144 PoweredBy: "Powered by", 145 ShareViaEmail: "Share via email", 146 SubscribeViaEmail: "Subscribe via email", 147 BookmarkInYourBrowser: "Bookmark in your browser", 148 BookmarkInstructions: "Press Ctrl+D or \u2318+D to bookmark this page", 149 AddToYourFavorites: "Add to your favorites", 150 SendFromWebOrProgram: "Send from any email address or email program", 151 EmailProgram: "Email program", 152 More: "More…", 153 ThanksForSharing: "Thanks for sharing!", 154 ThanksForFollowing: "Thanks for following!" 155}; 156 157a2a_config.icon_color="#f7fbfd,#133f5d"; 158</script>
vendor: 1 bytes, line 158
158
159<script type='text/javascript' defer src='https://static.addtoany.com/menu/page.js' id='addtoany-core-js'></script>
vendor: 1 bytes, line 159
159
160<script type='text/javascript' defer src='https://www.paper.id/blog/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1' id='addtoany-jquery-js'></script>
160 161 162<!-- Potongan tag Google (gtag.js) ditambahkan oleh Site Kit --> 163 164<!-- Snippet Google Analytics telah ditambahkan oleh Site Kit -->
vendor: 81 bytes, lines 164-165
164 165<script type='text/javascript' src='https://www.googletagmanager.com/gtag/js?id=
165GT-5R89GLD
vendor: 40 bytes, line 165
165' id='google_gtagjs-js' async></script>
166<script id="google_gtagjs-js-after" type="text/javascript"> 167window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 168gtag("set","linker",{"domains":["www.paper.id"]}); 169gtag("js", new Date()); 170gtag("set", "developer_id.dZTNiMT", true); 171gtag("config", "GT-5R89GLD"); 172</script>
172 173 174<!-- Potongan tag Google akhir (gtag.js) ditambahkan oleh Site Kit -->
175<script type='text/javascript' id='ai-js-js-extra'> 176/* <![CDATA[ */ 177var MyAjax = {"ajaxurl":"https:\/\/www.paper.id\/blog\/wp-admin\/admin-ajax.php","security":"b9f84ad79e"}; 178/* ]]> */ 179</script>
vendor: 1 bytes, line 179
179
180<script type='text/javascript' src='https://www.paper.id/blog/wp-content/plugins/advanced-iframe/js/ai.min.js?ver=1' id='ai-js-js'></script>
180 181<link rel="https://api.w.org/" href="https://www.paper.id/blog/wp-json/" /><link rel="alternate" type="application/json" href="https://www.paper.id/blog/wp-json/wp/v2/posts/8501" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.paper.id/blog/xmlrpc.php?rsd" /> 182<meta name="generator" content="WordPress 6.3.2" /> 183<link rel='shortlink' href='https://www.paper.id/blog/?p=8501' /> 184<link rel="alternate" type="application/json+oembed" href="https://www.paper.id/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.paper.id%2Fblog%2Finvoice-id%2Fcara-membuat-invoice%2F" /> 185<meta name="generator" content="Site Kit by Google 1.152.1" /><style id="mystickymenu" type="text/css">#mysticky-nav { width:100%; position: static; height: auto !important; }#mysticky-nav.wrapfixed { position:fixed; left: 0px; margin-top:0px; z-index: 99990; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity:0.9; background-color: #f7f5e7;}#mysticky-nav.wrapfixed .myfixed{ background-color: #f7f5e7; position: relative;top: auto;left: auto;right: auto;}#mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; }</style> <style type="text/css"> 186 </style> 187 <meta name="generator" content="Elementor 3.22.2; features: e_optimized_assets_loading, e_optimized_css_loading, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 188 189<!-- Schema & Structured Data For WP v1.45 - -->
190<script type="application/ld+json" class="saswp-schema-markup-output"> 191[{"@context":"https:\/\/schema.org\/","@graph":[{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Invoice","url":"https:\/\/www.paper.id\/blog\/category\/invoice-id\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Tips Bisnis","url":"https:\/\/www.paper.id\/blog\/category\/tips-bisnis\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Ide Bisnis","url":"https:\/\/www.paper.id\/blog\/category\/ide-bisnis\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Studi Kasus","url":"https:\/\/www.paper.id\/blog\/category\/studi-kasus\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Berita","url":"https:\/\/www.paper.id\/blog\/category\/berita-id\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Event Highlight","url":"https:\/\/www.paper.id\/blog\/category\/acara\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Event Bisnis Berkah","url":"https:\/\/www.paper.id\/blog\/acara\/event-bisnis-yang-bawa-berkah\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"#PebisnisCerdas","url":"https:\/\/www.paper.id\/blog\/acara\/event-trik-mudah-kelola-keuangan-bisnis\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Promo","url":"https:\/\/www.paper.id\/promo"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Login","url":"https:\/\/www.paper.id\/webappv1\/#\/login?entry_point=landing-page"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Daftar","url":"https:\/\/www.paper.id\/webappv1\/#\/register"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.paper.id\/blog#Main Menu - id","name":"Languages","url":"#pll_switcher"}]}, 192 193{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","@id":"https:\/\/www.paper.id\/blog\/invoice-id\/cara-membuat-invoice\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.paper.id\/blog","name":"Paper.id | Informasi Terbaru Seputar Bisnis dan Akuntansi"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.paper.id\/blog\/category\/invoice-id\/","name":"Invoice"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/www.paper.id\/blog\/invoice-id\/cara-membuat-invoice\/","name":"5 Langkah Cara Membuat Invoice Dengan Mudah & Cepat!"}}]}, 194 195{"@context":"https:\/\/schema.org\/","@type":"Person","name":"Nadiyah Rahmalia","description":"Content Writer dengan 4 tahun pengalaman menangani konten beragam topik di berbagai industri baik B2C dan B2B, termasuk bisnis, ekonomi, keuangan, dan sebagainya. Saat ini menulis di Paper.id untuk memperkaya wawasan pemilik bisnis dan memajukan industri B2B seluruh Indonesia.","url":"","sameAs":["https:\/\/www.linkedin.com\/in\/nadiyahrf\/"],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/c1e1bfb72c6347304a9eb0a484df3391?s=96&d=mm&r=g","height":96,"width":96},"address":{"@type":"PostalAddress"}}, 196 197{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/www.paper.id\/blog\/invoice-id\/cara-membuat-invoice\/#Article","url":"https:\/\/www.paper.id\/blog\/invoice-id\/cara-membuat-invoice\/","inLanguage":"id","mainEntityOfPage":"https:\/\/www.paper.id\/blog\/invoice-id\/cara-membuat-invoice\/","headline":"5 Langkah Cara Membuat Invoice Dengan Mudah & Cepat!","description":"Cara membuat invoice sekarang mudah dan hanya butuh 5 menit. Yuk, cek cara membuatnya di Paper.id lewat artikel ini!","articleBody":"Dalam menjalankan sebuah bisnis, salah satu dokumen yang sangat penting dalam bisnis adalah invoice atau bisa disebut juga dengan faktur. Dokumen invoice ini penting karena digunakan sebagai bukti transaksi antara penjual dan pembeli. Dokumen ini bukan hanya bermanfaat sebagai catatan atau bukti transaksi. Tanpa disadari, proses invoicing yang efektif dan cepat juga bisa membuat bisnismu makin cepat dibayar. Kalau makin cepat dibayar, tentu c
197ash flow bisnis bisa makin cepat berputar dan punya kemungkinan lebih besar untuk tetap stabil, bukan? Jika invoice dibuat secara asal-asalan, makna dan tujuannya menjadi tidak jelas sehingga membingungkan klien kamu untuk melunasi tagihannya, sehingga proses pelunasan juga bisa jadi lebih lama. Oleh karena itu, yuk, pelajari 5 langkah cepat membuat invoice untuk bisnismu di bawah ini! Cara Membuat Invoice dengan Mudah, Cepat & Efektif Terdapat 6 komponen yang tidak boleh dilewatkan dalam cara membuat invoice secara efektif: Kejelasan tanggal jatuh tempo. Penjelasan tipe pembayaran yang bisa dilakukan dan caranya. Ketahui siapa penerima invoice (nama dan alamat lengkapnya). Detail seluruh produk dan harga total yang perlu dibayarkan. Berikan peringatan apabila penerima invoice lupa. Pertimbangkan pemberian denda apabila pelanggan lupa membayar. Nah, berikut beberapa tahapan bagaimana cara membuat invoice mudah: 1. Masukkan data pembeli Langkah pertama yang kalian lakukan dalam cara membuat invoice ialah memasukkan data pembeli ke dalam Invoice. Hal ini penting untuk dilakukan, kalian wajib menuliskan nama pelanggan dengan jelas. Kalau Invoice yang kalian buat ini mau dikirim ke perusahaan, maka jangan lupa menuliskan nama perusahaan tersebut dengan lengkap dan baik, hal ini bertujuan untuk menghindari kesalahpahaman. Selain itu juga, kalian harus mencantumkan alamat dari pelanggan kalian, kalau perlu masukan juga kontak mereka. Dengan begitu, para pelanggan jadi tahu, bahwa mereka harus membayar tagihan ini. Baca Juga: 3 Cara Membuat Nomor Invoice agar Cepat Dibayar 2. Sertakan data penerima pembayaran Selain memasukkan data pelanggan, kalian juga perlu menyertakan data penerima pembayaran sebagai cara membuat invoice tagihan. Kenapa harus? karena dengan itu, para pelanggan bisa langsung mengenali bahkan langsung membayar tagihan tersebut. Selain itu juga mencantumkan data penerima pembayaran bisa menjaga keamanan data pelanggan juga. Dengan itu, mereka bisa langsung mengetahui nomor rekening yang harus dibayarkan. Cara ini juga mencegah terjadinya penipuan lho. 3. Masukkan daftar produk atau jasa Selanjutnya, kalian bisa memasukkan daftar produk atau jasa yang dibeli sekaligus kuantitasnya. Tulislah daftar produk yang dibeli oleh pelanggan, serta cantumkan deskripsi yang jelas agar mereka paham tujuan akan pengiriman invoice ini. Deskripsi yang ada didalamnya harus memuat nama produk, jumlah, serta harga dan total harga produk yang dibeli. Kalau kalian memberikan diskon didalamnya, maka sertakan diskon didalmnya, agar tidak terjadi kesalahpahaman. Terakhir sertakan total pembayaran y
197ang harus dibayar oleh pelanggan nantinya. 4. Tambahkan tanggal dan nomor invoice Keempat, kalian bisa memasukan tanggal juga nomor invoice didalam dokumen invoice kalian. Dengan ini maka akan memudahkan kalian untuk mengenali transaksi, serta membantu kalian dalam menyusun laporan keuangan nantinya. Tanggal yang dicantumkan juga harus ada deadline kapan pembayaran harus diselesaikan. Selain tanggal, kalian juga menuliskan nomor invoice tagihan. Invoice yang bertanggal memudahkan kalian dalam pengarsipan nantinya. 5. Jangan lupakan ketentuan pembayaran Terakhir, kalian meseti mencantumkan informasi cara dan juga ketentuan pembayaran nantinya. Kalian bisa menuliskan seperti \"Pembayaran bisa dilakukandengan melalui transfer bank ke rekening bla bla bla\". Selain itu juga perlunya kesepakatan pembayaran, kapan invoice ini harus dibayar dengan lunas. Umumnya invoice memiliki jangka waktu 30 hari sejak diterbitkan, artinya pihak pembeli harus membayar invoice ini dalam jangka waktu 30 hari. Biasanya ini bisa dibilang dengan Net 30 atau n\/30. Tapi hal itu bisa disesuaikan kembali dengan kesepakatan pembayaran nantinya. Baca Juga: 6 Aplikasi Invoice Online yang bisa kalian gunakan GRATIS Cara Membuat Invoice Digital dalam 5 Menit di Paper.id Daripada membuat invoice secara manual yang membutuhkan banyak waktu, kamu bisa membuat invoice digital hanya dalam waktu 5 menit saja menggunakan Paper.id. Langkah-langkahnya bisa kamu simak di bawah ini. Nah, kamu bisa mencobanya langsung lewat demo produk di bawah. Rasakan Kemudahan Buat Invoice, Hanya 5 Menit & Gratis.Coba via demo produk ini. Dengan cara ini, dipastikan membuat invoice menjadi jauh lebih cepat dan akurat, sehingga kamu lebih cepat juga dibayar oleh pelanggan. Selain itu, ada banyak pilihan template apik yang bisa disesuaikan dengan persona bisnismu. Tentu saja, ada pula e-meterai digital resmi dari PERURI yang siap dibubuhkan pada invoice-mu untuk memastikan kelegalannya dalam transaksi. Yuk, segera tinggalkan proses pembuatan invoice yang lambat dan tingkatkan efisiensi bisnismu secara GRATIS. Klik tombol di bawah ini untuk mendaftar di Paper.id! Daftar Sekarang! Baca Juga: 7 Aplikasi Invoice Online yang Bisa Digunakan GRATIS Mengapa Invoice Penting? Invoice bukan sekadar dokumen transaksi, tapi juga sebagai alat yang memastikan pembayaran berjalan lancar dan terhindar dari kesalahan. Tanpa invoice, kamu sebagai penjual bisa kesulitan mencatat penjualan dengan rapi, sementara pelanggan pun bisa lupa untuk melunasi pembayaran tepat waktu. Di dalam invoice, terdapat rincian biaya transaksi yang harus dibayarkan oleh pembeli dalam jangka waktu tertentu. Biasanya, invoice dibuat dalam tiga rangka, satu untuk pembeli, satu untuk penjual, dan satu lagi sebagai arsip perusahaan. Agar pengelolaan invoice lebih praktis, kamu bisa menggunakan Paper.id, yang tidak hanya membantu membuat dan mengirim invoice secara digital, tapi juga terintegrasi dengan sistem pembayaran. Dengan fitur ini, pelanggan bisa langsung membayar invoice hanya dengan satu klik, dan kamu pun bisa melacak status pembayaran secara otomatis. Menariknya, terdapat 30+ metode pembayaran y
197ang bisa kamu gunakan, mulai dari transfer bank, e-wallet, kode QR, kartu kredit hingga cicilan, memastikan pelanggan lebih nyaman karena bisa membayar sesuai dengan preferensinya sendiri. Yuk, buat invoice lebih cepat dan kelola pembayaran bisnis dengan lebih mudah pakai Paper.id!","keywords":"","datePublished":"2025-03-26T18:48:07+07:00","dateModified":"2025-09-22T14:21:30+07:00","author":{"@type":"Person","name":"Nadiyah Rahmalia","description":"Content Writer dengan 4 tahun pengalaman menangani konten beragam topik di berbagai industri baik B2C dan B2B, termasuk bisnis, ekonomi, keuangan, dan sebagainya. Saat ini menulis di Paper.id untuk memperkaya wawasan pemilik bisnis dan memajukan industri B2B seluruh Indonesia.","url":"https:\/\/www.paper.id\/blog\/author\/nadiyah\/","sameAs":["https:\/\/www.linkedin.com\/in\/nadiyahrf\/"],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/c1e1bfb72c6347304a9eb0a484df3391?s=96&d=mm&r=g","height":96,"width":96}},"editor":{"@type":"Person","name":"Nadiyah Rahmalia","description":"Content Writer dengan 4 tahun pengalaman menangani konten beragam topik di berbagai industri baik B2C dan B2B, termasuk bisnis, ekonomi, keuangan, dan sebagainya. Saat ini menulis di Paper.id untuk memperkaya wawasan pemilik bisnis dan memajukan industri B2B seluruh Indonesia.","url":"https:\/\/www.paper.id\/blog\/author\/nadiyah\/","sameAs":["https:\/\/www.linkedin.com\/in\/nadiyahrf\/"],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/c1e1bfb72c6347304a9eb0a484df3391?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"Paper.id","url":"https:\/\/www.paper.id\/blog","logo":{"@type":"ImageObject","url":"https:\/\/www.paper.id\/blog\/wp-content\/uploads\/2025\/04\/Logogram-Paper.png","width":"1080","height":"1080"}},"image":[{"@type":"ImageObject","@id":"https:\/\/www.paper.id\/blog\/invoice-id\/cara-membuat-invoice\/#primaryimage","url":"https:\/\/www.paper.id\/blog\/wp-content\/uploads\/2022\/10\/bookkeeper-g035f015cc_1280-1200x800.jpeg","width":"1200","height":"800","caption":"Cara Membuat Invoice Dengan Mudah, Pebisnis Wajib Tahu!"},{"@type":"ImageObject","url":"https:\/\/www.paper.id\/blog\/wp-content\/uploads\/2022\/10\/bookkeeper-g035f015cc_1280-1200x900.jpeg","width":"1200","height":"900","caption":"Cara Membuat Invoice Dengan Mudah, Pebisnis Wajib Tahu!"},{"@type":"ImageObject","url":"https:\/\/www.paper.id\/blog\/wp-content\/uploads\/2022\/10\/bookkeeper-g035f015cc_1280-1200x675.jpeg","width":"1200","height":"675","caption":"Cara Membuat Invoice Dengan Mudah, Pebisnis Wajib Tahu!"},{"@type":"ImageObject","url":"https:\/\/www.paper.id\/blog\/wp-content\/uploads\/2022\/10\/bookkeeper-g035f015cc_1280-600x600.jpeg","width":"600","height":"600","caption":"Cara Membuat Invoice Dengan Mudah, Pebisnis Wajib Tahu!"}]}] 198</script>
198 199 200<style type="text/css">.broken_link, a.broken_link { 201 text-decoration: line-through; 202}</style><link rel="icon" href="https://www.paper.id/blog/wp-content/uploads/2026/04/paper-blog-logogram_transparent-background-120x120.png" sizes="32x32" /> 203<link rel="icon" href="https://www.paper.id/blog/wp-content/uploads/2026/04/paper-blog-logogram_transparent-background-300x300.png" sizes="192x192" /> 204<link rel="apple-touch-icon" href="https://www.paper.id/blog/wp-content/uploads/2026/04/paper-blog-logogram_transparent-background-300x300.png" /> 205<meta name="msapplication-TileImage" content="https://www.paper.id/blog/wp-content/uploads/2026/04/paper-blog-logogram_transparent-background-300x300.png" /> 206 207<!-- Google Tag Manager -->
208<script>
vendor: 331 bytes, lines 208-212
208(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 209new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 210j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 211'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 212})(window,document,'script','dataLayer','
212GTM-5647T8B
vendor: 3 bytes, line 212
212');
212</script>
212 213<!-- End Google Tag Manager --> 214 215</head> 216<body class="post-template-default single single-post postid-8501 single-format-standard metaslider-plugin elementor-default elementor-kit-4"> 217 <header id="main-header"> 218 219 <nav id="revampNavbar" class="navbar"> 220 <div class="navbar__container"> 221 <a href="https://www.paper.id/blog" class="navbar__logo" aria-label="Paper home"> 222 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/paper-logo-dark.svg" alt="Paper"> 223 </a> 224 <button class="navbar__toggle" aria-label="Toggle menu" aria-expanded="false"> 225 <span class="navbar__toggle-icon"></span> 226 </button> 227 228 <div class="navbar__menu" role="menubar"> 229 <div class="navbar__item --mobile" role="none"> 230 <a href="/" class="navbar__logo" aria-label="Paper home"> 231 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/paper-logo-dark.svg" alt="Paper"> 232 </a> 233 </div> 234 <div class="navbar__item" role="none" data-dropdown> 235 <button class="navbar__link" role="menuitem" aria-haspopup="true" aria-expanded="false"> 236 Produk 237 <span class="navbar__icon">+</span> 238 </button> 239 <div class="navbar__dropdown" role="menu" aria-hidden="true"> 240 <!-- Invoice Online Group --> 241 <div class="navbar__dropdown-group" role="none"> 242 <a class="navbar__dropdown-label" role="menuitem" href="/invoice-online"> 243 <span>Invoice Online</span> 244 <span class="navbar__dropdown-label__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></span> 245 </a> 246 <div class="navbar__dropdown-grid" role="none"> 247 <a class="navbar__dropdown-item" href="/invoice-online/invoice-penjualan" role="menuitem"> 248 <div class="dropdown-item"> 249 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-salesinvoice.svg" alt="Icon"></div> 250 <div class="dropdown-item__content"> 251 <div class="dropdown-item__title"><p>Invoice Penjualan</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 252 <p class="dropdown-item__subtitle">Invoice digital sah, dibayar mudah</p> 253 </div> 254 </div> 255 </a> 256 <a class="navbar__dropdown-item" href="/invoice-online/purchase-order" role="menuitem"> 257 <div class="dropdown-item"> 258 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-purchaseorder.svg" alt="Icon" class="iconMenu"></div> 259 <div class="dropdown-item__content"> 260 <div class="dropdown-item__title"><p>Purchase Order</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 261 <p class="dropdown-item__subtitle">Kirim PO resmi gratis & mudah</p> 262 </div> 263 </div> 264 </a> 265 <a class="navbar__dropdown-item" href="/invoice-online/kwitansi-online" role="menuitem"> 266 <div class="dropdown-item"> 267 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-kuitansi.svg" alt="Icon" class="iconMenu"></div> 268 <div class="dropdown-item__content"> 269 <div class="dropdown-item__title"><p>Kuitansi</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 270 <p class="dropdown-item__subtitle">Buat kuitansi langsung dari invoice</p> 271 </div> 272 </div> 273 </a> 274 </div> 275 </div> 276 277 <!-- Digital Payment Group --> 278 <div class="navbar__dropdown-group groupDigitalPayment" role="none"> 279 <a class="navbar__dropdown-label" role="menuitem" href="/digital-payment">
280 <span>Digital Payment</span> 281 <span class="navbar__dropdown-label__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></span> 282 </a> 283 <div class="navbar__dropdown-grid" role="none"> 284 <a class="navbar__dropdown-item" href="/digital-payment/paperpay-in" role="menuitem"> 285 <div class="dropdown-item"> 286 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-digpay.svg" alt="Icon" class="iconMenu"></div> 287 <div class="dropdown-item__content"> 288 <div class="dropdown-item__title"><p>PaperPay In</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 289 <p class="dropdown-item__subtitle">Tagih klien mudah, cepat dibayar</p> 290 </div> 291 </div> 292 </a> 293 <a class="navbar__dropdown-item" href="/digital-payment/paperpay-out" role="menuitem"> 294 <div class="dropdown-item"> 295 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-payout.svg" alt="Icon" class="iconMenu"></div> 296 <div class="dropdown-item__content"> 297 <div class="dropdown-item__title"><p>PaperPay Out</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 298 <p class="dropdown-item__subtitle">Bayar suplier dengan kartu kredit</p> 299 </div> 300 </div> 301 </a> 302 <a class="navbar__dropdown-item" href="/digital-payment/paperxb-pembayaran-luar-negeri" role="menuitem"> 303 <div class="dropdown-item"> 304 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-paperxb.svg" alt="Icon" class="iconMenu"></div> 305 <div class="dropdown-item__content"> 306 <div class="dropdown-item__title"><p>Paper XB</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 307 <p class="dropdown-item__subtitle">Bayar luar negeri pakai kartu kredit</p> 308 </div> 309 </div> 310 </a> 311 </div> 312 </div> 313 314 <!-- Kartu Kredit Bisnis Group --> 315 <div class="navbar__dropdown-group groupBusinessCard" role="none"> 316 <a class="navbar__dropdown-label" role="menuitem" href="/kartu-kredit-bisnis"> 317 <span>Kartu Kredit Bisnis</span> 318 <span class="navbar__dropdown-label__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></span> 319 </a> 320 <div class="navbar__dropdown-grid" role="none"> 321 <a class="navbar__dropdown-item" href="/kartu-kredit-bisnis/papercard" role="menuitem"> 322 <div class="dropdown-item"> 323 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-papercard.svg" alt="Icon" class="iconMenu"></div> 324 <div class="dropdown-item__content"> 325 <div class="dropdown-item__title"><p>Paper Card</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 326 <p class="dropdown-item__subtitle">Satu kartu untuk bisnis & personal</p> 327 </div> 328 </div> 329 </a> 330 <a class="navbar__dropdown-item" href="/kartu-kredit-bisnis/paper-corporate-card" role="menuitem"> 331 <div class="dropdown-item"> 332 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-horizon.svg" alt="Icon" class="iconMenu"></div> 333 <div class="dropdown-item__content"> 334 <div class="dropdown-item__title"><p>Paper Horizon</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 335 <p class="dropdown-item__subtitle">Kartu korporat expense terlengkap</p> 336 </div> 337 </div> 338 </a> 339 <a class="navbar__dropdown-item" href="/kartu-kredit-bisnis/expense-management" role="menuitem"> 340 <div class="dropdown-item"> 341 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-expensemanagement.svg" alt="Icon" class="iconMenu"></div> 342 <div class="dropdown-item__content"> 343 <div class="dropdown-item__title"><p>Expense Management</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 344 <p class="dropdown-item__subtitle">Kelola expense dalam satu platform</p> 345 </div> 346 </div> 347 </a> 348 </div> 349 </div> 350 351 <!-- Solusi Industri Group --> 352 <div class="navbar__dropdown-group groupEnterprise" role="none"> 353 <a class="navbar__dropdown-label" role="menuitem" href="/industri">
354 <span>Solusi Industri</span> 355 <span class="navbar__dropdown-label__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></span> 356 </a> 357 <div class="navbar__dropdown-grid" role="none"> 358 <a class="navbar__dropdown-item" href="/industri/fnb" role="menuitem"> 359 <div class="dropdown-item"> 360 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-fnb.svg" alt="Icon" class="iconMenu"></div> 361 <div class="dropdown-item__content"> 362 <div class="dropdown-item__title"> 363 <p>Food & Beverages</p> 364 <div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div> 365 </div> 366 <p class="dropdown-item__subtitle">Kelola Multi Outlet & Supplier</p> 367 </div> 368 </div> 369 </a> 370 <a class="navbar__dropdown-item" href="/industri/konstruksi" role="menuitem"> 371 <div class="dropdown-item"> 372 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-construction.svg" alt="Icon" class="iconMenu"></div> 373 <div class="dropdown-item__content"> 374 <div class="dropdown-item__title"> 375 <p>Konstruksi</p> 376 <div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div> 377 </div> 378 <p class="dropdown-item__subtitle">Kelola Pembayaran Termin Proyek</p> 379 </div> 380 </div> 381 </a> 382 <a class="navbar__dropdown-item" href="/industri/kesehatan-dan-kecantikan" role="menuitem"> 383 <div class="dropdown-item"> 384 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-healthbeauty.svg" alt="Icon" class="iconMenu"></div> 385 <div class="dropdown-item__content"> 386 <div class="dropdown-item__title"> 387 <p>Health & Beauty</p> 388 <div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div> 389 </div> 390 <p class="dropdown-item__subtitle">Terima Pembayaran Instan Dan CC</p> 391 </div> 392 </div> 393 </a> 394 <a class="navbar__dropdown-item" href="/industri/freelancer" role="menuitem"> 395 <div class="dropdown-item"> 396 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-freelancer.svg" alt="Icon" class="iconMenu"></div> 397 <div class="dropdown-item__content"> 398 <div class="dropdown-item__title"><p>Freelancer</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 399 <p class="dropdown-item__subtitle">Invoice & penagihan klien</p> 400 </div> 401 </div> 402 </a> 403 <a class="navbar__dropdown-item" href="/industri/tour-dan-travel" role="menuitem"> 404 <div class="dropdown-item"> 405 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-tourtravel.svg" alt="Icon" class="iconMenu"></div> 406 <div class="dropdown-item__content"> 407 <div class="dropdown-item__title"><p>Tour & Travel</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 408 <p class="dropdown-item__subtitle">Kelola pembayaran & operasional</p> 409 </div> 410 </div> 411 </a> 412 </div> 413 </div> 414 415 <!-- Lainnya Group --> 416 <div class="navbar__dropdown-group navbar__dropdown-group--alt" role="none"> 417 <div class="navbar__dropdown-label" role="none">Lainnya</div> 418 <div class="navbar__dropdown-grid" role="none"> 419 <a class="navbar__dropdown-item" href="/enterprise-solution/open-api" role="menuitem"> 420 <div class="dropdown-item"> 421 <div class="dropdown-item__content"> 422 <div class="dropdown-item__title"> 423 <p>Open API</p> 424 <div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div> 425 </div> 426 <p class="dropdown-item__subtitle">
426Integrasi sistem bisnis dengan API</p> 427 </div> 428 </div> 429 </a> 430 <a class="navbar__dropdown-item" href="/akuntansi-gratis" role="menuitem"> 431 <div class="dropdown-item"> 432 <div class="dropdown-item__content"> 433 <div class="dropdown-item__title"> 434 <p>Software Akuntansi</p> 435 <div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div> 436 </div> 437 <p class="dropdown-item__subtitle">Pencatatan Laporan Keuangan Gratis</p> 438 </div> 439 </div> 440 </a> 441 <a class="navbar__dropdown-item" href="/akuntansi-gratis/integrasi-accurate" role="menuitem"> 442 <div class="dropdown-item"> 443 <div class="dropdown-item__content"> 444 <div class="dropdown-item__title"> 445 <p>Integrasi Accurate</p> 446 <div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div> 447 </div> 448 <p class="dropdown-item__subtitle">Integrasi Paper dengan Accurate</p> 449 </div> 450 </div> 451 </a> 452 </div> 453 </div> 454 </div> 455 </div> 456 457 <div class="navbar__item" role="none"><a class="navbar__link" role="menuitem" href="/paper-network">Paper Network</a></div> 458 <div class="navbar__item" role="none"><a class="navbar__link" role="menuitem" href="/cara-kerja">Cara Kerja</a></div> 459 <div class="navbar__item" role="none"><a class="navbar__link" role="menuitem" href="/pricing" aria-expanded="false">Harga</a></div> 460 <div class="navbar__item" role="none" data-dropdown> 461 <button class="navbar__link" role="menuitem" aria-haspopup="true" aria-expanded="false"> 462 Perusahaan 463 <span class="navbar__icon">+</span> 464 </button> 465 <div class="navbar__dropdown companyMenu" role="menu" aria-hidden="true"> 466 <!-- Company Group --> 467 <div class="navbar__dropdown-group" role="none"> 468 <div class="navbar__dropdown-grid" role="none"> 469 <a class="navbar__dropdown-item" href="/tentang-kami" role="menuitem"> 470 <div class="dropdown-item"> 471 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-tentangkami.svg" alt="Icon"></div> 472 <div class="dropdown-item__content"> 473 <div class="dropdown-item__title"><p>Tentang Kami</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 474 <p class="dropdown-item__subtitle">Pencapaian, visi, dan misi Paper</p> 475 </div> 476 </div> 477 </a> 478 <a class="navbar__dropdown-item" href="https://careers.kula.ai/paperid" role="menuitem" target="_blank" rel="noopener"> 479 <div class="dropdown-item"> 480 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-karir.svg" alt="Icon" class="iconMenu"></div> 481 <div class="dropdown-item__content"> 482 <div class="dropdown-item__title"><p>Karir</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 483 <p class="dropdown-item__subtitle">Bergabung bersama Paper</p> 484 </div> 485 </div> 486 </a> 487 <a class="navbar__dropdown-item" href="/blog/" role="menuitem"> 488 <div class="dropdown-item"> 489 <div class="dropdown-item__icon"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/nav-icon-blog.svg" alt="Icon"></div> 490 <div class="dropdown-item__content"> 491 <div class="dropdown-item__title"><p>Blog</p><div class="dropdown-item__arrow"><img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="Arrow Right"></div></div> 492 <p class="dropdown-item__subtitle">Kumpulan tips dan informasi bisnis</p> 493 </div> 494 </div> 495 </a> 496 </div> 497 </div> 498 </div> 499 </div> 500 <div class="navbar__item" role="none"><a class="navbar__link" role="menuitem" href="/promo" target="_blank" aria-expanded="false">Promo</a></div> 501 502 <div class="navbar__actions --mobile" role="none"> 503 <a class="navbar__btn btn__light" href="/webappv1/#/login"> 504 <div class="btn__content"><div class="btn__label">Masuk</div></div> 505 </a> 506 <a class="navbar__btn btn__dark btn" href="/webappv1/#/register"> 507 <div class="btn__content"> 508 <div class="btn__label">Daftar</div> 509 <svg class="btn__icon --1 hidden has-hover:block" xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><g clip-path="url(#clip0_39_162)"><path d="M10.9467 18.3933C12.4024 16.7868 14.3462 14.9647 16.7454 13.4122C19.356 11.7303 21.7227 10.9001 23.5688 10.4688C23.5688 9.94055 23.5769 9.42303 23.5851 8.89474C21.8284 8.25863 19.7952 7.32063 17.5912 5.88669C14.9724 4.18321 12.8009 2.22097 11.093 0.431233" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/><path d="M23.5932 9.671H-0.00012207" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_39_162"><rect width="24" height="18.8138" fill="white"/></clipPath></defs></svg> 510 <svg class="btn__icon --2" xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><g clip-path="url(#clip0_39_162)"><path d="M10.9467 18.3933C12.4024 16.7868 14.3462 14.9647 16.7454 13.4122C19.356 11.7303 21.7227 10.9001 23.5688 10.4688C23.5688 9.94055 23.5769 9.42303 23.5851 8.89474C21.8284 8.25863 19.7952 7.32063 17.5912 5.88669C14.9724 4.18321 12.8009 2.22097 11.093 0.431233" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/><path d="M23.5932 9.671H-0.00012207" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_39_162"><rect width="24" height="18.8138" fill="white"/></clipPath></defs></svg> 511 </div> 512 </a> 513 </div> 514 </div> 515 <div class="navbar__actions --desktop"> 516 <a class="navbar__btn btn__light" href="/webappv1/#/login"> 517 <div class="btn__content"><div class="btn__label">Masuk</div></div> 518 </a> 519 <a class="navbar__btn btn__dark btn" href="/webappv1/#/register"> 520 <div class="btn__content"> 521 <div class="btn__label">Daftar</div> 522 <svg class="btn__icon --1 hidden has-hover:block" xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><g clip-path="url(#clip0_39_162)"><path d="M10.9467 18.3933C12.4024 16.7868 14.3462 14.9647 16.7454 13.4122C19.356 11.7303 21.7227 10.9001 23.5688 10.4688C23.5688 9.94055 23.5769 9.42303 23.5851 8.89474C21.8284 8.25863 19.7952 7.32063 17.5912 5.88669C14.9724 4.18321 12.8009 2.22097 11.093 0.431233" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/><path d="M23.5932 9.671H-0.00012207" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_39_162"><rect width="24" height="18.8138" fill="white"/></clipPath></defs></svg> 523 <svg class="btn__icon --2" xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><g clip-path="url(#clip0_39_162)"><path d="M10.9467 18.3933C12.4024 16.7868 14.3462 14.9647 16.7454 13.4122C19.356 11.7303 21.7227 10.9001 23.5688 10.4688C23.5688 9.94055 23.5769 9.42303 23.5851 8.89474C21.8284 8.25863 19.7952 7.32063 17.5912 5.88669C14.9724 4.18321 12.8009 2.22097 11.093 0.431233" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/><path d="M23.5932 9.671H-0.00012207" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_39_162"><rect width="24" height="18.8138" fill="white"/></clipPath></defs></svg> 524 </div> 525 </a> 526 </div> 527 </div> 528 </nav> 529 530
530<script> 531 document.addEventListener("DOMContentLoaded", function() { 532 var navbar = document.getElementById('revampNavbar'); 533 if (!navbar) { return; } 534 535 function updateNavbarOffset() { 536 var rect = navbar.getBoundingClientRect(); 537 document.documentElement.style.setProperty('--navbar-offset', rect.bottom + 'px'); 538 } 539 540 function updateLogo() { 541 const LOGO_DARK = 'https://storage.googleapis.com/clevertap-assets/paper-lp/paper-logo-dark.svg'; 542 const LOGO_LIGHT = 'https://storage.googleapis.com/clevertap-assets/paper-lp/paper-logo-light.svg'; 543 const body = document.body; 544 const navbarEl = document.querySelector('.navbar'); 545 const logo = document.querySelector('.navbar__logo img'); 546 if (!logo) return; 547 if (navbarEl.classList.contains('is-sticky')) { logo.src = LOGO_DARK; } 548 else if (body.classList.contains('light')) { logo.src = LOGO_LIGHT; } 549 else { logo.src = LOGO_DARK; } 550 } 551 updateLogo(); 552 553 var mobileToggle = navbar.querySelector('.navbar__toggle'); 554 var menu = navbar.querySelector('.navbar__menu'); 555 if (mobileToggle && menu) { 556 mobileToggle.addEventListener('click', function() { 557 var isOpen = mobileToggle.getAttribute('aria-expanded') === 'true'; 558 mobileToggle.setAttribute('aria-expanded', !isOpen); 559 menu.classList.toggle('is-open'); 560 mobileToggle.classList.toggle('is-open'); 561 document.body.style.overflow = !isOpen ? 'hidden' : ''; 562 if (isOpen) { 563 dropdownControllers.forEach(function(c) { c.setExpanded(false); }); 564 } 565 }); 566 } 567 568 var scrollTrigger = 20; 569 window.addEventListener('scroll', function() { 570 if (window.scrollY > scrollTrigger) { 571 if (!navbar.classList.contains('is-sticky')) { navbar.classList.add('is-sticky'); } 572 } else { 573 if (navbar.classList.contains('is-sticky')) { navbar.classList.remove('is-sticky'); } 574 } 575 updateNavbarOffset(); 576 updateLogo(); 577 adjustNav(); 578 }); 579 580 window.addEventListener('resize', function() { 581 updateNavbarOffset(); 582 adjustNav(); 583 if (window.innerWidth > 980) { 584 if (mobileToggle) { mobileToggle.setAttribute('aria-expanded', 'false'); } 585 if (menu) { menu.classList.remove('is-open'); } 586 document.body.style.overflow = ''; 587 } 588 dropdownControllers.forEach(function(c) { c.setExpanded(false); }); 589 }); 590 591 const navMenu = document.querySelector(".navbar__container"); 592 const navPopup = document.querySelector(".navbar__item.--mobile"); 593 let upBanner = null; 594 let lastBannerHeight = 0; 595 navMenu.style.paddingTop = "16px"; 596 navPopup.style.paddingTop = "16px"; 597 598 function findBanner() { upBanner = document.querySelector(".responsive-wrapper"); return upBanner; } 599 function adjustNav() { 600 upBanner = findBanner(); 601 if (upBanner) { 602 const newHeight = upBanner.offsetHeight; 603 if (newHeight !== lastBannerHeight) { 604 navMenu.style.paddingTop = newHeight + 10 + "px"; 605 navPopup.style.paddingTop = newHeight + 10 + "px"; 606 lastBannerHeight = newHeight; 607 } 608 } else if (lastBannerHeight !== 0) { 609 navMenu.style.paddingTop = "16px"; 610 navPopup.style.paddingTop = "16px"; 611 lastBannerHeight = 0; 612 } 613 } 614 const observer = new MutationObserver(adjustNav); 615 observer.observe(document.body, { childList: true, subtree: true }); 616 if (document.readyState === 'complete') { adjustNav(); } 617 else { window.addEventListener('load', adjustNav); } 618 619 var dropdownGroups = navbar.querySelectorAll('[data-dropdown]'); 620 if (!dropdownGroups.length) { return; } 621 var dropdownControllers = []; 622 623 Array.prototype.forEach.call(dropdownGroups, function(group) { 624 var dropdownToggle = group.querySelector('.navbar__link'); 625 var dropdown = group.querySelector('.navbar__dropdown'); 626 if (!dropdownToggle || !dropdown) { return; } 627 var hideTimeout = null; 628 var hideDelay = 320; 629 function isDesktop() { return window.innerWidth > 980; } 630 function clearHideTimeout() { if (hideTimeout !== null) { clearTimeout(hideTimeout); hideTimeout = null; } } 631 function setExpanded(value) { 632 dropdownToggle.setAttribute('aria-expanded', value ? 'true' : 'false'); 633 dropdown.setAttribute('aria-hidden', value ? 'false' : 'true'); 634 group.classList.toggle('is-open', Boolean(value)); 635 } 636 function openDropdown() { clearHideTimeout(); setExpanded(true); } 637 function closeDropdown() { clearHideTimeout(); setExpanded(false); } 638 function scheduleClose() { 639 if (!isDesktop()) { clearHideTimeout(); return; } 640 clearHideTimeout(); 641 hideTimeout = setTimeout(closeDropdown, hideDelay); 642 } 643 setExpanded(false); 644 group.addEventListener('mouseenter', function() { if (isDesktop()) openDropdown(); }); 645 group.addEventListener('mouseleave', function() { if (isDesktop()) scheduleClose(); }); 646 dropdown.addEventListener('mouseenter', function() { if (isDesktop()) openDropdown(); }); 647 dropdown.addEventListener('mouseleave', function() { if (isDesktop()) scheduleClose(); }); 648 dropdownToggle.addEventListener('click', function(e) { 649 if (isDesktop()) return; 650 e.preventDefault(); 651 setExpanded(!group.classList.contains('is-open')); 652 }); 653 group.addEventListener('focusin', function() { if (isDesktop()) openDropdown(); }); 654 group.addEventListener('focusout', function(event) { 655 if (!isDesktop()) return; 656 if (!group.contains(event.relatedTarget)) scheduleClose(); 657 }); 658 dropdownControllers.push({ group: group, setExpanded: setExpanded }); 659 }); 660 adjustNav(); 661 }); 662 663 document.querySelectorAll('.navbar__dropdown-item').forEach(item => { 664 const img = item.querySelector('.dropdown-item__icon img'); 665 if (!img) return; 666 const originalSrc = img.src; 667 const hoverSrc = originalSrc.replace(/nav-icon-/, 'nav-icon-hover-'); 668 item.addEventListener('mouseenter', () => { img.src = hoverSrc; }); 669 item.addEventListener('mouseleave', () => { img.src = originalSrc; }); 670 }); 671 </script>
671 672 673 </header><section id="content-8501"> 674 <div class="container"> 675 676 <div class="row"> 677 <div class="col-xl-3 col-lg-12 left-sidebar sidebar"> 678 <nav class="pb-toc" aria-label="Daftar Isi" data-pb-toc><h2 class="pb-toc__title">Daftar Isi</h2><ul class="pb-toc__list"><li class="pb-toc__item"><a class="pb-toc__link" href="#pb-heading-1">Cara Membuat Invoice dengan Mudah, Cepat & Efektif</a></li><li class="pb-toc__item"><a class="pb-toc__link" href="#pb-heading-7">Cara Membuat Invoice Digital dalam 5 Menit di Paper.id</a></li><li class="pb-toc__item"><a class="pb-toc__link" href="#pb-heading-8">Rasakan Kemudahan Buat Invoice, 679Hanya 5 Menit & Gratis.</a></li><li class="pb-toc__item"><a class="pb-toc__link" href="#pb-heading-9">Mengapa Invoice Penting?</a></li></ul></nav> </div> 680 <div class="col-xl-6 col-lg-12 main-wrap"> 681 682 <nav class="post-breadcrumb" aria-label="breadcrumb"> 683 <a href="https://www.paper.id/blog/" class="post-breadcrumb__item">Beranda</a> 684 <span class="post-breadcrumb__sep">âº</span> 685 <a href="https://www.paper.id/blog/category/invoice-id/" class="post-breadcrumb__item">Invoice</a> 686 </nav> 687 688 <div class="wrap-heading"> 689 <div class="heading-title"> 690 <h1>5 Langkah Cepat Membuat Invoice, Langsung Jadi!</h1> 691 </div> 692 <div class="heading-info"> 693 <div class="row align-items-center"> 694 <div class="col heading-author"> 695 <div class="post-avatar"> 696 <div class="wrap-avatar"><img alt='' src='https://secure.gravatar.com/avatar/c1e1bfb72c6347304a9eb0a484df3391?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/c1e1bfb72c6347304a9eb0a484df3391?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo' height='48' width='48' decoding='async'/></div> 697 </div> 698 <div class="wrap-author-date"> 699 <div class="post-author">Nadiyah Rahmalia</div> 700 <div class="post-date">Maret 26, 2025</div> 701 </div> 702 </div> 703 <div class="col-auto heading-social post-social"> 704 <div class="post-social__icons"> 705 <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.paper.id%2Fblog%2Finvoice-id%2Fcara-membuat-invoice%2F&text=5+Langkah+Cepat+Membuat+Invoice%2C+Langsung+Jadi%21" target="_blank" rel="noopener" aria-label="Share on X" class="post-social__icon post-social__icon--x"> 706 <svg width="21" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor"/></svg> 707 </a> 708 <a href="https://wa.me/?text=5+Langkah+Cepat+Membuat+Invoice%2C+Langsung+Jadi%21%20https%3A%2F%2Fwww.paper.id%2Fblog%2Finvoice-id%2Fcara-membuat-invoice%2F" target="_blank" rel="noopener" aria-label="Share on WhatsApp" class="post-social__icon post-social__icon--whatsapp"> 709 <svg width="21" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" fill="currentColor"/></svg> 710 </a> 711 <a href="https://www.youtube.com/@paperid" target="_blank" rel="noopener" aria-label="YouTube" class="post-social__icon post-social__icon--youtube"> 712 <svg width="21" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" fill="currentColor"/></svg> 713 </a> 714 <a href="https://www.instagram.com/paperindonesia" target="_blank" rel="noopener" aria-label="Instagram" class="post-social__icon post-social__icon--instagram"> 715 <svg width="21" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" fill="currentColor"/></svg> 716 </a> 717 <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.paper.id%2Fblog%2Finvoice-id%2Fcara-membuat-invoice%2F" target="_blank" rel="noopener" aria-label="Share on Facebook" class="post-social__icon post-social__icon--facebook"> 718 <svg width="21" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" fill="currentColor"/></svg> 719 </a> 720 <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.paper.id%2Fblog%2Finvoice-id%2Fcara-membuat-invoice%2F" target="_blank" rel="noopener" aria-label="Share on LinkedIn" class="post-social__icon post-social__icon--linkedin"> 721 <svg width="21" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" fill="currentColor"/></svg> 722 </a> 723 </div> 724 </div> 725 </div> 726 </div>
727 </div><!-- /.wrap-heading --> 728 729 <div class="heading-cover"> 730 <img fetchpriority="high" width="600" height="400" src="https://www.paper.id/blog/wp-content/uploads/2022/10/bookkeeper-g035f015cc_1280.jpeg" class="single-post-img wp-post-image" alt="5 Langkah Cepat Membuat Invoice, Langsung Jadi!" decoding="async" loading="eager" fetchpriority="high" /> </div><!-- /.heading-cover --> 731 732 733 <div class="main-content content-area"> 734 <div class="wrap-content"> 735 <div class="inner-container"> 736 737<p>Dalam menjalankan sebuah bisnis, salah satu dokumen yang sangat penting dalam bisnis adalah invoice atau bisa disebut juga dengan faktur. Dokumen <a href="https://www.paper.id/blog/bisnis/apa-itu-invoice/" target="_blank" rel="noreferrer noopener">invoice</a> ini penting karena digunakan sebagai bukti transaksi antara penjual dan pembeli.</p> 738 739 740 741<p>Dokumen ini bukan hanya bermanfaat sebagai catatan atau bukti transaksi. Tanpa disadari, proses <em>invoicing</em> yang efektif dan cepat juga bisa membuat bisnismu makin cepat dibayar. Kalau makin cepat dibayar, tentu <em>cash flow</em> bisnis bisa makin cepat berputar dan punya kemungkinan lebih besar untuk tetap stabil, bukan?</p> 742 743 744 745<p>Jika invoice<em> </em>dibuat secara asal-asalan, makna dan tujuannya menjadi tidak jelas sehingga membingungkan klien kamu untuk melunasi tagihannya, sehingga proses pelunasan juga bisa jadi lebih lama.</p> 746 747 748 749<p>Oleh karena itu, yuk, pelajari 5 langkah cepat membuat invoice untuk bisnismu di bawah ini!</p> 750 751 752 753<h2 id="pb-heading-1" class="wp-block-heading"><span class="ez-toc-section" id="Cara_Membuat_Invoice_dengan_Mudah_Cepat_Efektif"></span><strong>Cara Membuat Invoice dengan Mudah, Cepat & Efektif </strong><span class="ez-toc-section-end"></span></h2> 754 755 756 757<p>Terdapat 6 komponen yang tidak boleh dilewatkan dalam cara membuat invoice secara efektif:</p> 758 759 760 761<ol> 762<li>Kejelasan tanggal jatuh tempo.</li> 763 764 765 766<li>
766Penjelasan tipe pembayaran yang bisa dilakukan dan caranya.</li> 767 768 769 770<li>Ketahui siapa penerima invoice (nama dan alamat lengkapnya).</li> 771 772 773 774<li>Detail seluruh produk dan harga total yang perlu dibayarkan.</li> 775 776 777 778<li>Berikan peringatan apabila penerima invoice lupa.</li> 779 780 781 782<li>Pertimbangkan pemberian denda apabila pelanggan lupa membayar.</li> 783</ol> 784 785 786 787<p>Nah, berikut beberapa tahapan bagaimana cara membuat invoice mudah:</p> 788 789 790 791<h3 id="pb-heading-2" class="wp-block-heading"><span class="ez-toc-section" id="1_Masukkan_data_pembeli"></span>1. Masukkan data pembeli<span class="ez-toc-section-end"></span></h3> 792 793 794 795<p>Langkah pertama yang kalian lakukan dalam cara membuat invoice ialah memasukkan data pembeli ke dalam Invoice. Hal ini penting untuk dilakukan, kalian wajib menuliskan nama pelanggan dengan jelas. </p> 796 797 798 799<p>Kalau Invoice yang kalian buat ini mau dikirim ke perusahaan, maka jangan lupa menuliskan nama perusahaan tersebut dengan lengkap dan baik, hal ini bertujuan untuk menghindari kesalahpahaman.</p> 800 801 802 803<p>Selain itu juga, kalian harus mencantumkan alamat dari pelanggan kalian, kalau perlu masukan juga kontak mereka. Dengan begitu, para pelanggan jadi tahu, bahwa mereka harus membayar tagihan ini.</p> 804 805 806 807<div class="baca-juga"><p class="baca-juga__inner"><span class="baca-juga__label">Baca Juga: </span><a class="baca-juga__link" href="https://www.paper.id/blog/product-content/cara-membuat-nomor-invoice-dengan-benar-agar-cepat-dibayar/">3 Cara Membuat Nomor Invoice agar Cepat Dibayar</a></p></div> 808 809 810 811<h3 id="pb-heading-3" class="wp-block-heading"><span class="ez-toc-section" id="2_Sertakan_data_penerima_pembayaran"></span>2. Sertakan data penerima pembayaran<span class="ez-toc-section-end"></span></h3> 812 813 814 815<p>Selain memasukkan data pelanggan, kalian juga perlu menyertakan data penerima pembayaran sebagai cara membuat invoice tagihan. Kenapa harus? karena dengan itu, para pelanggan bisa langsung mengenali bahkan langsung membayar tagihan tersebut.</p> 816 817 818 819<p>Selain itu juga mencantumkan data penerima pembayaran bisa menjaga keamanan data pelanggan juga. Dengan itu, mereka bisa langsung mengetahui nomor rekening yang harus dibayarkan. Cara ini juga mencegah terjadinya penipuan <em>lho.</em></p> 820 821 822 823<h3 id="pb-heading-4" class="wp-block-heading"><span class="ez-toc-section" id="3_Masukkan_daftar_produk_atau_jasa"></span>3. Masukkan daftar produk atau jasa<span class="ez-toc-section-end"></span></h3> 824 825 826 827<p>Selanjutnya, kalian bisa memasukkan daftar produk atau jasa yang dibeli sekaligus kuantitasnya. Tulislah daftar produk yang dibeli oleh pelanggan, serta cantumkan deskripsi yang jelas agar mereka paham tujuan akan pengiriman invoice ini.</p> 828 829 830 831<p>Deskripsi yang ada didalamnya harus memuat nama produk, jumlah, serta harga dan total harga produk yang dibeli. Kalau kalian memberikan diskon didalamnya, maka sertakan diskon didalmnya, agar tidak terjadi kesalahpahaman. Terakhir sertakan total pembayaran y
831ang harus dibayar oleh pelanggan nantinya. </p> 832 833 834 835<h3 id="pb-heading-5" class="wp-block-heading"><span class="ez-toc-section" id="4_Tambahkan_tanggal_dan_nomor_invoice"></span>4. Tambahkan tanggal dan nomor invoice<span class="ez-toc-section-end"></span></h3> 836 837 838 839<p>Keempat, kalian bisa memasukan tanggal juga nomor invoice didalam dokumen invoice kalian. Dengan ini maka akan memudahkan kalian untuk mengenali transaksi, serta membantu kalian dalam menyusun laporan keuangan nantinya.</p> 840 841 842 843<p>Tanggal yang dicantumkan juga harus ada <em>deadline</em> kapan pembayaran harus diselesaikan. Selain tanggal, kalian juga menuliskan nomor invoice tagihan. Invoice yang bertanggal memudahkan kalian dalam pengarsipan nantinya. </p> 844 845 846 847<h3 id="pb-heading-6" class="wp-block-heading"><span class="ez-toc-section" id="5_Jangan_lupakan_ketentuan_pembayaran"></span>5. Jangan lupakan ketentuan pembayaran<span class="ez-toc-section-end"></span></h3> 848 849 850 851<p>Terakhir, kalian meseti mencantumkan informasi cara dan juga ketentuan pembayaran nantinya. Kalian bisa menuliskan seperti “Pembayaran bisa dilakukandengan melalui transfer bank ke rekening bla bla bla”.</p> 852 853 854 855<p>Selain itu juga perlunya kesepakatan pembayaran, kapan invoice ini harus dibayar dengan lunas. Umumnya invoice memiliki jangka waktu 30 hari sejak diterbitkan, artinya pihak pembeli harus membayar invoice ini dalam jangka waktu 30 hari. </p> 856 857 858 859<p>Biasanya ini bisa dibilang dengan Net 30 atau n/30. Tapi hal itu bisa disesuaikan kembali dengan kesepakatan pembayaran nantinya. </p> 860 861 862 863<div class="baca-juga"><p class="baca-juga__inner"><span class="baca-juga__label">Baca Juga: </span><a class="baca-juga__link" href="https://www.paper.id/blog/bisnis/aplikasi-invoice-online-gratis/">6 Aplikasi Invoice Online yang bisa kalian gunakan GRATIS</a></p></div> 864 865 866 867<h2 id="pb-heading-7" class="wp-block-heading"><span class="ez-toc-section" id="Cara_Membuat_Invoice_Digital_dalam_5_Menit_di_Paperid"></span><strong>Cara Membuat Invoice Digital dalam 5 Menit di Paper.id </strong><span class="ez-toc-section-end"></span></h2> 868 869 870 871<p>Daripada membuat invoice secara manual yang membutuhkan banyak waktu, kamu bisa membuat invoice digital hanya dalam waktu 5 menit saja menggunakan Paper.id. </p> 872 873 874 875<p>Langkah-langkahnya bisa kamu simak di bawah ini.</p> 876 877 878 879<p><em>Nah</em>, kamu bisa mencobanya langsung lewat demo produk di bawah.</p> 880 881 882<div style="text-align: center; background: linear-gradient(118.66deg, #257AB4 -3.43%, #206A9C 8.08%, #0F3449 36.22%, #0B2835 51.36%); color: #fff; margin-top: 20px; padding-inline:10px; padding-block:1em" class="iframe"> 883<h2 id="pb-heading-8"><span class="ez-toc-section" id="Rasakan_Kemudahan_Buat_Invoice_Hanya_5_Menit_Gratis"></span>Rasakan Kemudahan Buat Invoice,<br /> 884Hanya 5 Menit & Gratis.<span class="ez-toc-section-end"></span></h2> 885<p>Coba via demo produk ini.</p> 886<style> 887 .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}</style>
887<script type="text/javascript">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) { aiProcessMessage(event,"advanced_iframe", "true");}if (window.addEventListener) { window.addEventListener("message", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent) { el.attachEvent("message", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop="true";var aiShowDebug=false; 888 if (typeof aiReadyCallbacks === 'undefined') { 889 var aiReadyCallbacks = []; 890 } else if (!(aiReadyCallbacks instanceof Array)) { 891 var aiReadyCallbacks = []; 892 } function aiShowIframeId(id_iframe) { jQuery("#"+id_iframe).css("visibility", "visible"); } function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); } function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}</script>
892<iframe id="advanced_iframe" name="advanced_iframe" src="https://www.paper.id/invoice-penjualan-demo-blog.php?utm_source=blog&utm_medium=organic&utm_campaign=demo_invoice_penjualan" width="100%" height="500" scrolling="auto" frameborder="0" border="0" allowtransparency="true" loading="lazy" style="margin-bottom: 20px;;width:100%;height:500px;" ></iframe>
892<script type="text/javascript">var ifrm_advanced_iframe = document.getElementById("advanced_iframe");var hiddenTabsDoneadvanced_iframe = false; 893function resizeCallbackadvanced_iframe() {}</script>
893<script type="text/javascript"></script>
893</div> 894<style> 895@media only screen and (max-width: 437px) { 896 .iframe { 897 width: 118%; margin-left: -25px; 898 } 899} 900</style> 901 902 903 904<p>Dengan cara ini, dipastikan membuat invoice menjadi jauh lebih cepat dan akurat, sehingga kamu lebih cepat juga dibayar oleh pelanggan. </p> 905 906 907 908<p>Selain itu, ada banyak pilihan template apik yang bisa disesuaikan dengan persona bisnismu. Tentu saja, ada pula e-meterai digital resmi dari PERURI yang siap dibubuhkan pada invoice-mu untuk memastikan kelegalannya dalam transaksi.</p> 909 910 911 912<p>Yuk, segera tinggalkan proses pembuatan invoice yang lambat dan tingkatkan efisiensi bisnismu secara <strong>GRATIS</strong>. Klik tombol di bawah ini untuk mendaftar di Paper.id!</p> 913 914 915 916<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button btn btn__dark" href="https://paper.id/webappv1/#/register?&utm_source=paper_blog&utm_medium=blog_cta_button&utm_campaign=membuat_invoice&utm_content=daftar_sekarang" style="background-color:#4195d5"><div class="btn__content"><div class="btn__label">Daftar Sekarang!</div><svg class="btn__icon --1 hidden has-hover:block" width="19" height="14" viewBox="0 0 24.3434 18.8423" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M10.9468 18.3364C12.4026 16.743 14.3463 14.9356 16.7455 13.3957C19.3561 11.7274 21.7228 10.904 23.5689 10.4762C23.5689 9.95219 23.5771 9.43887 23.5852 8.91486C21.8285 8.28391 19.7953 7.35352 17.5913 5.9312C14.9725 4.24153 12.8011 2.2952 11.0932 0.519982" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/><path d="M23.5934 9.68481H0" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/></svg><svg class="btn__icon --2" width="19" height="14" viewBox="0 0 24.3434 18.8423" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M10.9468 18.3364C12.4026 16.743 14.3463 14.9356 16.7455 13.3957C19.3561 11.7274 21.7228 10.904 23.5689 10.4762C23.5689 9.95219 23.5771 9.43887 23.5852 8.91486C21.8285 8.28391 19.7953 7.35352 17.5913 5.9312C14.9725 4.24153 12.8011 2.2952 11.0932 0.519982" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/><path d="M23.5934 9.68481H0" stroke="#9EE3F3" stroke-width="1.5" stroke-miterlimit="10"/></svg></div></a></div> 917 918 919 920<div class="baca-juga"><p class="baca-juga__inner"><span class="baca-juga__label">Baca Juga: </span><a class="baca-juga__link" href="https://www.paper.id/blog/bisnis/aplikasi-invoice-online-gratis/">7 Aplikasi Invoice Online yang Bisa Digunakan GRATIS</a></p></div> 921 922 923 924<h2 id="pb-heading-9" class="wp-block-heading"><span class="ez-toc-section" id="Mengapa_Invoice_Penting"></span><strong>Mengapa Invoice Penting?</strong><span class="ez-toc-section-end"></span></h2> 925 926 927 928<p>Invoice bukan sekadar dokumen transaksi, tapi juga sebagai alat yang memastikan pembayaran berjalan lancar dan terhindar dari kesalahan. Tanpa invoice, kamu sebagai penjual bisa kesulitan mencatat penjualan dengan rapi, sementara pelanggan pun bisa lupa untuk melunasi pembayaran tepat waktu.</p> 929 930 931 932<p>Di dalam invoice, terdapat rincian biaya transaksi yang harus dibayarkan oleh pembeli dalam jangka waktu tertentu. Biasanya, invoice dibuat dalam tiga rangka, satu untuk pembeli, satu untuk penjual, dan satu lagi sebagai arsip perusahaan.</p> 933 934 935 936<p>Agar pengelolaan invoice lebih praktis, kamu bisa menggunakan <strong>Paper.id</strong>, yang tidak hanya membantu membuat dan mengirim invoice secara digital, tapi juga terintegrasi dengan sistem pembayaran. Dengan fitur ini, pelanggan bisa langsung membayar invoice hanya dengan satu klik, dan kamu pun bisa melacak status pembayaran secara otomatis.</p> 937 938 939 940<p>
940Menariknya, terdapat 30+ metode pembayaran yang bisa kamu gunakan, mulai dari transfer bank, <em>e-wallet</em>, kode QR, kartu kredit hingga cicilan, memastikan pelanggan lebih nyaman karena bisa membayar sesuai dengan preferensinya sendiri.</p> 941 942 943 944<p>Yuk, buat invoice lebih cepat dan kelola pembayaran bisnis dengan lebih mudah pakai Paper.id!</p> 945 </div> 946 </div> 947 </div><!-- /.main-content --> 948 949 <div class="post-contributor"> 950 <div class="post-contributor__inner"> 951 <div class="post-contributor__avatar"> 952 <img alt='' src='https://secure.gravatar.com/avatar/c1e1bfb72c6347304a9eb0a484df3391?s=108&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/c1e1bfb72c6347304a9eb0a484df3391?s=216&d=mm&r=g 2x' class='avatar avatar-108 photo' height='108' width='108' decoding='async'/> </div> 953 <div class="post-contributor__info"> 954 <span class="post-contributor__label">Contributor</span> 955 <strong class="post-contributor__name">Nadiyah Rahmalia</strong> 956 <p class="post-contributor__bio">Content Writer dengan 4 tahun pengalaman menangani konten beragam topik di berbagai industri baik B2C dan B2B, termasuk bisnis, ekonomi, keuangan, dan sebagainya. Saat ini menulis di Paper.id untuk memperkaya wawasan pemilik bisnis dan memajukan industri B2B seluruh Indonesia.</p> 957 <a href="https://www.linkedin.com/in/nadiyahrf/" target="_blank" rel="noopener noreferrer" class="post-contributor__linkedin" aria-label="LinkedIn"> 958 <svg width="21" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" fill="currentColor"></path></svg> 959 </a> 960 </div> 961 </div> 962 </div> 963 964 965 </div><!-- /.main-wrap --> 966 </div><!-- /.row --> 967 </div><!-- /.container --> 968</section> 969 970<section class="single-recent-posts" style="padding-bottom:0"> 971 <div class="container"> 972 <div class="single-recent-posts__header"> 973 <h2 class="single-recent-posts__title">Artikel Terkait</h2> 974 <a href="https://www.paper.id/blog/category/invoice-id/" class="btn btn__light section-cta-btn section-cta-btn--desktop"> 975 <div class="btn__content"> 976 <div class="btn__label">Selengkapnya</div> 977 <img class="btn__icon --1 hidden has-hover:block" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 978 <img class="btn__icon --2" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 979 </div> 980 </a> 981 </div> 982 <div class="single-recent-posts__grid"> 983 <a href="https://www.paper.id/blog/invoice-id/cara-menagih-invoice-dengan-email/" class="recent-post-card"> 984 <div class="recent-post-card__image"> 985 <img width="768" height="511" src="https://www.paper.id/blog/wp-content/uploads/2023/11/stephen-phillips-hostreviews-co-uk-3Mhgvrk4tjM-unsplash-768x511.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Cara Mudah Menagih Invoice via Email yang Bisa Kamu Coba Sekarang!" decoding="async" srcset="https://www.paper.id/blog/wp-content/uploads/2023/11/stephen-phillips-hostreviews-co-uk-3Mhgvrk4tjM-unsplash-768x511.jpg 768w, https://www.paper.id/blog/wp-content/uploads/2023/11/stephen-phillips-hostreviews-co-uk-3Mhgvrk4tjM-unsplash-300x200.jpg 300w, https://www.paper.id/blog/wp-content/uploads/2023/11/stephen-phillips-hostreviews-co-uk-3Mhgvrk4tjM-unsplash.jpg 1000w" sizes="(max-width: 768px) 100vw, 768px" /> </div> 986 <div class="recent-post-card__body"> 987 <h3 class="recent-post-card__title">Cara Mudah Menagih Invoice via Email yang Bisa Kamu Coba...</h3> 988 <p class="recent-post-card__excerpt">Setelah menyelesaikan pekerjaan, tentunya hal yang paling ditunggu oleh semua pelaku bisnis adalah mendapatkan pembayaran. Namun untuk menerimanya,...</p> 989 </div> 990 </a> 991 <a href="https://www.paper.id/blog/invoice-id/faktur-adalah/" class="recent-post-card"> 992 <div class="recent-post-card__image"> 993 <img width="768" height="513" src="https://www.paper.id/blog/wp-content/uploads/2025/04/Faktur-Adalah-Dokumen-Vital-dalam-Bisnis-Ini-Penjelasan-Lengkapnya-768x513.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Faktur Adalah Dokumen Vital dalam Bisnis: Ini Penjelasan Lengkapnya" decoding="async" srcset="https://www.paper.id/blog/wp-content/uploads/2025/04/Faktur-Adalah-Dokumen-Vital-dalam-Bisnis-Ini-Penjelasan-Lengkapnya-768x513.webp 768w, https://www.paper.id/blog/wp-content/uploads/2025/04/Faktur-Adalah-Dokumen-Vital-dalam-Bisnis-Ini-Penjelasan-Lengkapnya-300x200.webp 300w, https://www.paper.id/blog/wp-content/uploads/2025/04/Faktur-Adalah-Dokumen-Vital-dalam-Bisnis-Ini-Penjelasan-Lengkapnya-1024x684.webp 1024w, https://www.paper.id/blog/wp-content/uploads/2025/04/Faktur-Adalah-Dokumen-Vital-dalam-Bisnis-Ini-Penjelasan-Lengkapnya-1536x1025.webp 1536w, https://www.paper.id/blog/wp-content/uploads/2025/04/Faktur-Adalah-Dokumen-Vital-dalam-Bisnis-Ini-Penjelasan-Lengkapnya-2048x1367.webp 2048w" sizes="(max-width: 768px) 100vw, 768px" /> </div> 994 <div class="recent-post-card__body"> 995 <h3 class="recent-post-card__title">Faktur Adalah Dokumen Vital dalam Bisnis: Ini Penjelasan...</h3> 996 <p class="recent-post-card__excerpt">Dalam menjalankan sebuah bisnis, kamu tentu sudah tidak asing lagi dengan berbagai dokumen administrasi yang berkaitan dengan transaksi keuangan....</p> 997 </div> 998 </a> 999 <a href="https://www.paper.id/blog/invoice-id/contoh-invoice-rental-motor/" class="recent-post-card"> 1000 <div class="recent-post-card__image"> 1001 <img width="768" height="512" src="https://www.paper.id/blog/wp-content/uploads/2025/11/Contoh-Invoice-Rental-Motor-768x512.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Contoh Invoice Rental Motor Praktis, Cocok untuk Bisnis Sewa Motor" decoding="async" srcset="https://www.paper.id/blog/wp-content/uploads/2025/11/Contoh-Invoice-Rental-Motor-768x512.webp 768w, https://www.paper.id/blog/wp-content/uploads/2025/11/Contoh-Invoice-Rental-Motor-300x200.webp 300w, https://www.paper.id/blog/wp-content/uploads/2025/11/Contoh-Invoice-Rental-Motor.webp 900w" sizes="(max-width: 768px) 100vw, 768px" /> </div> 1002 <div class="recent-post-card__body"> 1003 <h3 class="recent-post-card__title">Contoh Invoice Rental Motor Praktis, Cocok untuk Bisnis...</h3> 1004 <p class="recent-post-card__excerpt">Kalau kamu punya usaha rental motor, invoice rental motor jadi dokumen penting yang nggak boleh dilewatkan. Invoice membantu mencatat transaksi dan...</p> 1005 </div> 1006 </a> 1007 </div> 1008 <a href="https://www.paper.id/blog/category/invoice-id/" class="btn btn__light section-cta-btn section-cta-btn--mobile"> 1009 <div class="btn__content"> 1010 <div class="btn__label">Selengkapnya</div> 1011 <img class="btn__icon --1 hidden has-hover:block" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 1012 <img class="btn__icon --2" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 1013 </div> 1014 </a> 1015 </div> 1016</section> 1017 1018<section class="single-recent-posts" style="padding-top:6rem"> 1019 <div class="container"> 1020 <div class="single-recent-posts__header"> 1021 <h2 class="single-recent-posts__title">Artikel Terbaru</h2> 1022 <a href="https://www.paper.id/blog/artikel-terbaru/" class="btn btn__light section-cta-btn section-cta-btn--desktop"> 1023 <div class="btn__content"> 1024 <div class="btn__label">Selengkapnya</div> 1025 <img class="btn__icon --1 hidden has-hover:block" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 1026 <img class="btn__icon --2" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14">
1027 </div> 1028 </a> 1029 </div> 1030 <div class="single-recent-posts__grid"> 1031 <a href="https://www.paper.id/blog/pembayaran-digital/nomor-referensi-bank-bsi/" class="recent-post-card"> 1032 <div class="recent-post-card__image"> 1033 <img width="768" height="512" src="https://www.paper.id/blog/wp-content/uploads/2026/10/cara-cek-nomor-referensi-BSI--768x512.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Nomor Referensi Bank BSI: Fungsi dan Cara Mudah Ceknya" decoding="async" srcset="https://www.paper.id/blog/wp-content/uploads/2026/10/cara-cek-nomor-referensi-BSI--768x512.webp 768w, https://www.paper.id/blog/wp-content/uploads/2026/10/cara-cek-nomor-referensi-BSI--300x200.webp 300w, https://www.paper.id/blog/wp-content/uploads/2026/10/cara-cek-nomor-referensi-BSI--1024x683.webp 1024w, https://www.paper.id/blog/wp-content/uploads/2026/10/cara-cek-nomor-referensi-BSI-.webp 1536w" sizes="(max-width: 768px) 100vw, 768px" /> </div> 1034 <div class="recent-post-card__body"> 1035 <h3 class="recent-post-card__title">Nomor Referensi Bank BSI: Fungsi dan Cara Mudah Ceknya</h3> 1036 <p class="recent-post-card__excerpt">Pernahkan Anda mencari info nomor referensi bank BSI, namun justru mendapatkan dua informasi yang berbeda? Hal ini memang sering membingungkan....</p> 1037 </div> 1038 </a> 1039 <a href="https://www.paper.id/blog/tips-bisnis/contoh-surat-pengajuan-barang-inventaris/" class="recent-post-card"> 1040 <div class="recent-post-card__image"> 1041 <img width="768" height="512" src="https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengajuan-barang-inventaris-kantor-dan-prosedurnya-768x512.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Contoh Surat Pengajuan Barang Inventaris Kantor dan Prosedurnya" decoding="async" srcset="https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengajuan-barang-inventaris-kantor-dan-prosedurnya-768x512.webp 768w, https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengajuan-barang-inventaris-kantor-dan-prosedurnya-300x200.webp 300w, https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengajuan-barang-inventaris-kantor-dan-prosedurnya.webp 900w" sizes="(max-width: 768px) 100vw, 768px" /> </div> 1042 <div class="recent-post-card__body"> 1043 <h3 class="recent-post-card__title">Contoh Surat Pengajuan Barang Inventaris Kantor dan...</h3> 1044 <p class="recent-post-card__excerpt">Tahukah Anda? Saat membutuhkan laptop baru, printer tambahan, meja kerja, atau perlengkapan kantor lainnya, karyawan umumnya harus membuat contoh...</p> 1045 </div> 1046 </a> 1047 <a href="https://www.paper.id/blog/pendidikan/contoh-surat-pengadaan-barang-sekolah/" class="recent-post-card"> 1048 <div class="recent-post-card__image"> 1049 <img width="768" height="512" src="https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengadaan-barang-sekolah-768x512.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Contoh Surat Pengadaan Barang Sekolah dan Alur Pengajuannya" decoding="async" srcset="https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengadaan-barang-sekolah-768x512.webp 768w, https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengadaan-barang-sekolah-300x200.webp 300w, https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengadaan-barang-sekolah-1024x683.webp 1024w, https://www.paper.id/blog/wp-content/uploads/2026/09/contoh-surat-pengadaan-barang-sekolah.webp 1536w" sizes="(max-width: 768px) 100vw, 768px" /> </div> 1050 <div class="recent-post-card__body"> 1051 <h3 class="recent-post-card__title">Contoh Surat Pengadaan Barang Sekolah dan Alur Pengajuannya</h3> 1052 <p class="recent-post-card__excerpt">Dalam administrasi pendidikan, surat pengadaan barang sekolah merupakan dokumen yang sangat penting dalam memastikan setiap pembelian barang...</p> 1053 </div> 1054 </a> 1055 </div> 1056 <a href="https://www.paper.id/blog/artikel-terbaru/" class="btn btn__light section-cta-btn section-cta-btn--mobile"> 1057 <div class="btn__content"> 1058 <div class="btn__label">Selengkapnya</div> 1059 <img class="btn__icon --1 hidden has-hover:block" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 1060 <img class="btn__icon --2" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 1061 </div> 1062 </a> 1063 </div> 1064</section> 1065 1066<section id="home-cta" class="home-cta"> 1067 <div class="container"> 1068 <div class="flexContent home-cta__flex"> 1069 <h2 class="home-cta__title"> 1070 <span class="highlightItalic home-cta__highlight">Platform Lengkap</span><br /> 1071 untuk Invoicing & <br /> 1072 Transaksi Bisnis </h2> 1073 <div class="home-cta__content"> 1074 <p class="home-cta__text"> 1075 Dari UMKM sampai enterprise, semua bisa <br />nikmati mudahnya berbisnis dengan Paper </p> 1076 <a class="navbar__btn btn__dark btn home-cta__button" href="https://www.paper.id/webappv1/#/register?utm_source=blog&utm_medium=organic&utm_campaign=blog_article_cta"> 1077 <div class="btn__content"> 1078 <div class="btn__label">Coba Sekarang</div> 1079 <img class="btn__icon --1 hidden has-hover:block" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 1080 <img class="btn__icon --2" src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/arrow-right.svg" alt="" width="19" height="14"> 1081 </div> 1082 </a> 1083 </div> 1084 </div> 1085 </div> 1086 <div class="home-cta__decorations" aria-hidden="true"> 1087 <div class="home-cta__supergraphic"></div> 1088 </div> 1089</section> 1090 1091<div id="floating-banner" class="widget floating-banner"> 1092 <div class="floating-banner-wrap">
1093 <li id="media_image-2" class="widget widget_media_image"><a href="https://www.paper.id/" target="_blank" rel="noopener"><img width="1599" height="399" src="https://www.paper.id/blog/wp-content/uploads/2026/06/Sticky-Banner-RefreshmentInvoice-Online.webp" class="image wp-image-34214 attachment-full size-full" alt="Sticky Banner RefreshmentInvoice Online" decoding="async" style="max-width: 100%; height: auto;" srcset="https://www.paper.id/blog/wp-content/uploads/2026/06/Sticky-Banner-RefreshmentInvoice-Online.webp 1599w, https://www.paper.id/blog/wp-content/uploads/2026/06/Sticky-Banner-RefreshmentInvoice-Online-300x75.webp 300w, https://www.paper.id/blog/wp-content/uploads/2026/06/Sticky-Banner-RefreshmentInvoice-Online-1024x256.webp 1024w, https://www.paper.id/blog/wp-content/uploads/2026/06/Sticky-Banner-RefreshmentInvoice-Online-768x192.webp 768w, https://www.paper.id/blog/wp-content/uploads/2026/06/Sticky-Banner-RefreshmentInvoice-Online-1536x383.webp 1536w" sizes="(max-width: 1599px) 100vw, 1599px" /></a></li> 1094 </div> 1095 <button type="button" class="btn-close" aria-label="Close"> 1096 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true"> 1097 <path d="M1 1L9 9M9 1L1 9" stroke="#0d2056" stroke-width="1.5" stroke-linecap="round"/> 1098 </svg> 1099 </button> 1100</div> 1101
1102<script> 1103document.addEventListener("DOMContentLoaded", function() { 1104 const banner = document.getElementById("floating-banner"); 1105 const closeBtn = banner.querySelector(".btn-close"); 1106 const showAfterScroll = 600; 1107 const showAfterTime = 2000; 1108 let scrolled = false; 1109 let timerDone = false; 1110 let isClosed = false; 1111 1112 setTimeout(() => { 1113 timerDone = true; 1114 if (scrolled && !isClosed) banner.classList.add("show"); 1115 }, showAfterTime); 1116 1117 window.addEventListener("scroll", () => { 1118 if (window.scrollY > showAfterScroll) { 1119 scrolled = true; 1120 if (timerDone && !isClosed) banner.classList.add("show"); 1121 } 1122 }); 1123 1124 function closeBanner(e) { 1125 e.preventDefault(); 1126 isClosed = true; 1127 banner.classList.remove("show"); 1128 } 1129 closeBtn.addEventListener("click", closeBanner); 1130 closeBtn.addEventListener("touchend", closeBanner); 1131 1132const bannerLink = banner.querySelector(".floating-banner-wrap a"); 1133 if (bannerLink) { 1134 let startX = 0, startY = 0, moved = false; 1135 bannerLink.addEventListener("touchstart", function (e) { 1136 const t = e.changedTouches[0]; 1137 startX = t.clientX; 1138 startY = t.clientY; 1139 moved = false; 1140 }, { passive: true }); 1141 bannerLink.addEventListener("touchmove", function (e) { 1142 const t = e.changedTouches[0]; 1143 if (Math.abs(t.clientX - startX) > 10 || Math.abs(t.clientY - startY) > 10) { 1144 moved = true; 1145 } 1146 }, { passive: true }); 1147 bannerLink.addEventListener("touchend", function (e) { 1148 if (moved) return; // it was a scroll/swipe, not a tap 1149 const href = bannerLink.getAttribute("href"); 1150 if (!href || href === "#") return; 1151 e.preventDefault(); 1152 if (bannerLink.getAttribute("target") === "_blank") { 1153 window.open(href, "_blank", "noopener"); 1154 } else { 1155 window.location.href = href; 1156 } 1157 }); 1158 } 1159}); 1160</script>
1160 1161
1162<script> 1163(function () { 1164 function init() { 1165 var toc = document.querySelector('[data-pb-toc]'); 1166 if (!toc) return; 1167 var list = toc.querySelector('.pb-toc__list'); 1168 if (!list) return; 1169 1170 var links = Array.prototype.slice.call(list.querySelectorAll('.pb-toc__link')); 1171 if (!links.length) return; 1172 1173 var targets = links.map(function (a) { 1174 var href = a.getAttribute('href') || ''; 1175 if (href.charAt(0) !== '#') return null; 1176 try { return document.querySelector(href); } catch (e) { return null; } 1177 }); 1178 1179 var scrollOffset = 140; 1180 1181 function setActive(index) { 1182 links.forEach(function (l) { l.classList.remove('is-active'); }); 1183 var active = links[index]; 1184 if (!active) return; 1185 active.classList.add('is-active'); 1186 var listRect = list.getBoundingClientRect(); 1187 var linkRect = active.getBoundingClientRect(); 1188 list.style.setProperty('--toc-indicator-top', (linkRect.top - listRect.top) + 'px'); 1189 list.style.setProperty('--toc-indicator-height', linkRect.height + 'px'); 1190 } 1191 1192 function currentByScroll() { 1193 var y = window.scrollY + scrollOffset; 1194 var idx = 0; 1195 for (var i = 0; i < targets.length; i++) { 1196 var t = targets[i]; 1197 if (t && (t.getBoundingClientRect().top + window.scrollY) <= y) { 1198 idx = i; 1199 } 1200 } 1201 return idx; 1202 } 1203 1204 function onScroll() { setActive(currentByScroll()); } 1205 1206 links.forEach(function (a, i) { 1207 a.addEventListener('click', function () { setActive(i); }); 1208 }); 1209 1210 window.addEventListener('scroll', onScroll, { passive: true }); 1211 window.addEventListener('resize', function () { setActive(currentByScroll()); }); 1212 1213 setActive(0); 1214 onScroll(); 1215 } 1216 1217 if (document.readyState === 'loading') { 1218 document.addEventListener('DOMContentLoaded', init); 1219 } else { 1220 init(); 1221 } 1222})(); 1223</script>
1223 1224 1225 <footer id="main-footer" class="footer"> 1226 1227 <div class="footer__sparkle"> 1228 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/sparkle_footer.webp" alt="Sparkle" loading="lazy"> 1229 </div> 1230 <div class="footer__content"> 1231 <div class="footer__top"> 1232 <div class="footer__brand"> 1233 <a href="/" class="footer__logo" aria-label="Paper home"> 1234 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/paper_logo_new.webp" alt="Paper" loading="lazy"> 1235 </a> 1236 </div> 1237 <div class="footer__download-btn"> 1238 <a href="https://play.google.com/store/apps/details?id=id.paper.invoicer&referrer=entry_point%3Dweb_landing%26utm_medium%3Dbanner" target="_blank" rel="noopener noreferrer"> 1239 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/playstore_logo.webp" alt="Google Play" loading="lazy"> 1240 </a> 1241 <a href="https://apps.apple.com/id/app/paper-id-invoice-payment/id6463997183" target="_blank" rel="noopener noreferrer"> 1242 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/appstore_logo.webp" alt="App Store" loading="lazy"> 1243 </a> 1244 </div> 1245 </div> 1246 1247 <div class="footer__body"> 1248 <div class="footer__menu"> 1249 <div class="flexContent"> 1250 <div class="footer__menu-group"> 1251 <div class="footer__menu-label">Other Features</div> 1252 <a class="footer__menu-item opacity80" href="/invoice-online/invoice-generator">Invoice Generator</a> 1253 <a class="footer__menu-item opacity80" href="/invoice-online/invoice-reminder">Invoice Reminder</a> 1254 <a class="footer__menu-item opacity80" href="/invoice-online/template-invoice">Template Invoice</a> 1255 <a class="footer__menu-item opacity80" href="/digital-payment/bulk-payment">Bulk Payment</a> 1256 <a class="footer__menu-item opacity80" href="/invoice-online/e-meterai">E-Meterai</a> 1257 <a class="footer__menu-item opacity80" href="/akuntansi-gratis/laporan-keuangan">Laporan Keuangan</a> 1258 </div> 1259 <div class="footer__menu-group"> 1260 <div class="footer__menu-label">Resources</div> 1261 <a class="footer__menu-item opacity80" href="/kamus-bisnis/">Kamus Bisnis</a> 1262 <a class="footer__menu-item opacity80" href="/blog/">Blog</a> 1263 <a class="footer__menu-item opacity80" href="https://support.paper.id/hc/id">Help</a> 1264 <a class="footer__menu-item opacity80" href="https://support.paper.id/hc/id">FAQ</a> 1265 </div> 1266 </div> 1267 <div class="footer__menu-group groupCustomerCare"> 1268 <div class="footer__menu-label">Customer Care</div> 1269 <div class="footer__menu-item flexContent"> 1270 <div class="footer__menu-item opacity60"> 1271 Whatsapp 1272 </div> 1273 <a class="footer__menu-item opacity90" href="https://wa.me/6285219526186"> 1274 +(62) 852 1952 6186 1275 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_arrow_blue.svg" alt="Arrow" loading="lazy" class="footer__arrow"> 1276 </a> 1277 </div> 1278 <div class="footer__menu-item flexContent"> 1279 <div class="footer__menu-item opacity60"> 1280 Call 1281 </div> 1282 <a class="footer__menu-item opacity90" href="tel:+6285574677916"> 1283 +(62) 855 7467 7916 1284 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_arrow_blue.svg" alt="Arrow" loading="lazy" class="footer__arrow"> 1285 </a> 1286 </div> 1287 <div class="footer__menu-item flexContent"> 1288 <div class="footer__menu-item opacity60"> 1289 Email 1290 </div> 1291 <a class="footer__menu-item opacity90" href="mailto:[email protected]"> 1292 [email protected] 1293 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_arrow_blue.svg" alt="Arrow" loading="lazy" class="footer__arrow"> 1294 </a> 1295 </div> 1296 </div> 1297 </div> 1298 1299 <div class="footer__menu"> 1300 <div class="footer__menu-group"> 1301 <div class="footer__menu-label">Headquarter</div> 1302 <a href="https://maps.app.goo.gl/jJ1TLpbtEGL55y9e6" target="_blank" class="footer__menu-item opacity80"> 1303 Jln. Perjuangan No.22, RT.11/RW.10, Kb. Jeruk, Jakarta Barat 11530 1304 </a> 1305 </div> 1306 <div class="footer__menu-group"> 1307 <div class="footer__menu-label">Branch Office</div> 1308 <a href="https://www.google.com/maps/place/PAPER+ID/@-6.1367345,106.8637074,17z/data=!3m1!4b1!4m5!3m4!1s0x2e69f5199cb72699:0x634e75fcfa4560cc!8m2!3d-6.1367398!4d106.8658961" target="_blank" class="footer__menu-item opacity80"> 1309 Jln. Sunter Garden Raya No.5D, RT.6/RW.12, Sunter Agung, Kec. Tj. Priok, Jakarta Utara 14350 1310 </a> 1311 </div> 1312 <div class="footer__menu-group groupHours"> 1313 <div class="footer__menu-label">Operational Hours</div> 1314 <div class="footer__menu-item flexContent"> 1315 <div class="footer__menu-item opacity60"> 1316 Weekdays 1317 </div> 1318 <div class="footer__menu-item"> 1319 7AM - 10PM 1320 </div> 1321 </div> 1322 <div class="footer__menu-item flexContent"> 1323 <div class="footer__menu-item opacity60"> 1324 Weekend & Holidays 1325 </div> 1326 <div class="footer__menu-item"> 1327 8AM - 5PM 1328 </div> 1329 </div> 1330 </div> 1331 </div> 1332 1333 <div class="footer__menu"> 1334 <div class="footer__menu-group groupPartners"> 1335 <div class="footer__menu-partners"> 1336 <p class="noWrap">
1337 <span class="footer__menu-item opacity80">Bekerjasama dengan Mitra Berizin</span> 1338 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-bi.webp" alt="Bank Indonesia Logo" loading="lazy" class="footer__bi"> 1339 </p> 1340 <p class="noWrap"> 1341 <span class="footer__menu-item opacity80">dan Diawasi oleh</span> 1342 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-ojk.webp" alt="OJK Logo" loading="lazy" class="footer__ojk"> 1343 </p> 1344 </div> 1345 <div class="footer__menu-partners banks_logo flexContent"> 1346 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-visa.svg" alt="Visa Logo" loading="lazy" class="footer__visa"> 1347 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-mastercard.webp" alt="Mastercard Logo" loading="lazy" class="footer__mastercard"> 1348 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-jcb.webp" alt="JCB Logo" loading="lazy" class="footer__jcb"> 1349 </div> 1350 <div class="footer__menu-partners banks_logo flexContent"> 1351 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-amex.webp" alt="American Express Logo" loading="lazy" class="footer__ae"> 1352 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-bri.webp" alt="BRI Logo" loading="lazy" class="footer__bri"> 1353 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-bni.webp" alt="BNI Logo" loading="lazy" class="footer__bni"> 1354 </div> 1355 <div class="footer__menu-partners banks_logo flexContent"> 1356 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-bca.webp" alt="Visa Logo" loading="lazy" class="footer__bca"> 1357 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/bank-logo/white-logo-mandiri.webp" alt="Mastercard Logo" loading="lazy" class="footer__mandiri"> 1358 <div class="andOthers opacity80">dan<br /> lainnya</div> 1359 </div> 1360 <div class="footer__menu-partners banks_logo flexContent"> 1361 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/partners-logo/logo-kan.webp" alt="KAN Logo" loading="lazy" class="footer__kan"> 1362 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_iso_logo.webp" alt="ISO Logo" loading="lazy" class="footer__iso"> 1363 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_security_logo.svg" alt="Secure Logo" loading="lazy" class="footer__secure"> 1364 </div> 1365 </div> 1366 </div> 1367 </div> 1368 </div> 1369 <div class="footer__bottom"> 1370 <div class="footer__bottom-content flexContent"> 1371 <div class="footer__copyright">© 2026 Paper.id (PT Pakar Digital Global)</div> 1372 <div class="footer__social flexContent"> 1373 <a href="https://www.youtube.com/@Paperid" target="_blank" rel="noopener noreferrer" class="footer__social-item"> 1374 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_youtube_logo.svg" alt="Youtube" loading="lazy" class="footer__social-item"> 1375 </a> 1376 <a href="https://www.instagram.com/paperindonesia/" target="_blank" rel="noopener noreferrer" class="footer__social-item"> 1377 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_instagram_logo.svg" alt="Instagram" loading="lazy" class="footer__social-item"> 1378 </a> 1379 <a href="https://www.facebook.com/paperindonesia/" target="_blank" rel="noopener noreferrer" class="footer__social-item"> 1380 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_facebook_logo.svg" alt="Facebook" loading="lazy" class="footer__social-item"> 1381 </a> 1382 <a href="https://www.linkedin.com/company/paper-id/" target="_blank" rel="noopener noreferrer" class="footer__social-item"> 1383 <img src="https://storage.googleapis.com/clevertap-assets/kamus-bisnis/footer_linkedin_logo.svg" alt="Linkedin" loading="lazy" class="footer__social-item"> 1384 </a> 1385 <a href="https://www.tiktok.com/@paperindonesia" target="_blank" rel="noopener noreferrer" class="footer__social-item"> 1386 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/footer_tiktok_logo.svg" alt="Tiktok" loading="lazy" class="footer__social-item"> 1387 </a> 1388 <a href="https://x.com/paper_indonesia" target="_blank" rel="noopener noreferrer" class="footer__social-item"> 1389 <img src="https://storage.googleapis.com/clevertap-assets/paper-lp/icon/footer_twitter_logo.svg" alt="Twitter" loading="lazy" class="footer__social-item"> 1390 </a> 1391 </div> 1392 <div class="footer__terms flexContent"> 1393 <a href="https://paper.id/privacy" target="_blank" class="footer__terms-item">Privacy Policy</a> 1394 <a href="https://paper.id/terms-and-conditions" target="_blank" class="footer__terms-item">Terms & Condition</a> 1395 <a href="https://paper.id/sitemap.xml" target="_blank" class="footer__terms-item">Sitemap</a> 1396 </div> 1397 </div> 1398 </div> 1399 1400 </footer> 1401 1402
1402<script type="text/javascript">if(window.aiModifyParent) {aiModifyParent();}</script>
1402
1402<script> 1403 (function() { 1404 var blogButton = document.querySelector("#menu-item-63 a"); 1405 if (blogButton) { 1406 blogButton.classList.add("btn-register-blog"); 1407 var storedUTMs = localStorage.getItem("utm_params"); 1408 if (storedUTMs) { 1409 var utmString = new URLSearchParams(JSON.parse(storedUTMs)).toString(); 1410 blogButton.addEventListener("click", function(event) { 1411 event.preventDefault(); 1412 window.location.href = "https://www.paper.id/webappv1/#/register?" + utmString; 1413 }); 1414 } 1415 } 1416 1417 window.dataLayer = window.dataLayer || []; 1418 1419 var params = new URLSearchParams(window.location.search); 1420 var referrer = document.referrer; 1421 var hasUTM = params.has('utm_source') || params.has('utm_medium') || params.has('utm_campaign') || params.has('gclid'); 1422 var currentUTM; 1423 1424 if (hasUTM) { 1425 currentUTM = { 1426 utm_source: params.get('utm_source') || '', 1427 utm_medium: params.get('utm_medium') || '', 1428 utm_campaign: params.get('utm_campaign') || '', 1429 utm_term: params.get('utm_term') || '', 1430 gclid: params.get('gclid') || '' 1431 }; 1432 } else { 1433 var source = 'direct', medium = 'direct'; 1434 if (referrer) { 1435 try { 1436 var refHost = new URL(referrer).hostname; 1437 if (!refHost.includes('paper.id')) { 1438 source = refHost.replace('www.', ''); 1439 medium = 'referral'; 1440 if (refHost.includes('google')) { source = 'google'; medium = 'organic'; } 1441 else if (refHost.includes('facebook')) { source = 'facebook'; medium = 'social'; } 1442 } 1443 } catch(e) {} 1444 } 1445 currentUTM = { utm_source: source, utm_medium: medium, utm_campaign: 'untracked', utm_term: '', gclid: '' }; 1446 } 1447 1448 sessionStorage.setItem('utm_params', JSON.stringify(currentUTM)); 1449 window.dataLayer.push(Object.assign({ event: 'utm_stored' }, currentUTM)); 1450 1451 function appendUTMToLinks() { 1452 var utmData = sessionStorage.getItem('utm_params'); 1453 if (!utmData) return; 1454 var utmString = new URLSearchParams(JSON.parse(utmData)).toString(); 1455 document.querySelectorAll('a[href*="/login"], a[href*="/register"]').forEach(function(link) { 1456 if (link.dataset.utmAppended === 'true') return; 1457 if (link.href.includes('utm_source')) return; 1458 var sep = link.href.includes('?') ? '&' : '?'; 1459 link.href = link.href + sep + utmString; 1460 link.dataset.utmAppended = 'true'; 1461 }); 1462 } 1463 appendUTMToLinks(); 1464 setTimeout(appendUTMToLinks, 500); 1465 })(); 1466 </script>
1466 1467
1467<script type='text/javascript' src='https://www.paper.id/blog/wp-content/plugins/mystickymenu/js/morphext/morphext.min.js?ver=2.7.9' id='morphext-js-js' defer data-wp-strategy='defer'></script>
vendor: 1 bytes, line 1467
1467
1468<script type='text/javascript' id='welcomebar-frontjs-js-extra'> 1469/* <![CDATA[ */ 1470var welcomebar_frontjs = {"ajaxurl":"https:\/\/www.paper.id\/blog\/wp-admin\/admin-ajax.php","days":"Days","hours":"Hours","minutes":"Minutes","seconds":"Seconds","ajax_nonce":"ee3d915479"}; 1471/* ]]> */ 1472</script>
vendor: 1 bytes, line 1472
1472
1473<script type='text/javascript' src='https://www.paper.id/blog/wp-content/plugins/mystickymenu/js/welcomebar-front.js?ver=2.7.9' id='welcomebar-frontjs-js' defer data-wp-strategy='defer'></script>
vendor: 1 bytes, line 1473
1473
1474<script type='text/javascript' id='ez-toc-scroll-scriptjs-js-extra'> 1475/* <![CDATA[ */ 1476var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""}; 1477/* ]]> */ 1478</script>
vendor: 1 bytes, line 1478
1478
1479<script type='text/javascript' src='https://www.paper.id/blog/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.74' id='ez-toc-scroll-scriptjs-js'></script>
vendor: 1 bytes, line 1479
1479
1480<script type='text/javascript' src='https://www.paper.id/blog/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1' id='ez-toc-js-cookie-js'></script>
vendor: 1 bytes, line 1480
1480
1481<script type='text/javascript' src='https://www.paper.id/blog/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='ez-toc-jquery-sticky-kit-js'></script>
vendor: 1 bytes, line 1481
1481
1482<script type='text/javascript' id='ez-toc-js-js-extra'> 1483/* <![CDATA[ */ 1484var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""}; 1485/* ]]> */ 1486</script>
vendor: 1 bytes, line 1486
1486
1487<script type='text/javascript' src='https://www.paper.id/blog/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.74-1746593974' id='ez-toc-js-js'></script>
1487 1488
1488<script> 1489 (function () { 1490 function initSkeleton(el) { 1491 var img = el.querySelector('img'); 1492 if ( !img ) { el.classList.add('img-loaded'); return; } 1493 function done() { el.classList.add('img-loaded'); } 1494 if ( img.complete && img.naturalWidth > 0 ) { done(); return; } 1495 img.addEventListener('load', done); 1496 img.addEventListener('error', done); 1497 } 1498 function pbScanImgs() { 1499 document.querySelectorAll('.recent-post-card__image:not(.img-loaded), .heading-cover:not(.img-loaded)').forEach(initSkeleton); 1500 } 1501 window.pbScanImgs = pbScanImgs; 1502 document.addEventListener('DOMContentLoaded', pbScanImgs); 1503 })(); 1504 </script>
1504 1505 1506
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.