跳到主要内容

使用 Zapier 中的 HTML 模板生成动态发票

3 min read
PDF4me Team

如今,创建动态文档已成为任何企业不可或缺的一部分。企业需要处理大量数字文档,这些文档需要根据每个收件人的动态数据自动生成。这些文档包括报价单、合同、发票、报告等等,它们可能使用固定模板,但数据却是动态的。此外,根据企业规模,这些文档通常需要批量生成。

在某些情况下,您还需要生成 HTML 格式的文档,以便在浏览器中显示或以链接形式分享。例如,发票、收据等都会生成为 HTML 页面,以便收件人可以在其浏览器中快速查看。PDF4me 允许您使用 HTML 模板和数据源生成此类 HTML 文档。借助_Mustache 渲染或邮件合并功能,_您可以根据需要生成任意数量的文档。

通过与Zapier 集成 PDF4me ,您可以利用 PDF4me 提供的众多文档管理操作之一——“生成文档”操作,创建能够从 HTML 模板生成文档的 Zap。您可以使用 API 或自动化调用来驱动这些 Zap,从而批量生成 HTML 文档。

让我们来看一个例子,假设你想根据源 HTML 模板和 JSON 数据生成 HTML 页面形式的发票。

如何生成HTML格式的发票?​

以下是一个使用 Mustache 语法创建的 HTML 模板示例。假设以下模板将位于 Dropbox 的特定文件夹中。

使用 Dropbox 触发器启动 Zap​

将_“在 Dropbox 文件夹中添加新文件”_操作作为 Zap 的触发器。一旦 .html 文件到达文件夹,Zap 就会被触发。

添加下载模板的操作​

要传递模板,请添加并配置一个 Dropbox 操作以获取文档。配置要将模板从中传递到下一个操作的文件夹。

在 PDF4me 中添加“生成文档”操作​

模板下载完成后,会将其传递给“生成文档”操作。在该操作中,设置模板文件、模板文件名、模板文件类型、输入数据、输入数据类型和输出文档类型。

对于上述示例模板,示例数据如下所示:

{ "文档": [ { "页眉": { "文档类型": "原件" }, "正文": { "列1": "数量", "列2": "描述", "列3": "单价", "列4": "总计", "发票": { "编号": 14957, "日期": "2022年2月25日", "说明": "发票1说明", "小计": 200150, "税额": "18%", "到期日": "2022年3月25日", "运费": "200" }, "开票人": { "电话": "989797", "传真": "998463", "电子邮件": "[email protected]", "网址": "www.doc1.com", "地址": { "公司": "机构1", "街道": "街道1", "城市": "城市1", "邮编": "123456" } }, "收件人": { "姓名": "收件人 1", "地址": { "街道": "testveien 3 ", "城市": "城市 1", "邮编": "0555", "国家": "国家 1" } }, "产品": [ { "数量": 1, "描述": "商品 1", "单价": 45, "总价": 867 }, { "数量": 2, "描述": "商品 2", "单价": 123, "总价": 3464 }, { "数量": 3, "描述": "商品 3", "单价": 323, "总价": 6564 } ] }, "页脚": { "电话": "phone123", "传真": "fax123", "电子邮件": "[email protected]", "网址": "www.123.com" }

} ] }

添加循环操作​

“生成文档”操作会生成多个输出文件。为了处理这种情况,需要在 Zapier 中添加一个循环(目前仍处于测试阶段)。

在 Dropbox 操作中添加上传文件功能​

除了循环操作之外,还要向 Zap 添加一个“上传文件到 Dropbox”操作。这样可以确保使用 PDF4me 操作生成的输出文件能够逐个保存到指定的文件夹。

示例输出的 HTML 代码如下所示。