把商业发票生成器内嵌到你的网站
完整的商业发票 / 形式发票 / 装箱单生成器:中英双语票面、真实 PDF 导出、最多 50 行含 HTS 编码——适合货代、采购代理和跨境电商资源页。
- 真实 PDF 导出与打印排版(非截图);含形式发票与装箱单页签
- 票面中英双语,用户可随时切换
- 自动保存在访客浏览器内——不向任何一方上传数据
实时演示
这就是访客将看到的组件——可以直接试用:
如何内嵌
- 复制下方代码,粘贴到页面 HTML(或 CMS 的嵌入块)里。
- 可选:追加 ?type=PI 直接打开形式发票页签,或用 ?v=&hts=&origin= 预填第一行。
- 保留可见的署名链接——这是工具对所有人保持免费的前提。
内嵌代码
<iframe id="itt-embed" src="https://invoicetariff.com/zh/embed/invoice" style="width:100%;height:720px;border:0;border-radius:12px" loading="lazy" title="商业发票生成器"></iframe>
<p style="margin:8px 0 0;font-size:12px">Powered by <a href="https://invoicetariff.com/zh/invoice" target="_blank" rel="noopener">Invoice × Tariff</a></p>
<script>
window.addEventListener("message", function (e) {
if (e.origin !== "https://invoicetariff.com" || !e.data || e.data.type !== "itt:embed:height") return;
var f = document.getElementById("itt-embed");
if (f) f.style.height = e.data.height + "px";
});
</script>框架会随内容增长自动调高,无需内层滚动;你这边只需保留片段里自带的那段监听脚本。
URL 参数
?type=PI|PS — 直接打开形式发票 / 装箱单页签 · ?v=&hts=&origin=&units=&freight=&mode= — 预填第一行(与计算器传参一致)
常见问题
访客的发票数据会传给你们吗?
不会。生成器完全在浏览器内运行,草稿自动保存在访客自己的设备(localStorage)。
可以从我自己的应用预填吗?
可以——追加 ?v=&hts=&origin=&units= 即可预填第一行,与关税计算器跳转发票所用的参数一致。
保留可见的署名链接即可免费商用。需要去掉署名的白标版本?请通过 API waitlist 联系我们。