Webflow 中的车辆图像,写入 CMS 字段,在设计器中绑定,网站上无需密钥。

Webflow 没有你可以控制的服务器,因此集成发生在网站旁边而不是内部。在自动化中解析车辆,将 URL 写入 CMS 集合,并在设计器中绑定字段,就像绑定其他图像一样。

LP webflow: hero1
LP webflow: hero2
LP webflow: s1

自定义代码嵌入不适合这个

嵌入调用 API 会将您的密钥放在页面源代码中,并让每个访客等待第三方。CMS 字段在渲染时成本为零,并且可以由网站运营者编辑

  • 密钥保留在自动化中,永不在站点中
  • 图像从 CMS 渲染,无需额外请求
  • 编辑器看到的是一个普通字段,而不是代码块

集成,Webflow 版本

每个角度一个 CMS 字段,一个自动化,设计师完成剩下的工作。

01
添加 CMS 字段

在您的车辆集合中,每个角度都有一个纯文本字段,靠近 VIN 或您已经存储的规格

02
在自动化中解析

Make、Zapier 或小脚本调用 API,并通过 Webflow CMS API 将 URL 写回

03
在设计器中绑定

将图像元素指向该字段。Webflow 将其渲染为带有您自定义样式的普通图像。

04
更改时发布

在集合项添加或车辆数据更改时重新运行自动化,然后发布。

LP webflow: s2

一致的艺术作品在这里是设计优势

Webflow 网站通常由关心网格对齐的设计师构建。每辆车的相同构图和灯光使得集合列表看起来有意而为之,无需任何人修图。

  • 每张卡片都在同一基线上
  • 任何品牌背景上的透明剪切
  • 无需追踪库存照片许可

Webflow 中的车辆图像,实践中

Webflow 项目在设计完成、内容未就绪时遇到车辆图像。集合中有四十辆车,网格使用占位符艺术品看起来完美,而真实的照片以六种不同的裁剪方式到来,背景与部分颜色冲突。

由于 Webflow 没有服务器,修复必须在自动化中进行,这反而成为了优势。每个项目只运行一次分辨率,而不是每个访客一次,网站本身仍然是一个静态导出,没有第三方调用,设计师仍然可以自由地将图像视为一个可以自由样式化的字段

Webflow 团队常问的问题

我可以从自定义代码嵌入调用 API 吗?

不要这样做。密钥将显示在页面源代码中,每位访客都将为请求付费。请改用自动化解析。

你推荐哪种自动化工具?

Make 和 Zapier 都可以工作,定时运行的小脚本也可以。唯一的要求是有一个安全的地方保存密钥

图片需要上传到 Webflow 吗?

不需要。将 URL 存储在纯文本字段中,并将图像元素绑定到它。文件保留在我们的 CDN 上,您的资产限制保持不变。

Webflow CMS 项目限制是什么?

不受影响。您正在为现有项添加字段,而不是新项。

这在静态导出上有效吗?

是的。URL 是绝对的,因此导出的网站将继续渲染它们,而无需任何 Webflow 运行时。

如何处理没有匹配的车辆?

响应告诉您何时使用了后备,因此自动化可以将字段留空,您的设计器条件可以隐藏该元素。

在暂存项目上尝试

告诉我们您的车辆集合如何组织以及设计使用哪些角度。我们返回 URL 和自动化大纲。

  • 为您的角度提供 CMS 字段结构
  • 适合您的网格和详细布局的尺寸变体
  • 试用覆盖整个集合
谢谢。我们已经收到您的消息,并将为您的配置提供图像 URL。
出了点问题。请重试,或写信到 info@vehicleimagery.com。

填充集合

发送您集合中的车辆,我们返回准备粘贴或自动化到 CMS 的 URL。

通常在同一工作日