跳至主要内容

设置配送日期选择器

6 min read · 事实核查于 2026年10月12日

本指南将在约十分钟内,为您的商品页和购物车页装上一个可用的配送日期与时间段选择器。无需代码——您只需开启一个应用嵌入、添加一个主题应用区块,并创建一条可用性规则。

开始之前

  • 您已在 Advanced 方案上(配送功能为 Advanced 专属)。如果您在 Starter 或 Pro 方案,请在 订阅套餐 页面升级——可享 14 天免费试用。
  • 您至少有一个可用于测试的商品。

1. 开启配送日期

  1. 从 Shopify 后台打开 OrderRules(应用 → OrderRules)。
  2. 进入 配送日期。页面会打开在 设置 标签页。
  3. 在 配送日期 下开启 在您的店面上提供配送日期选择。这一步不需要额外权限。只有在您开启订单标签或应用快递单号时,OrderRules 才会申请订单写入或发货权限。

2. 添加主题应用区块

店铺前端的选择器通过 应用嵌入 加 主题应用区块 运行,因此它保留在您的主题内部,并能在主题更新后继续保留。

  1. 在 Shopify 后台进入 在线商店 → 主题 → 自定义。
  2. 打开 应用嵌入,开启 OrderRules Delivery。选择器由它驱动。
  3. 打开一个 商品 模板。在商品主区块中选择 添加区块,并选取 Delivery date picker(它出现在 应用 下)。
  4. 在 购物车 模板上重复此操作。如需在抽屉式购物车中显示,请改为在 OrderRules Delivery 嵌入设置中开启 Show the picker in the cart drawer / mini-cart。
  5. 保存。 (设置细节:如果区块没有出现,请参阅 主题应用区块设置。)

3. 创建第一条可用性规则

  1. 回到 OrderRules,进入 配送日期 → 配送可用规则 → 添加规则。
  2. 在 适用于 下选择 所有产品,或缩窄到某个商品、某个合集或带有某个标签的产品。选择 发货方式:配送与自提、仅配送 或 仅自提。
  3. 设置:
    • 备货时间(天) — 顾客最早可以要求的日期(例如 2 天)。
    • 截单时间 (HH:MM) — 过了这个时间,当天就不再计入(例如 14:00)。
    • 最大提前天数 — 顾客最远可预订多久之后(例如 30 天)。
    • 可配送的星期 — 您在哪几天配送。
  4. (可选)勾选 结账时必须选择配送日期,以强制顾客做出选择。
  5. 保存规则。

可用性规则设置速览

设置项控制什么示例
备货时间(天)客户可选的最早日期2 天
截单时间 (HH:MM)超过该时刻后,当天不再计入14:00
可配送的星期你实际配送的日子周二至周六
最大提前天数最多可提前多久预约30 天
适用于规则覆盖哪些商品系列:蛋糕
发货方式配送、自提,或两者仅配送
结账时必须选择配送日期强制选择日期开启

4. 添加时间段(可选)

打开 更多选项 → 时间段模板。载入快递公司预设(Yamato / Sagawa / Japan Post),或点击 添加自定义模板,添加 10:00–12:00、14:00–16:00 这样的时间段。如果希望某个时间段可以约满,请为它设置 每日上限。然后在规则的 时间段模板 字段中选用该模板。已满的时段会显示为 已满 且无法选择。

5. 测试

在店铺前端打开您的测试商品。您应能看到日期选择器(如已配置,还有时间段)。加入购物车并开始结账——OrderRules 的 Shopify Function 会拒绝缺失(设为必填时)、约满或被封禁的选择。下一笔测试订单,并在后台查看。如果您开启了 订单标签,订单还会被标记为 delivery:YYYY-MM-DD 和 slot:HHMM-HHMM。

后续步骤