← 返回计算器

把装箱计算器嵌入你的网站

一行 <iframe> 接入,无需注册、无需后端。计算全部在访客浏览器本地完成,货物数据不上传到任何服务器。

1. 选择嵌入方式

先点一个预设,再按需微调下面的参数。

嵌入代码

粘贴到你的 HTML 里即可。loading="lazy" 让 iframe 滚动到可见位置再加载,不拖慢首页。

为什么链接里带 ?embed=1? 它让页面隐藏站点顶栏与页脚,只保留计算器本体,并在右下角显示一行「Powered by nudgetick.com」角标。

白标与私有化部署

本工具是 MIT 许可的开源软件,你可以自由修改与商用。

  • 免费嵌入(默认):直接用上面的 iframe 代码,右下角带一行 Powered by 角标。
  • 完全去标识:下载私有化部署包(zip) —— 纯静态零依赖,整包不含任何外链与回连,把文件放到你自己的服务器、删掉 index.html 里的角标即可。包里有部署说明、本地服务脚本、路径改写脚本和 Nginx 示例。
  • 界面语言:内置中文 / English / Español / Português,可用 ?lang= 指定,访客也能在页面右上角自行切换。
  • 数据安全:全部计算在浏览器本地完成,货物尺寸、重量、客户信息都不会离开访客的电脑。

2. 实时预览

下面就是访客会看到的效果(与 iframe 代码实时联动)。

技术说明

  • 源站未设置 X-Frame-Options 与 Content-Security-Policy: frame-ancestors,任何域名都可以直接 iframe 嵌入。
  • 纯前端、零依赖、不写 Cookie、不发第三方请求,不受 GDPR 意义上的「数据传输」约束。
  • 若你的站点有严格 CSP,请在 frame-src 里放行 https://nudgetick.com。
  • 建议最小宽度 360px;窄于 1080px 时工具会自动改为上下两栏布局。