案例作品集 浏览精选项目

Shopify Plus 升级月费减免+最高抵扣$4800开发费用 - WesWoo专属优惠

指南

Shopify开始用AI改版了,页面上线前还要检查什么?

发布日期: 编辑:WESWOO

如果你让 AI 把 Shopify 商品页改得更清爽,它可能很快就能交出新布局:图片放大了,说明精简了,购买按钮也更显眼了。

可真正准备上线时,商家还要回答几个问题:客户选的规格,会不会正确进入购物车?缺货状态有没有被新按钮绕过去?手机上很好看,点起来是否顺手?原来的评价、订阅或其他应用,还能不能正常工作?

这些检查现在更值得认真做。Shopify 在10月28日的秋季更新(Fall ’26)中公布了处于早期开放阶段的 Canvas,商家可以结合 Sidekick 调整主题;同日的另一项更新,则把 AI 模拟购物测试接到了部分 Sidekick 店面建议里。Canvas 发布说明、AI 测试建议更新

下面用一次通用商品页改版演示:让规格更容易选择,让购买说明更清楚,再确认加购路径没有走样。它是一套可照着准备的工作方法,不是已经在客户店铺完成的实测。

Shopify开始用AI改版了,页面上线前还要检查什么?
Shopify 官方 Canvas 功能示例,展示同一示例店铺的多个页面与修改对话。用于理解编辑方式,非 WESWOO 项目截图。来源: Shopify 秋季更新。点击图片可看原图。

先看看,你的店铺能用哪条改版路径

看到功能发布,先回到自己的后台确认入口。Canvas 目前仅向部分店铺开放,使用条件包括桌面设备、支持主题定制的套餐,以及适用的主题;员工还需要 Online store → Themes → Edit code 权限。当前支持 Shopify 开发的主题和定制主题,不支持第三方主题。主题来自 Theme Store,也不代表一定由 Shopify 开发。Canvas 当前要求、主题来源说明

这里还有一个会影响后续维护的取舍:进入 Canvas 编辑的主题,以后只能在 Canvas 打开;它不接收主题更新,也不能下载主题文件。Canvas 内不能添加或配置应用区块、应用嵌入,也不能做不同市场的主题定制。准备迁入之前,先列出店铺依赖的功能,尤其是应用、语言和市场相关安排。Canvas 限制

如果没有 Canvas,先沿用现有主题编辑器。Sidekick 在其中也能生成文字和主题区块,不过区块生成另有资格与兼容要求:例如 Starter、旧架构主题不适用,兼容的第三方付费主题需要先购买。别为体验一个新入口,仓促更换已经承担业务的主题。主题编辑器中的 Sidekick、区块生成要求

把“改得高级一点”,换成一个能核对的任务

改版前先写清楚,客户究竟在哪一步容易犹豫。这次的教学假设是:商品有多个规格,选择区与购买按钮之间的信息太散,客户不容易确认自己正准备买哪一个。

先选一款有代表性的商品,整理好以下资料:实际商品链接和所用模板、可售规格及对应价格图片、禁止超卖的缺货规格、已经批准的购买说明,以及准备保留的应用功能。再选一款使用相同模板的商品,作为检查改动是否影响其他商品的对照。

这一步也在确定设计范围。改模板,会影响使用这份模板的其他页面;预览里正在显示某件商品,不代表改动只属于它。Shopify 模板的作用范围

给 Sidekick 的需求可以这样写,实际链接和规则需换成店铺自己的资料:

这次只调整商品模板中的规格选择区与购买说明。保留现有品牌字体、颜色、商品表单和购物车交互。让已选规格、对应价格与可售状态更容易确认;手机端按清晰顺序排列,不遮挡按钮。购买说明只使用我提供的已批准文字。先做草稿,不发布;不要改商品价格、库存、规格或应用设置。请说明改了哪些部分、影响哪些模板,以及还有哪些功能需要人工检查。

第一轮先完成这一个任务。等结构和功能检查清楚,再讨论图片比例、动效或其他页面,避免一次改太多,出了问题却找不到来源。

在整站定制设计与开发中,WESWOO 会把品牌规范和现有功能约定视为改版输入,而不只给出一句风格描述。团队可以由开发人员在主题根目录用 AGENTS.md 记录结构约定、用 DESIGN.md 记录设计方向,供 Canvas 中的 Sidekick 或本地编程助手参考。这能帮助后续修改保持一致,但文件本身不会替你验证购买功能。主题的 AI 工作上下文

在草稿里改版,也要分清哪些资料仍属于整家店

有 Canvas 的店铺,可以在 Online Store 的对应主题菜单选择 Duplicate in Canvas,用副本展开这次调整。原主题与副本之后不会相互同步;交接时记下原主题、副本名称和本次范围,避免最后发布了缺少其他最新修改的版本。Canvas 复制操作、副本之间的关系

Canvas 会自动保存修改;自动保存和正式发布是两个动作。即使编辑的是已发布主题,其中尚未通过 Update 发布的调整,也不会直接呈现给顾客。Canvas 保存与发布的区别

但主题副本不是一整家独立测试店。商品、集合、页面等资料在后台单独管理,不会随着切换主题变成另一套数据。所以,不要一边说“我只在草稿试试”,一边去 Products 修改正在销售商品的价格或资料。把本轮调整限制在主题呈现;确实需要改业务资料时,另列变更并确认影响。主题与店铺资料的区别

没有 Canvas 的店铺,也可以先通过现有主题菜单的 Duplicate 保留副本,再编辑草稿。无论走哪条路径,都先保存当前页面截图、关键设置和应用清单,作为之后对照的依据。复制主题

预览要看完整页面,也要走完购买动作

AI 做完第一版,先核对它实际改动的部分。Canvas 可以切换桌面、平板和手机宽度,也能选择模板里的其他商品;关闭预览检查器后,可以像顾客一样浏览链接。先确认自己看的确实是这次草稿,再开始检查。Canvas 预览操作

外观先看三件事:手机上规格名称是否完整,价格和购买说明是否容易对应,加购按钮是否被悬浮元素或其他控件挡住。把页面从头看到尾,特别留意长标题、较长规格名称和图片切换后的布局,别只验收第一屏。

接着按真实操作检查。下面这些是本例的验收方法,需要在自己店铺实际执行后再记录结果:

  • 切换可售规格。 从规格 A 切到 B,核对已选状态、价格和对应图片;加入购物车后,再核对购物车里的规格名称、数量与价格。
  • 检查缺货情况。 选择后台已禁止超卖的缺货规格,确认页面状态与实际购买限制一致。若店铺本来允许预订,就按已批准的预订规则核对,不能统一套“缺货都禁买”。
  • 继续操作购物车。 修改数量、删除商品、返回商品页,再次加购;确认抽屉、整页购物车和结账入口仍按店铺原有方式工作。
  • 检查另一个商品和原有应用。 切到共用模板的另一商品,核对没有出现上一商品的专属说明;再检查店铺确实使用的评价、订阅等应用入口及状态。

如果新规格按钮只是视觉上高亮,却没有把正确规格交给商品表单,问题就落到了功能连接。此时应由熟悉现有主题的人检查,不能靠再换一次颜色解决。整站开发需要把这些状态接好,并让运营以后仍能维护文字、图片和规则。

要检查付款、订单和通知,再按店铺条件安排测试订单。官方测试支付方式可以模拟交易,但支付服务处于测试模式时,顾客不能正常提交真实订单。正在营业的店铺应先安排测试环境或测试窗口,结束后恢复;主题草稿不会自动隔离支付设置。测试订单说明

Sidekick 说“测试过”,还要读清它测了什么

部分有近期销售活动、启用 Shopify Network Intelligence 的店铺,可以在后台 Home 看到 Pulse 建议;使用者需要是店主或有管理员访问权限的员工。对于一些主题建议,Sidekick 会把变更做进未发布副本,再用 SimGym 与当前主题进行模拟比较。这类主题测试还要求当前线上主题能够使用 Canvas,不能把“有 Pulse”理解成一定有已测试的改版建议。Pulse 资格及测试流程

看到 Tested by Sidekick,说明那次模拟中副本的加购率更高。它测试的是面向桌面、预期影响加购的变化;结果不代表手机页面通过,更不是实际订单或真人 A/B 测试。你后来再修改草稿,原结果也不适用于那些新改动。测试结果的适用边界、10月28日更新说明

SimGym 本身并非这次才上线:Shopify 在3月11日就已公布向符合条件的商家开放其 AI Research Preview。商家也可以在具备资格时,从 Apps → SimGym 选择主题比较,查看建议背后的购物反馈和回放。3月开放记录、当前 SimGym 用法

对这次商品页改版,模拟反馈适合帮助发现“说明难找”“规格不易理解”等线索。具体是否存在问题,仍回到刚才的商品、手机和购物车流程里核对。模拟指标不写进销售成果,也不拿来承诺改版后一定提升转化。

上线时发布一个明确版本,恢复时也知道恢复了什么

准备上线前,先让参与者对同一个版本确认:改了哪些模板,哪些功能已经实际检查,哪些仍未完成。多语言、应用和市场相关功能若还没有核对,就保留为未完成项,别用“整体看着不错”代替结论。

在 Canvas 中,未发布主题通过 Publish、已发布主题的待发布修改通过 Update 进入确认,阅读变更后再正式发布。如果对话框列出进行中或计划中的 rollout 主题变更,先处理其影响,不能顺手确认移除。Canvas 发布流程

上线后另开实际店铺页面,重新检查代表商品、规格与购物车。草稿预览通过,只能证明此前检查的那一版;实际顾客入口还要再核对一次。记录发布时间和主题名称,之后观察真实访问、加购、结账及客户反馈,避免把流量变化直接归因于页面。

恢复办法也要提前留好。切换新主题后,原主题会留在草稿区,可以按需要切换回去;这不会同时恢复已经修改的商品或其他后台资料。主题发布与保留、店铺资料与主题的区别

Canvas 中由 Sidekick 做的改动不能直接用 Undo 撤销。需要时可以在主题历史选择旧版本、检查并 Restore,之后仍要发布,顾客才会看到恢复后的版本。Canvas 历史与恢复

一轮改版最后应留下的,是可继续维护的页面和清楚的记录:需求资料、对应版本、实际测试结果,以及恢复入口。这样,下次再用 AI 调整时,团队知道可以从哪里继续,也知道哪些购买功能必须继续保持。

资料核对:2026年11月3日。本文为官方资料解释与教学方案,未对任何商家店铺执行改版、模拟测试或上线。功能开放与界面以店铺当前状态为准。

浏览 WESWOO 案例作品集