用户指南

自定义模板编辑器

从 25 款图库初始样式或从零开始搭建自己的发票版式,为每个元素设置样式,限定使用的档案范围,并应用到发票上。

更新于: 2026-09-09

十二款内置设计能满足大多数发票需求,但它们已经替你决定了 logo、日期和客户地址应该放在哪里。自定义模板编辑器让你自己来组合这些部分。你可以把元素放入围绕固定主体的六个槽位中,为每一个元素设置样式,并把结果保存为一份属于你自己的模板。此后,任何发票都可以只需两次点击就切换到该模板,而 PDF 会由一个独立的自定义渲染器绘制,而不是由十二款内置设计之一绘制。

本文以 Nadia Okafor 为例,她在俄勒冈州波特兰经营 Fern & Petal Floral Design Studio。她想为酒店和餐厅客户设计一款安静、以白色为主的页面:左侧是一个宽版 logo 和两行联系方式,右侧是发票信息和客户地址,页脚是一行绿色的感谢语。她开给 Alder Street Hotel 的发票 FP-2026-0218 被用作最终的 PDF 示例。她还经营着第二个企业档案 Fern & Petal Weddings,这也是为什么本文会顺带介绍档案范围限定功能。

屏幕上看到的内容

自定义模板位于 Settings(设置)中的 PDF templates(PDF 模板)一行(副标题为 “构建并管理你自己的版式”)。该屏幕有三个标签页。Mine(我的)以两列卡片网格的形式列出你已保存的模板。Gallery(相册)提供 25 款分为六个类别的初始版式,点击后会在编辑器中预先填好内容打开。Palettes(调色板)是构建自定义配色方案的地方;该标签页在调色板指南中另有说明,这里之所以提及,是因为已保存的模板会记住它所使用的调色板。

Mine(我的)标签页中的每张卡片都会显示一个根据版式绘制的示意缩略图(彩色色块,而非真实的 PDF 渲染)、加粗的模板名称,以及一行范围说明,内容为 All profiles(适用于所有档案)或 Restricted to specific profiles(限定于特定档案)。缩略图角落的白色三点按钮会打开一个菜单,包含 Duplicate(复制)和 Delete(删除)。点击卡片其他位置会打开编辑器。右下角的 + 按钮用于新建一份空白模板。当列表为空时,屏幕会显示 “No custom templates yet. Tap + to build one.”(还没有自定义模板,点击 + 来创建一个。)

编辑器本身是一个可滚动的单页界面。标题栏是一个可编辑的名称字段,提示文字为 Template name(模板名称),后面跟着三个控件:一个眼睛图标(Preview,预览)、一个滑块图标(Scope & options,范围与选项)和 Save(保存)按钮。标题栏下方是 Header(页眉)标题,包含三个方框,分别标为 Left(左)、Center(中)和 Right(右),接着是一个标为 Body (fixed)(主体,固定)的灰色区块,列出 “项目表、总计、签名”,然后是 Footer(页脚)标题及另一行左、中、右三栏,最后是一张 Scope(范围)卡片,其副标题重复显示了可用范围的设置。

你放入的每个元素都会以圆角标签的形式出现在对应列中,附有名称和一个小的三点按钮。隐藏的元素会带有一个带斜线的眼睛图标。每一列末尾都有一个 + 按钮,用于打开元素目录。

最重要的是要理解这个页面上没有什么。这里没有页面尺寸选择器、没有页边距字段、没有列宽滑块,也无法控制项目表、总计区块或签名。主体部分始终按固定顺序打印在页眉行和页脚行之间,使用创建模板时所选的调色板。你能控制的是主体上方和下方的一切。

如何开始创建一份模板

你可以从图库初始样式开始,也可以从空白页面开始。图库路线更快,因为版式本身已经协调统一,你只需要移除或重新设计不需要的部分。

1. 打开 Settings(设置)并点击 PDF templates(PDF 模板)。
2. 切换到 Gallery(相册)标签页,选择一个类别标签,例如 Minimal(极简)。滚动调色板条,如果想让该初始样式换个颜色,就点击某个调色板名称;Default(默认)会保留每个初始样式自带的调色板。
3. 点击一张卡片。编辑器会带着该初始样式的版式打开,标题字段中已经填好了它的名称。
4. 如果想从零开始,请停留在 Mine(我的)标签页并点击 +。空白编辑器并非完全空白:页眉的 Left 列包含 Wide logo、Company name、Address、Phone 和 Email,页眉的 Right 列包含加粗的 Invoice title、Invoice number、Issue date 和 Due date(均右对齐),页脚的 Left 列包含 Payment terms 和 Notes。
5. 把标题字段中的名称替换为你自己的名字,例如 Fern & Petal minimal。没有名称的模板无法保存。

在图库调色板条中选中的调色板会被写入新模板,这也是自定义模板的调色板唯一可以被设置的时刻;编辑器本身没有调色板选择器。如果想用同样的版式换一套调色板,请再次从图库中打开它,并选择不同的调色板标签。

如何排布并设置元素样式

Nadia 的极简页面是从空白初始样式经过几处修改而来:她移除了页眉中的 Address 和 Phone,添加了 Website,把客户信息块移到右列的日期下方,并在页脚加入一行感谢语。

1. 在需要添加元素的那一列底部点击 +。会弹出一份面板,按固定顺序列出所有可用元素:Square logo、Wide logo、Company name、Contact name、Address、Phone、Email、Website、Tax IDs、Links、Invoice title、Invoice number、Issue date、Due date、Client block、Client name、Payment terms、Notes、Custom text、Spacer 和 Divider。点击其中一项,它就会被追加到该列的底部。
2. 要调整顺序,点击某个标签上的三点按钮,选择 Move up(上移)或 Move down(下移)。第一个标签没有上移选项,最后一个标签没有下移选项。同一菜单中还有 Delete(删除)。
3. 要把一个元素移到另一列,先删除它,再从目标列的 + 重新添加;没有拖拽功能,也无法在列之间剪切粘贴。
4. 点击某个标签的主体部分,打开 Element settings(元素设置)。关闭 Visible(可见)可以让该元素留在编辑器界面中,但不出现在 PDF 里。
5. 在 Font size (blank = default)(字号,留空则为默认)中输入数字以覆盖默认字号,或留空。在 Weight(粗细)下选择 Normal(正常)或 Bold(加粗),在 Align(对齐)下选择 Left(左)、Center(中)或 Right(右),在 Color(颜色)下选择 Default(默认)、Primary(主色)、Accent(强调色)或 Muted(柔和)。
6. 对于 Custom text(自定义文本)元素,在 Text(文本)框中输入文字(最多显示三行,更长的文字会滚动)。对于 Spacer(间隔),输入 Height (px)(高度,像素);默认值为 8。
7. 点击 Apply(应用)保留对该元素的更改,或点击 Cancel(取消)放弃更改。

Nadia 的页脚文字是页脚 Center 列中的一个 Custom text(自定义文本)元素,选中了 Bold(加粗)、Center(居中)和 Accent(强调色)。Accent 会解析为调色板的强调色,所以在她使用的 Forest 调色板下,这行文字会显示为绿色;如果她用另一套调色板重建这份模板,颜色就会变成玫瑰色或蓝色。

四种颜色选项是色彩标记,而非固定颜色。Default(默认)打印为黑色,Muted(柔和)打印为中灰色,Primary(主色)使用调色板的页眉色,Accent(强调色)使用其强调色。Spacer(间隔)和 Divider(分隔线)没有字号、粗细、对齐或颜色控件;间隔只有高度设置,分隔线始终是一条带有少量内边距的细灰线。

Client block(客户信息块)会把客户的姓名、地址、邮箱和电话堆叠在同一列中,而 Client name(客户姓名)只打印姓名;Nadia 使用信息块,右对齐、字号 9,放在日期下方。

如何将模板限定于特定档案并保存

默认情况下,已保存的模板会在每个企业档案中都可以使用。Nadia 的婚礼版式只应该出现在她的 Weddings 档案中,所以她对其进行了限定。

1. 在编辑器中点击滑块图标 Scope & options(范围与选项),或点击页面底部的 Scope(范围)卡片。
2. 在 Template availability(模板可用范围)面板中选择 Restrict to specific profiles(限定于特定档案)。
3. 勾选应该看到该模板的档案标签;每个企业档案都以其名称显示。若不想做任何限制,请保留选中 Available on every business profile(适用于所有企业档案)。
4. 点击 Done(完成)。Scope 卡片的副标题会变为 Restricted to 1 profile(s)(限定于 1 个档案)或你所勾选的实际数量。
5. 点击标题栏中的 Save(保存)。按钮在保存过程中会短暂显示一个小的加载指示,随后编辑器关闭,该卡片会出现在 Mine(我的)标签页顶部。

保存之前,你可以点击眼睛图标打开 Preview(预览)。它会用真实的 PDF 渲染器,以你默认档案的数据渲染出该版式,在字段为空的位置绘制灰色斜体占位文字,例如 “[example: acme.com]“,并附带一个调色板条,方便你查看同一版式在其他配色下的效果。这个色板条仅供查看之用;关闭预览不会改变模板本身的调色板。

如何把自定义模板应用到发票上

自定义模板不是全局设置。每张发票各自保存自己的选择,发票原本存储的内置设计和调色板仍会保留在底层,因此你随时可以切换回去。

1. 在编辑器中打开该发票,向下滚动经过付款相关的卡片,找到 Select Template(选择模板)卡片。
2. 就在其下方,点击 Custom template(自定义模板)卡片上的展开箭头。只有当至少有一份已保存的模板对该发票所属的企业档案可用时,这张卡片才会出现。
3. 从菜单中按名称选择一份模板。卡片的副标题会从 Using built-in template(正在使用内置模板)变为该模板的名称,上方 Select Template 的副标题也会变为 Custom template(自定义模板)。
4. 保存发票。此后它的每一次预览、分享和导出都会通过自定义渲染器完成。
5. 要切换回内置设计,再次打开同一菜单并选择 Use built-in(使用内置)。你之前选择的设计和调色板仍会保留。

Wedding proposal 模板没有出现在 Nadia 的菜单中,因为这张发票属于工作室档案,而该模板被限定只在 Weddings 档案中使用。以下是用极简模板渲染的发票 FP-2026-0218。

规则与细节

• 新建、打开、复制一份模板以及保存,都需要 Pro 或有效试用期;否则应用会打开付费墙。浏览 Mine 和 Gallery 标签页是免费的,已经指定了自定义模板的发票也会继续以该模板渲染。
• 名称为必填项。标题字段为空时点击 Save(保存)会显示 “Template name is required”(需要填写模板名称),且不会保存任何内容。
• 页面始终为 A4 大小,边距为 32 点。这两项在应用中都无法更改。
• 六列构成了整个画布。页眉的 Left、Center 和 Right 会打印为宽度相等的三列,分别左对齐、居中和右对齐;页脚行的规则相同。没有可见元素的列仍会占据其三分之一的宽度,但不会打印任何内容;如果整行都为空,该行会被跳过。
• 主体部分始终依次打印项目表、总计,如果发票有签名则打印签名,最后是包含发票号、公司名称和页数的页脚。自定义模板不会打印付款二维码或付款按钮、分期付款计划、逾期费用行或提前付款折扣说明;这些内容属于十二款内置设计。
• 数据为空的元素会直接从最终 PDF 中省略。一个网站字段为空的档案,其 Website 元素不会打印任何内容,也不会占用空间。只有编辑器的 Preview(预览)会显示占位文字。
• 一列可以容纳的元素数量没有上限,同一个元素也可以重复添加多次。
• 排序只能在同一列内使用 Move up 和 Move down。元素无法拖拽,也无法在列之间移动。
• 字号为 0 或留空时,表示使用渲染器默认的 10 点。无论适用的字号是多少,Company name 都会打印大 4 点,Invoice title 会打印大 6 点并使用大写字母。
• Spacer(间隔)和 Divider(分隔线)不支持文字样式设置(字号、粗细、对齐、颜色)。
• 调色板在模板创建时就已固定(来自图库色板条,或空白模板默认使用 Ocean),之后无法在编辑器中更改。Palettes(调色板)标签页中的自定义调色板可以在图库色板条中选用,因此它们只能通过自定义模板出现在 PDF 中。
• Mine 标签页中的 Duplicate(复制)会创建一份名为 “名称 (copy)” 的副本,版式和范围设置相同。Delete(删除)会要求确认;删除一份仍被发票引用的模板不会导致该发票出错:下一次预览会自动回退到该发票的内置设计。
• 范围关联会在每次保存时重新写入。把一份已限定的模板改回 Available on every business profile(适用于所有企业档案),会清空它的档案列表。
• 在发票屏幕上使用 Duplicate(复制)复制一张发票,会复制其内置设计和调色板,但不会复制自定义模板;副本会以 Using built-in template(使用内置模板)打开,需要重新指定自定义模板。
• 备份包含自定义模板;在另一台设备上还原时,每张发票都会重新关联到其模板的还原副本。

使用技巧

相关指南

• PDF 模板、配色方案与字体 —— 介绍十二款内置设计、十套调色板,以及如何创建自定义调色板。
• 发票编辑器 —— 介绍自定义模板选择器周围的其他卡片。
• Logo:方形与宽版 —— 因为 Wide logo 和 Square logo 元素打印的是你在档案中上传的对应版本。