Shopify × Vercel × S3 × AI Preview

Shopify 可快速接入

给你的 Shopify 店铺， 加一套 AI 商品效果图系统

顾客上传照片后自动生成商品预览图，商家后台统一管理提示词、模型、生成记录与订单映射。 整套方案走原生 Vercel 轻后端，可接 S3，也方便后续扩展。

打开商家后台

前台体验

上传 → 预览 → 下单

后台能力

提示词 / 模型 / 记录 / 3D Review

存储链路

S3 + Postgres + Shopify

顾客侧实时流程可嵌入商品页

金属钥匙扣

上传宠物照片后，直接生成商品效果图预览

model: gpt-image-1

上传原图

JPG / PNG

生成效果图

下单时自动写入订单属性：preview_url / generation_id / model / prompt

累计生成

1,284

订单转化

38.6%

S3 留档

100%

顾客上传即生成

在 Shopify 商品页上传照片，一键生成相框、冰箱贴、钥匙扣等产品效果图。

按商品自动匹配提示词

系统根据当前商品类型自动调用对应 prompt，无需顾客手动选择复杂参数。

后台切模型、改 prompt

独立控制台里管理提示词、默认模型、按钮文案和前端小组件行为。

S3 与数据库永久留存

原图、效果图、模型、提示词、订单号全部留档，方便复盘与售后。

完整流程

三端联动：顾客页、独立后台、Shopify 订单

顾客端负责上传与预览，Shopify 负责下单与订单展示，独立后台负责提示词、模型、生成记录和业务统计。

  1. 1

    顾客在商品页上传照片并点击【生成效果图】

  2. 2

    系统按当前商品类型自动匹配提示词

  3. 3

    AI 输出效果图并即时展示给顾客

  4. 4

    下单时把 preview URL、generation ID、模型、提示词写进订单属性

  5. 5

    Shopify webhook 把订单号、客户邮箱回写到你的独立后台

后台新增统计仪表盘

现在后台不仅能看记录，还能看 7 天趋势、下单转化、模型分布、产品分布和最近订单映射。

订单端信息完整回写

每个订单都可带上 AI 效果图链接、使用模型、提示词和 generation ID，售后与复查更高效。