跳至主要内容

设置配送日期选择器

5 min read

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

开始之前

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

1. 开启配送日期

  1. 从 Shopify 后台打开 OrderRules(应用 → OrderRules)。
  2. 进入 配送 → 可用性规则
  3. 点击 启用配送日期。OrderRules 仅在此时 申请所需的额外权限(地点、订单、履约)——绝不在安装时索取。

2. 添加主题应用区块

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

  1. 在 Shopify 后台进入 在线商店 → 主题 → 自定义
  2. 打开一个 商品 模板。在左侧面板中,于商品主区域选择 添加区块(或 添加板块),并选取 OrderRules — 配送日期(它出现在 应用区块 下)。
  3. 购物车 模板上重复此操作(如果您的主题使用抽屉式购物车,也一并添加)。在大多数主题上,OrderRules 会自动识别购物车;只有当选择器未出现时才需手动添加区块。
  4. 保存。 (设置细节:该区块是以 mainSection 为目标的应用区块——如果您的主题隐藏了应用区块,请参阅 主题应用区块设置。)

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

  1. 回到 OrderRules,进入 配送 → 可用性规则 → 添加规则
  2. 设置:
    • 备货时间 — 顾客最早可以要求的日期(例如 2 天)。
    • 截单时间 — 在此之后下的单顺延到下一个可配送日(例如 14:00)。
    • 配送日 — 您在哪几天配送。
    • 可预订范围 — 顾客最远可预订多久之后(例如 30 天)。
  3. 界定 规则范围:所有商品,或缩窄到某个商品/合集/标签,并可选按国家。选择 履约方式:配送、自提,或两者。
  4. (可选)在结账时要求选择日期/时间段,以强制顾客做出选择。
  5. 保存。

4. 添加时间段(可选)

在规则中添加 时间段(例如 10:00–12:00、14:00–16:00)。如果希望时段可以售罄,请设置 每时段产能。售罄的时段会自动对顾客变灰。

5. 测试

在店铺前端打开您的测试商品。您应能看到日期选择器(如已配置,还有时间段)。加入购物车并开始结账——OrderRules 的 Shopify Function 会拦截任何缺失、售罄或被封禁的选择。已下的测试订单会被自动标记为 delivery:YYYY-MM-DDslot:HHMM-HHMM——请在后台查看该订单。

后续步骤