---
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 — 配送日期**。
3. 在**购物车**模板上重复此操作（大多数主题会自动识别购物车抽屉）。
4. **保存。**

完整细节：[设置配送日期选择器](/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 步 — 在结账时测试

下一笔测试订单。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。

## 更大的图景

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

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