メインコンテンツまでスキップ

ZapierでHTMLテンプレートを使用して動的な請求書を生成する

4分読み取り
PDF4me Team

現代のビジネスにおいて、動的なドキュメントの作成は不可欠な要素です。企業は、受信者ごとに動的なデータに基づいて生成する必要のある多くのデジタルドキュメントを扱います。見積書、契約書、請求書、レポートなど、固定テンプレートを使用しながらも動的なデータを含むドキュメントがこれに該当します。これらのドキュメントは、企業の規模に応じて、通常は大量に一括して生成されます。

場合によっては、ブラウザで表示したりリンクとして共有したりできるHTML形式のドキュメントを生成する必要もあります。請求書や領収書などは、受信者のブラウザで素早く表示できるようにHTMLページとして生成されます。PDF4meでは、HTMLテンプレートとデータソースを使用して、このようなHTMLドキュメントを生成できます。 口ひげのレンダリングまたはメールマージ 必要に応じて、必要な数のドキュメントを生成できます。

で PDF4meとZapierの連携PDF4meが提供するドキュメント管理のための多くのアクションの1つである「ドキュメント生成」アクションを使用して、HTMLテンプレートからドキュメントを生成できるZapを作成できます。 APIまたは自動化呼び出しを利用する これらのZapに燃料を供給して、HTMLドキュメントを大量生成する。

ソースとなるHTMLテンプレートとJSONデータから、請求書をHTMLページとして生成したい場合の例を見てみましょう。

HTML形式の請求書を生成する方法は?​

以下は、Mustache構文を使用して作成されたHTMLテンプレートの例です。このテンプレートは、Dropbox内の特定のフォルダに保存されると仮定します。

Dropboxトリガーを使用してZapを開始します​

追加する Dropboxのフォルダに新しいファイルが追加されました アクションがZapのトリガーとなります。.htmlファイルがフォルダに到着するとすぐにZapがトリガーされます。

テンプレートをダウンロードするアクションを追加する​

テンプレートを渡すには、Dropboxアクションを追加して設定し、ドキュメントを取得します。テンプレートを次のアクションに渡す必要があるフォルダを設定します。

PDF4meでドキュメントを生成するアクションを追加する​

テンプレートがダウンロードされると、「ドキュメント生成」アクションに渡されます。このアクションで、テンプレートファイル、テンプレートファイル名、テンプレートファイルタイプ、入力データ、入力データタイプ、および出力ドキュメントタイプを設定します。

上記のサンプルテンプレートの場合、サンプルデータは以下のようになります。

{
"Documents": [
{
"header": {
"docType": "Original Copy"
},
"body": {
"Column1": "Quantity",
"Column2": "Description",
"Column3": "Unit Price",
"Column4": "Total",
"Invoice": {
"number": 14957,
"date": "25-02-2022",
"instructions": "Instruction Invoice 1",
"subTotal": 200150,
"tax": "18%",
"dueDate": "25-03-2022",
"shipping": "200"
},
"Biller": {
"phone": "989797",
"fax": "998463",
"email": "[email protected]",
"web": "www.doc1.com",
"address": {
"company": "Organization 1",
"street": "Street 1",
"city": "City 1",
"zip": "123456"
}
},
"Recepient": {
"name": "recepeint 1",
"address": {
"street": "testveien 3 ",
"city": "City 1",
"zipcode": "0555",
"country": "Country 1"
}
},
"Product": [
{
"quantity": 1,
"description": "item 1",
"unitPrice": 45,
"totalPrice": 867
},
{
"quantity": 2,
"description": "item 2",
"unitPrice": 123,
"totalPrice": 3464
},
{
"quantity": 3,
"description": "item 3",
"unitPrice": 323,
"totalPrice": 6564
}
]
},
"footer": {
"phone": "phone123",
"fax": "fax123",
"email": "[email protected]",
"web": "www.123.com"
}
}
]
}

ループアクションを追加する​

「ドキュメント生成」アクションでは、複数の出力ファイルが生成されます。これを処理するには、Zapierのループ機能(ベータ版)を追加する必要があります。

Dropboxにファイルをアップロードするアクションを追加する​

ループに加えて、ZapにDropboxへのファイルアップロードアクションを追加してください。これにより、PDF4meアクションを使用して生成された出力ファイルが、指定されたフォルダに順番に保存されるようになります。

出力HTMLの例は以下のようになります。