Panduan pengguna

Editor templat kustom

Bangun tata letak faktur Anda sendiri dari 25 starter galeri atau dari awal, gaya setiap elemen, batasi ke profil tertentu dan terapkan ke faktur.

Diperbarui: 2026-09-09

Dua belas desain bawaan sudah mencakup sebagian besar faktur, tetapi desain itu menentukan sendiri di mana logo, tanggal, dan alamat klien diletakkan. Editor templat kustom memungkinkan Anda menyusun bagian-bagian tersebut sendiri. Anda menempatkan elemen ke enam slot di sekitar badan tetap, mengatur gaya masing-masing, lalu menyimpan hasilnya sebagai templat milik Anda sendiri. Sejak saat itu, faktur apa pun bisa dialihkan ke templat tersebut dengan dua ketukan, dan PDF digambar oleh renderer kustom terpisah, bukan oleh salah satu dari dua belas desain tersebut.

Panduan ini mengikuti Nadia Okafor dari Fern & Petal Floral Design Studio di Portland, Oregon. Ia menginginkan halaman yang tenang, sebagian besar putih, untuk klien hotel dan restoran: logo lebar dan dua baris kontak di kiri, detail faktur dan alamat klien di kanan, serta satu baris ucapan terima kasih hijau di footer. Fakturnya FP-2026-0218 untuk Alder Street Hotel digunakan untuk PDF final. Ia juga menjalankan profil bisnis kedua, Fern & Petal Weddings, yang menjadi alasan fitur cakupan profil muncul di sepanjang panduan ini.

Yang Anda lihat di layar

Templat kustom berada di Pengaturan, di bawah baris Templat PDF (subjudul “Build and manage your own layouts”). Layar ini memiliki tiga tab. Mine mendaftar templat yang telah Anda simpan sebagai grid kartu dua kolom. Gallery berisi 25 tata letak starter dalam enam kategori yang terbuka di editor dengan isian sudah terisi. Palettes adalah tempat set warna kustom dibuat; tab tersebut dibahas di panduan palet dan hanya relevan di sini karena templat tersimpan mengingat palet mana yang digunakannya.

Setiap kartu di Mine menampilkan thumbnail skematik yang digambar dari tata letak (batang berwarna, bukan render PDF sungguhan), nama templat dalam huruf tebal, dan baris cakupan yang bertuliskan All profiles atau Restricted to specific profiles. Tombol titik tiga putih di sudut thumbnail membuka menu dengan Duplikat dan Hapus. Mengetuk bagian lain kartu akan membuka editor. Tombol + di sudut kanan bawah memulai templat kosong. Ketika daftar kosong, layar menampilkan “No custom templates yet. Tap + to build one.”

Layar templat PDF aplikasi Invoice Flow pada tab Mine dengan tiga kartu: Fern & Petal minimal berwarna hijau ditandai All profiles, Wedding proposal berwarna rose ditandai Restricted to specific profiles, dan Wholesale stems berwarna arang, plus tombol +
Tab Mine mendaftar templat tersimpan; thumbnail adalah skema tata letak dalam paletnya.

Editor itu sendiri adalah satu halaman yang bisa digulir. Bilah judul adalah kolom nama yang bisa diedit dengan petunjuk Nama templat, diikuti tiga kontrol: ikon mata (Pratinjau), ikon slider (Cakupan dan opsi) dan tombol Simpan. Di bawah bilah tersebut ada judul Header dengan tiga kotak berlabel Kiri, Tengah dan Kanan, lalu blok abu-abu berjudul Body (fixed) yang mendaftar “Items table, Totals, Signature”, lalu judul Footer dengan baris Kiri, Tengah dan Kanan lainnya, dan terakhir kartu Scope yang subjudulnya mengulangi pengaturan ketersediaan.

Setiap elemen yang Anda tempatkan muncul sebagai chip membulat di dalam kolomnya dengan namanya dan tombol titik tiga kecil. Elemen tersembunyi membawa ikon mata tercoret. Setiap kolom diakhiri dengan tombol + yang membuka katalog elemen.

Editor templat kustom aplikasi Invoice Flow berjudul Fern & Petal minimal: baris Header dengan Wide logo, Company name, Email dan Website di kolom Left, kolom Center kosong, dan Invoice title, Invoice number, Issue date, Due date, Spacer dan Client block di kolom Right; blok Body (fixed) abu-abu; baris Footer dengan Payment terms, Custom text dan Tax IDs
Tata letak final Nadia: enam kolom di sekitar badan tetap, satu chip per elemen.

Hal terpenting untuk dipahami adalah apa yang tidak ada di halaman ini. Tidak ada pemilih ukuran halaman, tidak ada kolom margin, tidak ada slider lebar kolom, dan tidak ada kontrol atas tabel item, blok total, atau tanda tangan. Badan selalu dicetak dengan urutan itu di antara baris header dan baris footer, menggunakan palet tempat templat dibuat. Yang Anda kontrol adalah segala sesuatu di atas dan di bawahnya.

Cara memulai templat

Anda dapat memulai dari starter galeri atau dari halaman kosong. Rute galeri lebih cepat karena tata letaknya sudah koheren dan Anda hanya perlu menghapus atau mengatur ulang gaya bagian yang tidak diinginkan.

  1. Buka Pengaturan dan ketuk Templat PDF.
  2. Beralih ke tab Gallery dan pilih chip kategori seperti Minimal. Gulir deretan palet dan ketuk nama palet jika Anda ingin starter tersebut diwarnai ulang; Default mempertahankan palet asli tiap starter.
  3. Ketuk sebuah kartu. Editor terbuka dengan tata letak starter yang sudah terisi dan namanya sudah diketik di kolom judul.
  4. Untuk mulai dari nol, tetap di tab Mine dan ketuk +. Editor kosong sebenarnya tidak benar-benar kosong: kolom Left header berisi Wide logo, Company name, Address, Phone dan Email, kolom Right header berisi Invoice title tebal, Invoice number, Issue date dan Due date rata kanan, dan kolom Left footer berisi Payment terms dan Notes.
  5. Ganti nama di kolom judul dengan nama Anda sendiri, misalnya Fern & Petal minimal. Templat tidak bisa disimpan tanpa nama.

Palet yang dipilih di deretan galeri tertulis pada templat baru, dan itulah satu-satunya momen palet templat kustom ditetapkan; editor tidak memiliki pemilih palet sendiri. Untuk tata letak yang sama dalam palet lain, buka lagi dari galeri dengan chip berbeda dipilih.

Cara mengatur dan menata gaya elemen

Halaman minimal Nadia berasal dari starter kosong setelah beberapa perubahan: ia menghapus Address dan Phone dari header, menambahkan Website, memindahkan blok klien ke kolom kanan di bawah tanggal, dan menaruh baris ucapan terima kasih di footer.

  1. Ketuk + di bagian bawah kolom tempat elemen akan diletakkan. Sebuah lembar mendaftar setiap elemen yang tersedia dalam urutan tetap: Square logo, Wide logo, Company name, Contact name, Address, Phone, Email, Website, Tax IDs, Links, Invoice title, Invoice number, Issue date, Due date, Client block, Client name, Payment terms, Notes, Custom text, Spacer dan Divider. Ketuk salah satu dan elemen tersebut ditambahkan ke bagian bawah kolom itu.
  2. Untuk mengubah urutan, ketuk tombol titik tiga pada sebuah chip dan pilih Move up atau Move down. Chip pertama tidak memiliki Move up dan chip terakhir tidak memiliki Move down. Menu yang sama juga berisi Delete.
  3. Untuk memindahkan elemen ke kolom lain, hapus elemen tersebut lalu tambahkan lagi dari tombol + kolom tujuan; tidak ada seret-dan-lepas maupun potong-dan-tempel antar kolom.
  4. Ketuk badan sebuah chip untuk membuka Pengaturan elemen. Matikan Terlihat untuk membiarkan elemen tetap di tempatnya tetapi tidak dicetak di PDF.
  5. Ketikkan angka di Ukuran font (kosong = default) untuk mengganti ukuran default, atau biarkan kosong. Pilih Normal atau Tebal di bawah Weight, Kiri, Tengah atau Kanan di bawah Align, dan Default, Primer, Aksen atau Redup di bawah Color.
  6. Untuk elemen Custom text, ketikkan teksnya di kotak Text (hingga tiga baris terlihat; teks lebih panjang akan digulir). Untuk Spacer, isikan Tinggi (px); defaultnya adalah 8.
  7. Ketuk Terapkan untuk menyimpan perubahan elemen tersebut, atau Batal untuk membatalkannya.
Lembar bawah katalog elemen aplikasi Invoice Flow di atas editor templat, mendaftar Square logo, Wide logo, Company name, Contact name, Address, Phone, Email, Website, Tax IDs dan Links dengan ikon
Katalog dibuka dari tombol + sebuah kolom; daftar berlanjut di bawah Links.
Editor templat aplikasi Invoice Flow dengan menu titik tiga chip Company name terbuka menampilkan Move up, Move down dan Delete berwarna merah
Pengurutan ulang dilakukan satu langkah pada satu waktu dari menu chip.

Baris footer Nadia adalah elemen Custom text di kolom Center footer dengan Tebal, Tengah dan Aksen dipilih. Aksen mengikuti warna aksen palet, jadi pada Forest Palette miliknya baris tersebut dicetak hijau, dan akan berubah menjadi rose atau biru jika ia membangun ulang templat dengan palet lain.

Lembar Pengaturan elemen aplikasi Invoice Flow untuk elemen Custom text: Terlihat aktif, Text berbunyi Thank you for letting us bring flowers into your space, Ukuran font kosong, Weight Bold, Align Center dan Color Accent dipilih, dengan tombol Cancel dan Apply
Pengaturan elemen untuk baris ucapan terima kasih di footer.

Empat pilihan warna adalah token, bukan warna tetap. Default dicetak hitam, Redup dicetak abu-abu sedang, Primer menggunakan warna header palet, dan Aksen menggunakan warna aksennya. Spacer dan Divider tidak memiliki kontrol font, weight, alignment, atau warna; spacer hanya memiliki tinggi, dan divider selalu berupa garis abu-abu tipis dengan sedikit padding.

Client block menumpuk nama, alamat, email, dan telepon klien dalam satu kolom, sementara Client name mencetak nama saja; Nadia menggunakan block, rata kanan pada 9 poin, sehingga terselip di bawah tanggal.

Cara membatasi templat untuk profil tertentu dan menyimpannya

Secara default, templat tersimpan ditawarkan pada setiap profil bisnis. Tata letak wedding Nadia hanya boleh muncul di profil Weddings-nya, jadi ia membatasinya.

  1. Di editor, ketuk ikon slider Cakupan dan opsi, atau ketuk kartu Scope di bagian bawah halaman.
  2. Di lembar Ketersediaan templat, pilih Batasi untuk profil tertentu.
  3. Centang chip profil yang harus melihat templat tersebut; setiap profil bisnis muncul dengan namanya. Biarkan Tersedia di setiap profil bisnis terpilih jika Anda tidak ingin ada pembatasan.
  4. Ketuk Selesai. Subjudul kartu Scope berubah menjadi Restricted to 1 profile(s) atau sebanyak profil yang Anda centang.
  5. Ketuk Simpan di bilah judul. Tombol tersebut menampilkan spinner kecil selama templat ditulis, lalu editor tertutup dan kartunya muncul di bagian atas tab Mine.
Lembar Ketersediaan templat aplikasi Invoice Flow di atas editor templat Wedding proposal, dengan Restrict to specific profiles terpilih dan chip Fern & Petal Weddings tercentang sementara chip Nadia Okafor tidak
Membatasi templat wedding hanya pada profil Weddings.

Sebelum menyimpan, Anda dapat mengetuk ikon mata untuk membuka Pratinjau. Fitur ini merender tata letak melalui renderer PDF sungguhan dengan data profil default Anda, menggambar placeholder miring abu-abu seperti “[example: acme.com]” di kolom yang kosong, dan memiliki deretan palet sehingga Anda dapat melihat tata letak yang sama dalam warna lain. Deretan tersebut hanya untuk dilihat; menutup pratinjau tidak mengubah palet templat.

Cara menerapkan templat kustom pada faktur

Templat kustom bukan pengaturan global. Setiap faktur menyimpan pilihannya sendiri, dan desain serta palet bawaan yang tersimpan pada faktur tetap ada di bawahnya sehingga Anda bisa beralih kembali kapan saja.

  1. Buka faktur di editor dan gulir ke bawah melewati kartu pembayaran hingga kartu Pilih template.
  2. Tepat di bawahnya, ketuk panah perluas pada kartu Templat kustom. Kartu ini hanya ada ketika setidaknya satu templat tersimpan tersedia untuk profil bisnis faktur tersebut.
  3. Pilih templat berdasarkan namanya dari menu. Subjudul kartu berubah dari Using built-in template menjadi nama templat, dan subjudul Pilih template di atasnya sekarang bertuliskan Custom template.
  4. Simpan faktur. Setiap pratinjau, pembagian, dan ekspor faktur ini sekarang melalui renderer kustom.
  5. Untuk kembali ke desain bawaan, buka menu yang sama dan pilih Gunakan bawaan. Desain dan palet yang Anda pilih sebelumnya masih ada.
Editor faktur aplikasi Invoice Flow digulir ke kartu Pilih template bertuliskan Custom template dan kartu Templat kustom di bawahnya menampilkan Fern & Petal minimal, dengan menunya terbuka mendaftar Use built-in, Fern & Petal minimal dan Wholesale stems
Kartu Templat kustom mendaftar Gunakan bawaan ditambah setiap templat yang terlihat untuk profil ini.

Templat Wedding proposal tidak muncul di menu Nadia karena faktur ini milik profil studio dan templat tersebut dibatasi hanya untuk profil Weddings. Berikut FP-2026-0218 yang dirender dengan templat minimal.

PDF aplikasi Invoice Flow untuk faktur FP-2026-0218 dari templat kustom: logo Fern & Petal, nama perusahaan, email dan website di kiri; judul INVOICE hijau, nomor, tanggal dan alamat Alder Street Hotel di kanan; tabel item berkepala hijau dengan empat baris bertotal $2.186,00; ketentuan pembayaran, baris ucapan terima kasih hijau di tengah dan ID pajak di footer
Renderer kustom mencetak baris header dan footer sesuai rancangan di sekitar tabel item dan total standar.

Aturan dan detail

Tips

Bangun dari Gallery, bukan dari kosong, ketika Anda menginginkan palet yang berbeda. Starter kosong selalu Ocean, dan tidak ada cara untuk mewarnai ulang templat setelahnya selain membuatnya ulang dari kartu galeri dengan chip yang tepat dipilih.
Gunakan satu Spacer di kolom Right header di antara tanggal dan Client block, seperti yang dilakukan Nadia, alih-alih mengisi dengan elemen Custom text kosong. Spacer hanya mencetak tingginya, jadi tidak pernah berisiko karakter nyasar di halaman.
Jika Anda menjalankan beberapa profil bisnis, buat satu templat umum dengan cakupan All profiles dan batasi hanya yang khusus. Menu Templat kustom pada faktur menampilkan templat umum lebih dulu, diikuti templat yang ditautkan ke profil faktur tersebut.

Panduan terkait