---
title: "如何为 Shopify 添加配送日期选择器（商品页 + 购物车）"
description: "一份分步指南，教您为 Shopify 商品页和购物车页面添加配送日期与时间段选择器——包含备货时间、截单时间和产能限制。无需代码。"
contentType: "blog"
locale: "zh"
localized: true
source: "https://orderrules.com/zh/blog/add-delivery-date-picker-shopify"
slug: "add-delivery-date-picker-shopify"
date: "2026-07-24"
tags:
  - "shopify"
  - "delivery date picker"
  - "delivery time slots"
  - "delivery scheduling"
  - "no code"
---
要为 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](/pricing)，打开应用，然后在**订阅套餐**页面升级到 **Advanced**。配送功能仅限 Advanced 套餐，并可享 **14 天免费试用**。额外权限（订单、履约、位置）只会在您开启需要它们的功能时才申请——安装时绝不申请。

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

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

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

完整细节：[设置配送日期选择器](/docs/delivery/getting-started-delivery-dates)。

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

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

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

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

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

屏蔽您无法配送的日期，并可附上原因——或者使用**一键「复制商店节假日」**，导入您已经在 Shopify 中维护的歇业日期。参见[停止配送日期与节假日](/docs/delivery/blackout-dates-and-holidays)。

## 第 6 步 — 在结账时测试

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

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

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

- **[预约到店自提](/features/in-store-pickup)**——跨多个位置的自提日期和时间段。完整教程：[Shopify 到店与本地自提：设置、排期与规则](/blog/shopify-in-store-local-pickup-guide)。
- **[预计送达日期](/docs/delivery/estimated-delivery-date)**——在商品页上显示「7月10–11日送达」这样的预估，基于您设置的运输时间，并跳过周末和节假日。刚接触这个术语？[了解「预计送达日期」的含义](/blog/what-is-estimated-delivery-date)。
- **[日本承运商 CSV 导出](/features/carrier-csv)**——按官方格式将货件交给 Yamato、Sagawa 或 Japan Post。
- **[日期选择器放在哪里](/blog/where-to-put-delivery-date-picker-shopify)** — 商品页、购物车还是结账页，以及每种位置的代价。

## 更大的图景

配送日期选择器不是一个附加功能——它是掌控产能的另一半。OrderRules 已经在管理**顾客何时可以下单**（营业时间、日/周/月上限、按顾客限制）；配送日期则管理**您何时配送**。同一个应用，同一套结账强制校验。更多内容参见[订单限制 + 配送排期：为什么它们应该在同一个应用里](/blog/order-limits-and-delivery-scheduling-one-app)。

还在比较各家方案？[Shopify 配送日期选择器应用推荐对比](/blog/best-shopify-delivery-date-picker-apps) 从排期、截单时间和产能三方面把主要应用放在一起比较。

准备好试用了吗？[查看配送日期功能](/features/delivery-dates)或[开始 14 天免费试用](/pricing)。