配送日時指定ピッカーを設定する
5 min read
このガイドでは、約10分で商品ページとカートページに配送日時指定ピッカーを表示できるようにします。コードは不要です。テーマアプリブロックを1つ追加し、在庫状況ルールを1つ作成するだけです。
はじめる前に
- Advanced プランをご利用中であること（配送機能はAdvanced専用です）。StarterまたはProの場合は Settings → Plan からアップグレードしてください。14日間の無料トライアル が適用されます。
- テスト用の商品を最低1つ用意していること。
1. 配送日時指定をONにする
- Shopify管理画面からOrderRulesを開きます（Apps → OrderRules）。
- Delivery → Availability rules を開きます。
- Enable delivery dates をクリックします。OrderRulesは必要な追加権限（ロケーション、注文、フルフィルメント）を このタイミングでのみ リクエストします。インストール時にはリクエストしません。
2. テーマアプリブロックを追加する
ストアフロントのピッカーは テーマアプリブロック で表示されるため、テーマ内に収まり、テーマを更新しても残ります。
- Shopify管理画面で オンラインストア → テーマ → カスタマイズ を開きます。
- 商品 テンプレートを開きます。左パネルで、商品メインエリアの ブロックを追加（または セクションを追加）を選び、OrderRules — Delivery date を選択します（アプリブロック の下に表示されます）。
- カート テンプレートでも同様に行います（テーマがカートドロワーを使用している場合はそちらも）。多くのテーマではOrderRulesがカートを自動検出します。ピッカーが表示されない場合のみブロックを追加してください。
- 保存します。 （設定の補足：このブロックは
mainSectionを対象にしたアプリブロックです。テーマがアプリブロックを表示しない場合は テーマアプリブロックの設定 を参照してください。）
3. 最初の在庫状況ルールを作成する
- OrderRulesに戻り、Delivery → Availability rules → Add rule を開きます。
- 次を設定します。
- リードタイム — お客様が指定できる最短日（例：2日先）。
- 締め時間 — この時刻を過ぎた注文は翌営業日以降の出荷になります（例：14:00）。
- 配送する曜日 — 実際に配送を行う曜日。
- 予約可能期間 — お客様がどこまで先まで予約できるか（例：30日）。
- ルールの 適用範囲 を指定します。全商品 にするか、商品・コレクション・タグで絞り込み、必要に応じて国も指定します。フルフィルメント方法（配送、店舗受取、両方）を選択します。
- （任意）チェックアウトで日付・時間帯を必須にする と、選択を強制できます。
- 保存します。
4. 時間帯を追加する（任意）
ルールに 時間帯 を追加します（例：10:00–12:00、14:00–16:00）。時間帯を売り切れにしたい場合は 枠ごとの配送枠 を設定します。満枠になった時間帯はお客様の画面で自動的にグレーアウトされます。
5. 動作を確認する
ストアフロントでテスト用商品を開きます。日付ピッカー（設定していれば時間帯も）が表示されるはずです。カートに追加してチェックアウトを開始すると、未選択・売り切れ・配送不可の選択はOrderRulesのShopify Functionがブロックします。テスト注文が登録されると、自動的に delivery:YYYY-MM-DD と slot:HHMM-HHMM のタグが付きます。管理画面で注文を確認してください。
次のステップ
- 在庫状況ルール · 時間帯 · 配送枠の上限
- 配送不可日と祝日 · お届け目安
- 配送業者CSVエクスポート · 店舗受取
- 配送日時指定の機能概要 もご覧ください。