顾客旅程
转化
58 篇正文
顾客加购并完成付款。
商品与定价
定价与折扣:标价、划线价与参考价规则
区分标价、销售价、划线价、折扣码、自动折扣、免运费门槛与分期价这些常被混用的价格概念,说明折扣在系统里是规则、在监管眼里是价格呈现,并整理美国与欧盟对参考价的官方要点。
B2B:公司、目录与数量规则
说明 Shopify B2B 的对象(公司、公司位置、目录与价格、付款条款)、数量规则与阶梯价、结账与草稿订单在 B2B 中的角色、与新版客户账户的关系、B2B 登录后店面的价格与目录展示,并逐项标出依赖套餐的能力与官方页面之间的表述差异。
商品捆绑与组合:Bundles、变体组合与库存
说明 Shopify Bundles 的固定捆绑、多件装与混搭的实现方式,捆绑库存怎样按组成项计算,订单与退货中捆绑的呈现,与折扣、变体组合、交叉销售的区别,以及官方写明的不兼容项与页面间表述差异。
店面与体验
Payment Options:支付方式与分期
支付方式与分期回答我能用什么方式付款、是否可以分期、付款是否安全:说明可用支付方式、钱包、先买后付的费用与资格披露、货币和地区差异,并与信任标志划清界线。
库存状态与到货通知模块
库存状态与到货通知模块如何用统一词表表达有货、低库存、售罄、缺货预订、预售、不可配送与不可取货,说明库存追踪关闭、多地点与本地取货下的判据,要求低库存与稀缺提示必须来自真实库存规则,并定义到货通知订阅的同意与隐私。
购买区模块:价格、选项、数量与加购
购买区模块如何在商品页把价格、划线价、单位价、变体选项、数量、加购与立即购买、销售计划及配送退换提示连成一个可验证的购买契约,区分商品与变体层级,并定义未选选项、超库存与售罄等错误状态。
购物车摘要模块:从行项目到结账入口
购物车摘要模块如何在购物车页与购物车抽屉中共用同一份行项目、数量、小计、折扣、运费预估与结账入口契约,强调金额来自平台计算,并覆盖库存不足、数量规则、备注与跨市场等状态。
交叉销售与追加购买模块:推荐、搭配与加购
交叉销售与追加购买模块如何在商品页、购物车和结账后语境中呈现搭配、升级、捆绑与加购,要求推荐依据可解释、不推荐不兼容或不可售商品、加购后购物车保持一致,并避免预勾选与隐藏拒绝等暗黑模式。
订阅与预售条款摘要模块
订阅与预售条款摘要模块在购买按钮之前展示扣款时间与金额、发货时间、续订周期、暂停与取消方式,以及预售的预计发货与延迟处理,要求摘要来自正式条款、不比条款更宽、与购物车和结账一致,没有真实履约条件时整块删除。
Countdown Timer:倒计时
说明 Countdown Timer 倒计时作为高风险展现的使用条件:必须与折扣和预售的真实截止规则共用同一时间源,禁止循环重置的假倒计时,并覆盖时区、到期状态、读屏播报、减少动态与合规确认。
Drawer:侧滑抽屉
说明 Drawer 侧滑抽屉与 Modal 的边界,何时用它承载购物车、筛选、移动导航或快速查看,以及模态与非模态抽屉的焦点、Escape、背景 inert、小屏全屏和无 JavaScript 退化要求。
Empty State:空状态
说明 Empty State 空状态如何区分从未有过、被条件排除与加载失败三类原因,给出下一步行动,不伪装成有内容,对应各模块的状态与退化,并明确空状态与加载、错误状态的边界及状态通知要求。
Progress Bar:进度条与进度指示
说明 Progress Bar 进度条如何表达任务或目标的完成程度,区分确定与不确定进度、progress 与 meter 的语义,并覆盖免运费门槛、评分分布、多步骤流程与上传加载四类场景的真实性与无障碍要求。
Stepper:多步骤流程与步骤指示
说明 Stepper 如何把结账、尺码测量向导、选品向导与订阅设置拆成有顺序的步骤并指示当前位置,依据 W3C WAI 多页表单教程与 MDN aria-current 讨论有序列表语义、返回与保存进度,以及 WCAG 3.3.1、3.3.3、3.3.4、3.3.7 的错误处理要求,区分它与 Progress Bar、Tabs。
Sticky Bar:吸顶、吸底与悬浮固定元素
说明 Sticky Bar 吸顶导航、粘性加购栏、悬浮聊天入口与回到顶部按钮的适用边界,依据 MDN 与 WCAG 2.4.11 讨论 sticky 与 fixed 差异、遮挡内容与焦点、软键盘、安全区、视口占用及与 Banner 和客服入口的关系。
Swatch:色板与选项选择器
说明 Swatch 色板与选项选择器如何以色块、缩略图、文字按钮或下拉呈现变体选项,作为一组单选的语义与键盘操作,不可用与缺货选项的表达,选择后价格媒体库存的同步,以及选项很多时的退化与命中区域要求。
Toast:瞬时反馈与状态提示
说明 Toast 如何承载加购成功、已复制、保存失败等瞬时反馈及页内状态提示,依据 APG Alert、ARIA live regions 与 WCAG 2.2.1、4.1.3 讨论 role 选择、停留时间、错误就近保留与多条排队。
Shopify 购物车页(cart)配方
从 cart template type 出发,说明 /cart 页面与购物车抽屉两种入口的页面组成:行项目与平台金额、折扣与运费预估、免运费进度、追加购买、配送支付与退换摘要、客服入口、空车状态,以及结账不属于主题模板的边界。
Shopify 政策页面配方:隐私、退款、配送与服务条款
从 page template type 出发,说明政策中心页如何组织隐私、退款、配送、服务条款与订阅条款:Settings > Policies 的六类政策与展示位置、摘要与正式条款的分工、Cookie 同意与隐私政策的关系、更新日期与版本、与配送退换页的分工。
Shopify Product 商品页配方索引
从 product template type 进入标准商品页、预售与订阅商品页、尺码敏感商品页,再查页面内容、模块组合、alternate 分配与 Theme 实现。
Shopify 预售与订阅商品页配方
从 product template type 出发,说明销售计划驱动的预售与订阅商品页与标准商品页的差异:发货与扣款条款、取消与暂停入口、删除条件与 Shopify Theme 实现。
Shopify 标准商品页配方
从 product template type 出发,围绕当前商品完成判断与购买,确定媒体、购买区、规格、评价与相关商品的组合、删除条件和 Shopify Theme 实现。
Dawn 商品页购买区:价格、变体、加购按钮与库存状态
基于 Dawn v15.3.0 源码,追踪商品页价格、变体选择器、加购与动态结账按钮、product-form 请求、库存与低库存提示、本地取货和售罄状态,并对照通用购买区与到货通知契约列出差距与未内置项。
Dawn 购物车:抽屉、加购通知与购物车页的更新链
基于 Dawn v15.3.0 源码,追踪 cart_type 设置如何在购物车抽屉、加购通知与购物车页之间分叉,梳理 Section Rendering 更新链、空车分支、数量更新与错误处理,并对照通用抽屉与 Toast 契约列出差距。
给 Dawn 增加倒计时分区:同源截止时间、服务端时钟与编辑器清理
基于 Dawn v16.0.0 固定源码,先以全仓库搜索确认主题未内置倒计时,再按 Dawn 自身写法新增一个 countdown-timer 分区:截止时间读 shop 元字段而不另填,剩余时间不在 Liquid 里算,自定义元素按分钟与秒两档更新、只在两个节点播报、提供隐藏按钮并在编辑器卸载时清理;代码通过 theme check,未在真实店铺运行。
Horizon 的加购竞态处理:变体切换未完成时点击加入购物车
基于 Horizon 4.2.0 源码,拆解用户刚切换变体、分区请求尚未返回就点击加购时的处理:携带 promise 的 ProductSelectEvent、代次计数、意图快照队列、纯函数变体解析、按新变体重新校正数量与批量提交,以及入队即播动画等值得商榷之处。
Horizon 商品卡:上下文、子内容与快速购买
基于 Horizon 4.2.0 源码,解释商品循环怎样把商品传入 Shopify 商品卡,以及快速购买为何要继续读 JavaScript 中的缓存与跳转处理。
Horizon 吸底加购与可售状态:库存文案、取货与加购反馈
基于 Horizon 4.2.0 静态源码,说明商品页吸底加购栏的显示条件、购买区可售与库存文案、门店取货可用性、加购成功与失败反馈,并对照通用契约列出缺口。
Horizon 变体选择:从选项标记到返回 HTML
基于 Horizon 4.2.0 源码,从选择器 Liquid、请求 URL 到异步返回 HTML,追踪 Shopify 变体切换怎样更新购买按钮与数量状态。
交易与支付
支付授权、拒付与强客户认证
区分在线支付里授权、捕获、结算、退款与拒付五个动作的含义和时间线,说明拒付的常见原因类别与可保存的证据,解释强客户认证(SCA)与 3-D Secure 的关系,并比较 BNPL 与货到付款的风险差异。
结账自定义:Checkout 可扩展性与页面边界
说明 Shopify 结账页、感谢页与订单状态页各自能改到哪一步:checkout and accounts editor 的品牌与设置、Checkout Blocks、UI extensions 与 Functions 的分工、动态结账按钮的位置,以及 checkout.liquid 与 Scripts 的弃用现状,并并列官方页面的差异。
礼品卡:发放、余额、有效期与结账使用
说明 Shopify 礼品卡的两种发放方式(礼品卡商品与后台创建)、面值上限、币种与跨币种兑换、有效期、结账使用限制,礼品卡页面模板与 Liquid、API 入口,以及它与店铺储值(store credit)的区别。
支付与结账:网关、钱包、分期与结账自定义
梳理 Shopify Payments、第三方支付服务商、手动支付、Shop Pay、Shop Pay Installments 与动态结账按钮的关系,说明结账页自定义的套餐限制,以及多币种与支付网关的依赖,并并列官方页面之间的表述差异。
BNPL:先买后付的定义、Shopify 落点与披露边界
解释 BNPL 是把一笔零售交易拆成较小分期、由信贷提供方垫付的支付方式,给出 CFPB 的定义与典型结构,说明 Shop Pay Installments 与其他 BNPL 服务的启用入口,以及不能写成无息或免征信的边界。
COD:货到付款的定义、Shopify 手动支付与风险边界
解释 COD 是顾客收到并决定保留货物后才付款的支付方式,说明 Shopify 中它属于手动支付、订单先显示待付款并需商家手动标记已付款,以及拒收、退货运费与现金处理带来的风险和常被混淆的边界。
履约与物流
客户关系与留存
数据与分析
Average Order Value(AOV):平均订单价值的口径与解读
解释 AOV(平均订单价值)的金额分子、订单分母与 Shopify 计算公式,区分订单均值、顾客价值与购物篮件数,并说明跨渠道比较条件。
Cart Abandonment Rate:购物车放弃率的不同口径
解释购物车放弃率没有统一公式,并列 Shopify 弃单结账的定义与转化漏斗、GA4 结账旅程报告的放弃率口径,说明分母、分析单位与漏斗步骤怎样改变结果。