跳至主要内容
指南

如何为 Shopify 添加配送日期选择器(商品页 + 购物车)

Jahangir Alam2026年7月24日2026年10月12日 更新事实核查于 2026年10月12日9 min read
1014:00–16:00

要为 Shopify 添加配送日期选择器,请安装一款像 OrderRules 这样的配送排期应用,将其主题应用区块添加到您的商品页和购物车页面,然后设置您的配送规则——备货时间、截单时间和可选工作日——以及每个配送日期的订单上限。整个过程只需几分钟,无需代码,并且适用于任何 Shopify 套餐。

如果您的商品是按订单制作的——蛋糕、鲜花、餐包、家具——那么「什么时候能到?」就是每位顾客问的第一个问题。Shopify 默认不允许买家选择配送日期,于是订单就会堆积到您根本无法履约的日子。本指南将向您展示如何在几分钟内为 Shopify 商品页和购物车页面添加配送日期与时间段选择器,无需代码——以及如何为每一天设置上限,让某一天在满额后停止接单。

为什么 Shopify 需要配送日期选择器

Shopify 的设计理念是「永不打烊」。这对拉动需求很好,但对履约却不然:一家每天能装饰 50 个蛋糕的烘焙店,仍然会收到 120 笔周六的订单,总有人会失望。配送日期选择器把决策提前到了下单的那一刻——顾客告诉您他们什么时候想要,而您来决定哪些日子、有多少时间段可供选择。

在日本这样的市场,选择配送日期以及配送时间段是消费者的标准预期,已被承运商和电商平台普及。满足这一预期只是入场门槛;在满足的同时掌控自己的产能,才是优势所在。

一个好的配送日期选择器应该做到什么

不只是显示一个日历。请留意以下功能:

  • 日期与时间段选择——在日期之外还能选配送时间段(例如 14:00–16:00)。
  • 按商品或按订单——需要时,不同的行项目可以携带不同的日期。
  • 配送规则——备货时间、截单时间、可选工作日以及可预订时间范围。
  • 产能限制——每个日期和每个时间段的上限,让时间段可以「售罄」。
  • 结账时强制校验——服务器端校验确认已选择了一个有效、可用的日期(这样 Shop Pay 和快捷结账也无法绕过它)。

OrderRules 在 Advanced 套餐上完成上述所有功能,使用的正是它为订单限制和营业时间所用的同一套 Shopify Functions 结账强制校验。

第 1 步 — 安装 OrderRules 并启用 Advanced 套餐

从 Shopify App Store 安装 OrderRules,打开应用,然后在订阅套餐页面升级到 Advanced。配送功能仅限 Advanced 套餐,并可享 14 天免费试用。额外权限(订单、履约、位置)只会在您开启需要它们的功能时才申请——安装时绝不申请。

第 2 步 — 将主题应用区块添加到商品页和购物车

店铺前端的选择器是一个主题应用区块,因此它内嵌在您的主题中,无需代码。

  1. 前往在线商店 → 主题 → 自定义。
  2. 在应用嵌入下,开启 OrderRules Delivery。选择器由它驱动。
  3. 在商品模板中,选择主区域的添加区块,并在 应用区块 下选取 Delivery date picker。
  4. 在购物车模板上重复此操作。要在购物车抽屉中显示选择器,请在应用嵌入中开启抽屉选项;部分主题需要在那里填写其抽屉选择器。
  5. 保存。

完整细节:设置配送日期选择器。

第 3 步 — 设置您的配送规则

创建一条可用性规则,包含备货时间(顾客最早可申请的时间)、截单时间(例如 14:00 之后的订单顺延到次日)、可配送的工作日以及时间范围(顾客可以提前多久预订)。将其应用于全部商品,或收窄到某个商品、系列或标签。参见可用性规则。

第 4 步 — 添加时间段和产能限制

在时间段模板中,添加诸如 10:00–12:00 和 14:00–16:00 这样的时间段,并为每个时间段设置每日上限,然后将模板关联到您的规则。对整天的上限,请在配送日期行为下设置每个配送日期的最大订单数——一个适用于所有日期的数字。已满的时间段会实时变灰,结账也会拦下已售罄的时段。被取消的订单会自动释放其时段。见产能上限。

第 5 步 — 停止配送日期与节假日

屏蔽您无法配送的日期,并可附上原因——或者使用一键「复制商店节假日」,导入您已经在 Shopify 中维护的歇业日期。参见停止配送日期与节假日。

第 6 步 — 在结账时测试

通过您的店铺前端下一笔测试订单,也用 Shop Pay 试一下。OrderRules Shopify Function 会在结账时拦截任何缺失、售罄或被屏蔽的选择。开启订单标签后,订单还会被打上 delivery:YYYY-MM-DD 和 slot:HHMM-HHMM 标签,这样您就可以从 Shopify 订单搜索中生成每日拣货清单。

超越选择器:自提、预计送达和承运商 CSV

日期功能上线后,配送套件的其余部分都建立在同一套规则之上:

更大的图景

配送日期选择器不是一个附加功能——它是掌控产能的另一半。OrderRules 已经在管理顾客何时可以下单(营业时间、日/周/月上限、按顾客限制);配送日期则管理您何时配送。同一个应用,同一套结账强制校验。更多内容参见订单限制 + 配送排期:为什么它们应该在同一个应用里。

还在比较各家方案?Shopify 配送日期选择器应用推荐对比 从排期、截单时间和产能三方面把主要应用放在一起比较。

准备好试用了吗?查看配送日期功能或开始 14 天免费试用。

常见问题

可以。日期既可以按商品设置,也可以按订单设置——单一日期的订单照常处理,需要时各行项目也可以携带不同的日期。

选择器会在您的商品页和购物车页面上呈现,适用于所有 Shopify 套餐——无需 Shopify Plus。购物车抽屉是一项需手动开启的设置。要在结账页面本身显示选择器,则需要 Shopify Plus。

不会。选择器从店铺 metafield 读取规则,因此不会从店铺前端调用我们的服务器。

正在挑选应用?

查看 OrderRules 与该类别中其他所有 Shopify 应用的对比。

准备好掌控你的订单了吗?

免费试用 OrderRules