PageSourceSearch

https://www.paper.id/blog/invoice-id/cara-membuat-invoice/

html paper.id collected 2026-10-01 12:31:31 UTC 137,811 bytes, 1,506 lines download raw bytes

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 &amp; 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 &amp; 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  &raquo; 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&#038;family=Sora:wght@300;400;500;600;700&#038;family=Literata:ital,wght@1,400&#038;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&#8230;",
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&nbsp;invoice&nbsp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/c1e1bfb72c6347304a9eb0a484df3391?s=96&#038;d=mm&#038;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&nbsp;invoice<em>&nbsp;</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 &amp; 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 &#8220;Pembayaran bisa dilakukandengan melalui transfer bank ke rekening bla bla bla&#8221;.</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 &#038; 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&#038;utm_medium=organic&#038;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?&amp;utm_source=paper_blog&amp;utm_medium=blog_cta_button&amp;utm_campaign=membuat_invoice&amp;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&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/c1e1bfb72c6347304a9eb0a484df3391?s=216&#038;d=mm&#038;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 &amp; <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">&copy; 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 &amp; 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.