模板构建器
使用拖放方式设计自定义发票和报价单模板
模板构建器概述
模板构建器是一个强大的可视化编辑器,让您无需任何编码即可为发票和报价单设计自定义布局。通过基于区块系统的拖放界面,您可以创建专业的品牌化单据。
模板控制的内容: - 单据布局和结构 - 区块在精确网格上的位置和大小 - 单据上显示的元素(以及不显示的) - 每个区块的视觉样式 - 整体单据外观和品牌形象
模板的好处: - 所有单据保持一致的品牌形象 - 体现您品牌的专业外观 - 创建单据时快速切换模板 - 针对不同用途的可复用设计 - 无需编码或设计技能
注意: 模板构建器在所有套餐中均可使用。
拖放界面,轻松直观地进行设计
24 列网格布局,实现精确定位
22 种预构建区块类型,覆盖发票的每个部分
在 A4 大小的画布上设计时实时查看变化,并提供示例数据 PDF 预览
编辑器界面
模板构建器使用三面板布局,专为高效的模板创建而设计。
左侧面板——区块面板: - 当前单据类型(发票或报价单)可用的区块类型 - 按类别分组的区块:客户、项目与产品、总计、发票信息、通用 - 快速按名称查找区块的搜索框 - 将区块拖到画布上(移动端点击添加) - 每个区块都有图标、名称和工具提示描述
中间面板——画布: - 按比例缩放以适应屏幕的 A4 大小画布,同时保持 A4 纵横比 - 用于精确对齐的网格叠加层 - 拖放区块以定位;通过拖动边缘或角落调整大小;用方向键微调 - 点击任意区块以选中并打开其设置 - 用本地化占位符示例数据呈现实时预览
右侧面板——配置: 选中区块时显示该区块的设置;未选中任何区块时显示页面设置: - 区块位置(网格上的列、行)和大小(列数宽度、行数高度) - 区块特定的字段和样式标签(显示或隐藏单个字段而不删除区块) - 重置(将区块恢复为默认值)和删除按钮 - 页面设置:边距、页面背景、文字比例和分页
顶部控件: - 返回按钮(退出编辑器;如有未保存的更改会提示) - 模板名称输入框 - 页面设置按钮(将右侧面板切换到页面级设置) - 清空按钮(从画布移除所有区块,需确认) - 预览 PDF(在模态框中生成带示例数据的 PDF 预览) - 保存按钮(新模板首先提示输入名称)
- 使用网格叠加层和方向键精确对齐区块
- 使用"预览 PDF"查看用示例数据呈现的最终 PDF
- 经常保存以避免丢失工作
- 为模板命名要具有描述性,便于识别(例如"现代蓝色"、"简约"、"详细版")
可用区块
模板构建器提供 22 种区块类型。每张发票或报价单都由这些区块组成——您选择包含哪些区块以及它们在网格上的位置。在面板中,它们按客户、项目与产品、总计、发票信息和通用分组。
以下按用途分组,便于浏览:
身份区块描述单据的发件人和收件人。 单据区块包含元数据——编号、日期、参考信息。 内容区块承载正文:行项目、文本、图像、备注。 金额区块显示总计、付款信息和条款。 布局区块提供结构——分隔线、印章、条码。
每个区块都是可选的、可调整大小的,并且可以独立设置样式。
您的企业徽标和公司名称。四种布局选项(徽标的上/下/左/右)。从设置中获取。
您的企业名称、地址、税号、电话和邮箱。从设置中填充。
客户账单详情。从选定客户自动填充,带有可切换的税号行。
单独的送货地址——收件人、街道、城市、邮政编码、国家。
根据您的编号规则自动生成的编号(前缀、填充、每年重置)。
单据创建的日期。自定义标签和日期格式。
从单据到期日获取的付款截止日期。自定义标签。
描述工作执行时间的开始和结束日期。
客户采购订单参考。可切换标签。
您工作流程所需的任何键值对——项目参考、作业代码、里程碑名称。
完全可配置的行项目表格。切换列(描述、数量、单价、折扣、税率、金额)。从目录中选择产品;总计自动计算。
带有粗体、斜体、颜色和对齐方式的富文本内容。用于自定义消息或付款说明。
带有单独标签切换的结构化备注和条款。
上传任何图像,带有替代文本、说明和适应模式(contain/cover/fill)。
大号主体总计数字。左、中或右对齐——单据的焦点。
银行名称、IBAN、SWIFT/BIC。您的客户进行电汇所需的一切。
Net 7、15、30、60、90、收款即付或自定义文本。如启用,显示滞纳金政策。
签署人姓名、职称、签署日期和带签名线的可选签名图像。
用于分隔章节的水平或垂直线。
水印叠加——已付款、草稿、逾期、已取消、已发送。可配置透明度、旋转和位置。
CODE128 或 CODE39 条形码。从发票编号、采购订单号或自定义字段获取值。
链接到付款页面、URL 或任何自定义值的动态二维码。
自定义区块
选中区块后,可以使用编辑器右侧的配置面板自定义每个区块。
通用设置(所有区块): - 位置 X — 在 24 列网格上的水平位置(第 1-24 列) - 位置 Y — 垂直位置(行号) - 宽度 — 区块跨越的列数(1-24) - 高度 — 区块跨越的行数
区块特定设置: 不同区块有不同的配置选项: - 文本区块 — 编辑内容文本、字体大小、文本对齐方式 - 行项目 — 列宽、显示/隐藏特定列 - 日期区块 — 日期格式、自定义标签文本 - 徽标/品牌 — 区块内的大小、对齐方式 - 发件人/账单收件人 — 要显示的字段、标签自定义
字段可见性: 使用区块的字段标签来显示或隐藏其单个字段(标签、日期、列、地址行等),而无需删除区块。当您想要更简洁的外观同时保留设计中的区块时,这非常有用。
样式: 部分区块支持自定义样式: - 字体大小 - 文本对齐(左、中、右) - 边框样式 - 背景颜色
- 从默认位置开始,根据需要进行调整
- 使用宽度设置来控制区块占用的水平空间
- 从字段标签隐藏单个字段,而不是删除您以后可能需要的区块
- 通过在编辑器中预览来测试您的模板与实际发票数据
- 24 列网格允许精确的多列布局
预制模板
Invotify 包含十二个专业设计的预制模板,您可以将其用作起点或直接用作发票布局。它们在所有套餐中均可使用。
五种风格设计(通用外观): - 经典商务 — 传统、整洁外观的企业布局 - 现代简约 — 具有大量留白和精致点缀的当代设计 - 专业企业 — 包含所有业务字段的综合布局(采购订单号、二维码等) - 创意大胆 — 为创意企业设计的醒目设计,配有大胆的点缀 - 紧凑高效 — 快速单页发票的空间高效布局
七种公司类型设计(每种针对特定行业,使用不同区块): - 咨询 — 简洁的专业服务布局 - 法律 — 带有事项/参考字段的正式布局 - 创意工作室 — 适合工作室和代理机构的大胆、设计感强的布局 - 科技与 SaaS — 适合软件和订阅服务的现代布局 - 建筑与贸易 — 带有工地和条款详情的以工作为导向的布局 - 会计与财务 — 精确、以数字为先的布局 - 建筑设计 — 带有服务期间的以项目为导向的布局
每种都是突出不同区块的独特布局(付款详情、备注和条款、服务期间、签名、自定义字段、状态印章、采购订单号、送货地址等)——而非同一框架的重新着色。
设计商店: 模板页面有一个"专业设计"部分,展示这些精选设计: - 浏览可用的模板设计 - 点击任意设计上的预览以查看示例数据效果 - 点击添加将设计复制到您的收藏中 - 编辑已添加的设计以进一步自定义
添加设计: 找到喜欢的预制设计后: 1. 点击预览查看全尺寸效果 2. 点击添加(复制后变为"已添加") 3. 副本添加到您的个人模板库 4. 编辑副本以自定义颜色、区块和布局
已添加的设计完全可编辑——您可以添加、删除或重新定位任何区块以满足您的确切需求。
- 即使您计划构建自定义设计,也可以浏览预制设计获取灵感
- 添加接近您想要效果的预制设计,然后对其进行自定义
- 您可以针对不同用途使用多个模板(例如一个用于服务,一个用于产品)
保存和使用模板
设计完模板后,保存它以使其在创建发票和报价单时可用。
保存: 1. 为您的模板起一个描述性名称 2. 点击保存按钮 3. 模板保存到您的账户 4. 创建单据时,模板选择器中会显示该模板
使用模板: 创建发票或报价单时: 1. 在编辑器中点击模板选择器 2. 浏览可用的模板 3. 点击以选择模板 4. 单据布局更新为使用该模板
管理模板: - 模板列表显示所有已保存的模板和预制选项 - 通过在构建器中打开来编辑任意模板 - 再次添加预制设计作为另一个起点进行变化 - 删除不再需要的模板
默认模板: 创建新单据时,最近更新的模板会被预先选中,模板选择器显示所有可用选项。
- 为不同的单据类型或客户类别创建不同的模板
- 在与客户使用之前,用真实数据测试模板
- 保留一个简单的默认模板以便快速开票
- 清楚地命名模板(例如"现代蓝色"、"简约白色"、"带送货地址的详细版")