Lewati ke konten utama
Blog · Otomatisasi dokumen

Buat faktur dinamis dengan templat HTML di Zapier.

22 Februari 2022 · Otomatiskan dan hasilkan faktur secara dinamis di Zapier menggunakan templat HTML. Gunakan tindakan Hasilkan Dokumen dari PDF4me untuk membuat Zap yang ampuh ini.

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": "doc1@email.com", "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": "123@mail.com", "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.

Selesaikan dokumen Anda.

Integrasikan ke dalam produk Anda dengan API, otomatiskan tanpa perlu menulis kode, atau gunakan alat gratis di browser Anda. Tidak perlu kartu kredit untuk memulai.

Mulailah dengan satu panggilancurl -X POST https://api.pdf4me.com/v1/ConvertToPdf

Tingkat gratis · Tidak memerlukan kartu kredit