Lewati ke konten utama

Buat faktur dinamis dengan templat HTML di Zapier.

3 min read
PDF4me Team

Membuat dokumen dinamis merupakan bagian tak terpisahkan dari bisnis apa pun saat ini. Mereka berurusan dengan banyak dokumen digital yang perlu dibuat berdasarkan setiap penerima dengan data dinamis. Dokumen-dokumen ini dapat berupa penawaran harga, kontrak, faktur, laporan, dan sebagainya yang mungkin memiliki templat tetap, tetapi datanya dinamis. Dokumen-dokumen ini biasanya juga dibuat dalam jumlah besar tergantung pada ukuran bisnis kita.

Dalam beberapa kasus, Anda juga perlu membuat dokumen dalam format HTML, yang dapat ditampilkan melalui browser atau dibagikan sebagai tautan. Faktur, tanda terima, dan lain-lain dibuat sebagai halaman HTML agar dapat dengan cepat ditampilkan kepada penerima di browser mereka. PDF4me memungkinkan Anda membuat dokumen HTML tersebut, menggunakan template HTML dan sumber data. Dengan menggunakan rendering Mustache atau penggabungan surat (mail merge) , Anda dapat membuat dokumen sebanyak yang dibutuhkan sesuai kebutuhan Anda.

Dengan integrasi PDF4me untuk Zapier , Anda dapat menggunakan tindakan Generate Document - yang merupakan salah satu dari banyak tindakan yang disediakan PDF4me untuk mengelola dokumen - untuk membuat Zap yang dapat menghasilkan dokumen dari templat HTML. Anda dapat menggunakan API atau panggilan Otomatisasi untuk menjalankan Zap ini guna menghasilkan dokumen HTML secara massal.

Mari kita lihat contoh di mana Anda ingin membuat Faktur sebagai halaman HTML dari templat HTML sumber dan data JSON.

Bagaimana cara membuat faktur HTML?​

Berikut adalah contoh template HTML yang dibuat menggunakan sintaks Mustache. Mari kita asumsikan template berikut akan tersedia di folder tertentu di Dropbox.

Aktifkan Zap dengan pemicu Dropbox.​

Gunakan tindakan "Tambahkan File Baru di Folder Dropbox" sebagai pemicu Zap. Segera setelah file .html tiba di folder, Zap akan dipicu.

Tambahkan tindakan untuk mengunduh templat.​

Untuk meneruskan templat, tambahkan dan konfigurasikan tindakan Dropbox untuk mendapatkan dokumen. Konfigurasikan folder tempat templat perlu diteruskan ke tindakan berikutnya.

Tambahkan tindakan Hasilkan Dokumen di PDF4me​

Saat templat diunduh, templat tersebut diteruskan ke tindakan Hasilkan Dokumen. Dalam tindakan tersebut, atur File Templat, Nama File Templat, Tipe File Templat, Data Masukan, Tipe Data Masukan, dan Tipe Dokumen Keluaran.

Untuk contoh template di atas, data contohnya akan terlihat seperti di bawah ini:

{ "Dokumen": [ { "header": { "docType": "Salinan Asli" }, "body": { "Kolom 1": "Kuantitas", "Kolom 2": "Deskripsi", "Kolom 3": "Harga Satuan", "Kolom 4": "Total", "Faktur": { "nomor": 14957, "tanggal": "25-02-2022", "instruksi": "Faktur Instruksi 1", "subtotal": 200150, "pajak": "18%", "tanggal jatuh tempo": "25-03-2022", "pengiriman": "200" }, "Penagih": { "telepon": "989797", "faks": "998463", "email": "[email protected]", "web": "www.doc1.com", "alamat": { "perusahaan": "Organisasi 1", "jalan": "Jalan 1", "kota": "Kota 1", "kode pos": "123456" } }, "Penerima": { "nama": "penerima 1", "alamat": { "jalan": "testveien 3 ", "kota": "Kota 1", "kode pos": "0555", "negara": "Negara 1" } }, "Produk": [ { "kuantitas": 1, "deskripsi": "barang 1", "harga satuan": 45, "harga total": 867 }, { "kuantitas": 2, "deskripsi": "barang 2", "harga satuan": 123, "harga total": 3464 }, { "kuantitas": 3, "deskripsi": "barang 3", "harga satuan": 323, "harga total": 6564 } ] }, "footer": { "telepon": "telepon123", "faks": "faks123", "email": "[email protected]", "web": "www.123.com" }

} ] }

Tambahkan tindakan Loop.​

Tindakan Generate Document akan menghasilkan beberapa file keluaran. Untuk menangani hal ini, Loop di Zapier - fitur beta - perlu ditambahkan.

Tambahkan tindakan Unggah File di Dropbox​

Bersamaan dengan Loop, tambahkan aksi Unggah file ke Dropbox ke Zap. Ini memastikan file output disimpan ke folder yang diinginkan satu per satu saat dihasilkan menggunakan aksi PDF4me.

Contoh output HTML akan terlihat seperti di bawah ini.