Shopify 结账体验

Shopify 结账页自定义必填字段怎么加校验

现象#

在结账扩展里加了一个「公司名称」输入框,客户不填也能继续付款,收集到的数据大量为空。

原因#

  • 扩展只做了 UI,没有把值写回 cart attributes
  • 校验逻辑写在前端但未阻止 continue
  • 字段变更没有触发 applyAttributeChange

处理步骤#

  1. 用 useApplyAttributeChange 在 onChange 时写入 cart
  2. 在按钮 onClick 里校验,未通过时 event.waitUntil 后不调用 continue
  3. 给输入框设置 required 与错误文案
  4. 用 cart.attributes 回读确认已落库

验收标准#

不填必填项无法进入下一步并显示错误提示;填写后订单详情能看到该字段。

本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。