配色和品牌色
从 20 套配色中选择一套，或自行设置主色、按钮、背景、界面、文字和结果颜色。
PrequalFunnel 提供 12 种房贷计算器主题，每种都有浅色和深色模式，另有 20 套配色、字体、圆角和可编辑文案。主题决定布局和界面质感；配色决定您的品牌色。Ledger、Minimal 和 Compact 在所有方案中可用；更丰富的主题在 Producer 和 Brokerage 中解锁。
要点
- 12 种主题，每种都有浅色、深色和自动模式。
- 主题（结构）和配色（品牌色）分开设置，任何主题都能换上您的颜色。
- Ledger、Minimal 和 Compact 在所有方案中可用；另外九种在 Producer 或 Brokerage 中解锁。
- 保存您自己的主题变体，在各个计算器和小组件中重复使用。
01
为什么计算器的设计会影响线索数量？
借款人只需几秒钟就会判断，一个计算器是您业务的一部分，还是硬塞进来的外部工具。如果它和您的网站格格不入，看起来就像第三方广告，走到线索表单那一步的人就会变少。
PrequalFunnel 把外观分为两层。主题控制结构：卡片布局、界面、阴影、特效以及结果的呈现方式。配色控制您的品牌色。两者相互独立，您可以尝试另一种主题而无需重新输入颜色，也可以更换颜色而不丢失喜欢的布局。
每种主题都有浅色和深色模式，您还可以设为自动，让计算器跟随访客设备的设置。在深色模式下，您的配色决定主色和按钮颜色，中性界面来自主题，并会自动校正对比度，确保文字清晰可读。此外，您还可以更改字体、圆角以及每个标签、标题和按钮的文字，让线索表单用您自己的话请借款人获取报价。
各方案包含哪些主题？
所有方案都含三种主题，Producer 及以上再加六种，Brokerage 另有三种特效丰富的主题。任何人都可以预览所有主题；保存时才检查方案。
| 主题 | 外观 | 方案 |
|---|---|---|
| Ledger | 默认主题：简洁、数字清晰、以金融为先的布局 | 所有方案 |
| Minimal | 极简，大量留白 | 所有方案 |
| Compact | 紧凑布局，适合窄侧栏和短页面 | 所有方案 |
| Glass | 磨砂半透明面板 | Producer 和 Brokerage |
| Soft UI | 柔和凸起的新拟态界面 | Producer 和 Brokerage |
| Aurora | 卡片背后的渐变色彩 | Producer 和 Brokerage |
| Editorial | 杂志风格字体和醒目标题 | Producer 和 Brokerage |
| Image hero | 图片页眉，可选精选授权图片或自行上传 | Producer 和 Brokerage |
| Spotlight | 分栏布局，把结果放在最显眼的位置 | Producer 和 Brokerage |
| Depth 3D | 层叠卡片，富有纵深感 | Brokerage |
| Particles | 细腻的动态粒子背景 | Brokerage |
| Dashboard | 像报表仪表盘一样排列结果 | Brokerage |
除了主题，还能自定义什么？
主题只是起点。这些设置帮您收尾，让计算器看起来完全属于您。
字体和圆角
选择与您网站相配的字体，并设置圆角程度，从直角到胶囊形都可以。
屏幕上的每一个字
改写标签、标题、按钮文字和线索表单提示。当您的合规团队要求使用特定同意措辞时非常有用。
主题选项
Image hero 等主题有可选项，例如显示哪张图片。精选图片已获授权；您也可以上传自己的图片。
已保存的主题
把基础主题连同配色、选项和自定义 CSS 一起保存，然后一步应用到任意计算器或小组件。
动画主题会影响无障碍或速度吗？
设计上不会。特效只在用到它们的主题中加载。Particles 背景会遵循访客的“减少动画”设置，并在计算器滚出屏幕时暂停。如果您的受众年龄偏大或使用较旧的手机，自动模式下的 Ledger 或 Minimal 仍是最稳妥的选择；而且以后更换主题也无需改动嵌入代码。
用主题还是定制开发计算器，哪个更合理？
有些贷款专员会花钱请开发人员手工打造计算器。下面是坦率的取舍。
PrequalFunnel 主题
- 在编辑器中切换设计，无需新代码
- 浅色深色模式和对比度检查都已完成
- 样式隔离，您网站的 CSS 无法破坏布局
- 公式、定义和免责声明持续维护
- 线索附带每项输入和结果送达
定制开发的计算器
- 与某位设计师的效果图像素级一致
- 每次修改都要提交开发工单
- 公式和线索传输都得您自己维护
- 深色模式和移动端测试是额外工作
- 通常只有一个计算器，而不是一整套
延伸阅读
常见问题 · 9 个问题
贷款专员常问的问题
共有多少种计算器主题？
共有 12 种主题，每种都有浅色和深色模式。其中三种（Ledger、Minimal 和 Compact）在所有方案中可用，包括免费的 Originator 方案。另外六种在 Producer 和 Brokerage 中可用，Depth 3D、Particles 和 Dashboard 在 Brokerage 中可用。
升级前可以预览高级主题吗？
可以。任何方案都能以浅色和深色模式预览所有主题。只有在把主题保存到计算器或小组件时才会检查方案，因此您可以在决定升级之前，准确看到将会得到什么。
主题和配色有什么区别？
主题是结构：布局、界面、阴影和特效。配色是您的品牌色。两者相互独立，您可以保留颜色、尝试另一种主题，或保留布局、更换颜色，而无需重做另一部分。
计算器会跟随访客的深色模式设置吗？
可以。把模式设为自动，计算器就会跟随访客设备的偏好。您也可以强制使用浅色或深色。在深色模式下，配色中的主色和按钮颜色会沿用，对比度也会校正以确保文字可读。
Image hero 主题可以使用我自己的照片吗？
可以。Image hero 提供一组精选的授权图片，您也可以改为上传自己的图片，例如您所在市场或办公室的照片。Image hero 在 Producer 和 Brokerage 中可用。
我网站的 CSS 会改变主题的外观吗？
不会。在默认的内嵌方式中，计算器在一个隔离的容器中渲染，您网站的样式进不来，计算器的样式也出不去。各模式的详情请见嵌入方式。
可以修改按钮和标签上的文字吗？
可以。每个标签、标题、按钮和线索表单提示都可编辑。许多贷款专员会把行动号召改成“获取我的预审数字”之类的说法，并按合规团队批准的内容调整同意条款。
如果我降级，高级主题会怎样？
主题在保存时会根据您的方案进行检查。如果您换到的方案不包含正在使用的某个主题，请计划把这些计算器切换到新方案涵盖的主题，例如 Ledger、Minimal 或 Compact。
可以让所有计算器使用同一种外观吗？
可以。把主题连同配色、选项和任何自定义 CSS 一起保存，然后应用到每个计算器和小组件。修改已保存的主题，比逐个重新设置计算器快得多。
PrequalFunnel
您的下一位借款人已经在您的网站上。
给他们想要的数字，然后收到附带这些数字的线索。
Originator 永久免费。需要 webhook 和自有品牌时再升级。 按月和按年方案均有 14 天免费试用。试用结束前取消，不收取任何费用。