配送希望日 の使い方

カートやチェックアウト前に配送希望日時を選んでもらえるセクションです。営業日計算で最短お届け日を自動表示し、「いつ届くの?」という不安を解消して購入の後押しにします。

目次

カートテンプレートに追加する

配送日時指定ヘルプ:セクションを追加する(注釈なし)

このセクションはカートページで配送希望日を選ぶためのセクションです。テーマエディターでカートテンプレートに追加してください。商品ページやトップページなど、別テンプレートへの追加では想定どおり表示されません。

設定項目

見出し

  • 見出しテキスト:セクション上部に表示する見出しです。
  • :見出しの文字色を変更します。
  • サイズ-PC(px):PC表示時の見出しサイズです。
  • サイズ-モバイル(px):モバイル表示時の見出しサイズです。
配送希望日 設定項目 スクロール調整版 01

配送ルール(締切・リードタイム)

  • 注文締切時刻(日本時間):この時刻を過ぎた注文を翌営業日扱いにします。
  • 出荷までのリードタイム(営業日):出荷までに必要な営業日数です。
  • 出荷後のお届け日数(暦日):出荷から到着までの日数です。土日も含めて加算します。
  • 最短日から選択できる日数:お客様が選べる日付の範囲を指定します。
  • 最短日表示-前の文言:最短お届け日の前に表示する文言です。
  • 最短日表示-後の文言:最短お届け日の後に表示する文言です。
配送希望日 設定項目 スクロール調整版 02
配送ルールによる最短お届け日の計算イメージ

発送業務休業日

  • 日曜日 / 月曜日 / 火曜日 / 水曜日 / 木曜日 / 金曜日 / 土曜日:出荷作業を行わない曜日を指定します。
  • 発送業務休業日:年末年始など、曜日とは別に出荷作業を行わない日付を指定します。
配送希望日 設定項目 スクロール調整版 03

お届け希望日

  • 入力ラベル:日付入力欄の上に表示するラベルです。
  • 未選択時の文言:日付未選択時に入力欄へ表示する文言です。
  • 選択解除ボタン文言:選択済みの日付や時間帯を解除するボタン文言です。
  • 入力欄下の補足:日付入力欄の下に表示する注意書きです。
配送希望日 設定項目 スクロール調整版 04

お届け希望時間帯

  • 時間帯選択を表示する:お届け希望時間帯のプルダウンを表示するかを切り替えます。
  • 入力ラベル:時間帯入力欄の上に表示するラベルです。
  • 未選択時の文言:時間帯未選択時に表示する文言です。
  • 日付未選択時の補足:日付を選ぶ前に時間帯欄へ添える補足です。
  • 選択可能な時間帯:お客様が選択できる時間帯を1行ずつ入力します。
配送希望日 設定項目 スクロール調整版 05

表示デザイン(間隔と文字色)

  • 内容の間隔(px):セクション内の要素同士の間隔を調整します。
  • パネル余白-PC(px):PC表示時のパネル内側余白です。
  • パネル余白-モバイル(px):モバイル表示時のパネル内側余白です。
  • 本文色:通常テキストの色を変更します。
  • 最短お届け日色:最短お届け日の強調表示色を変更します。
  • 入力ラベル色:入力欄ラベルの文字色を変更します。
  • 保存メッセージ色:保存完了やエラーなどのメッセージ色を変更します。
  • 本文サイズ-PC(px):PC表示時の本文サイズです。
  • 本文サイズ-モバイル(px):モバイル表示時の本文サイズです。
配送希望日 設定項目 スクロール調整版 06

表示デザイン(文字サイズとパネル)

  • 最短日サイズ-PC(px):PC表示時の最短お届け日の文字サイズです。
  • 最短日サイズ-モバイル(px):モバイル表示時の最短お届け日の文字サイズです。
  • 入力ラベルサイズ-PC(px):PC表示時の入力ラベルサイズです。
  • 入力ラベルサイズ-モバイル(px):モバイル表示時の入力ラベルサイズです。
  • パネル背景色:入力エリアを囲むパネルの背景色です。
  • パネル枠線色:パネルの枠線色です。
  • パネル枠線太さ(px):パネルの枠線太さです。
  • パネル角丸(px):パネルの角丸を調整します。
配送希望日 設定項目 スクロール調整版 07

表示デザイン(入力欄)

  • 入力欄背景色:日付・時間帯入力欄の背景色です。
  • 入力欄文字色:入力欄内の文字色です。
  • 入力欄枠線色:入力欄の枠線色です。
  • 入力欄枠線太さ(px):入力欄の枠線太さです。
  • 入力欄角丸(px):入力欄の角丸を調整します。
配送希望日 設定項目 スクロール調整版 08

デモ確認用

  • 配送不要の商品でも動作をプレビューする:配送不要の商品だけでも、テーマエディター上で表示確認できるようにします。通常運用ではオフにします。
配送希望日 設定項目 デモ確認用

PC表示での余白

  • PC表示での余白:左右 / 上 / 下:PC表示時のセクション外側の余白を調整します。
配送希望日 設定項目 PC表示での余白

モバイル表示での余白

  • モバイル表示での余白:左右 / 上 / 下:モバイル表示時のセクション外側の余白を調整します。
配送希望日 設定項目 スクロール調整版 10

自動表示メッセージ(通常は変更不要)

  • 配送商品がない場合の文言:配送が必要な商品がカートにないときに表示します。
  • 日時指定不可の場合の標準文言:日時指定不可の商品が含まれるときに表示します。
  • 保存完了メッセージ:お届け希望日時の保存後に表示します。
  • 日付再選択メッセージ:カート内容の変更で再選択が必要になったときに表示します。
  • 保存失敗メッセージ:お届け希望日時を保存できなかったときに表示します。
配送希望日 設定項目 スクロール調整版 11

その他

  • 背景色:セクション全体の背景色を変更します。
  • 最大幅(px):セクション内側コンテンツの最大幅を指定します。
配送希望日 設定項目 スクロール調整版 12

追加できる条件ブロック

  • 商品別リードタイム:特定の商品だけ出荷までの日数を上書きします。
  • コレクション別リードタイム:特定コレクションの商品だけ出荷までの日数を上書きします。
  • 商品別日時指定不可:特定の商品が含まれる場合に日時指定を不可にします。
  • コレクション別日時指定不可:特定コレクションの商品が含まれる場合に日時指定を不可にします。
配送希望日 設定項目 スクロール調整版 13

条件ブロックの設定項目

  • 商品別リードタイム:対象商品と出荷までのリードタイム(営業日)を設定します。
  • コレクション別リードタイム:対象コレクションと出荷までのリードタイム(営業日)を設定します。
  • 商品別日時指定不可:対象商品と表示メッセージを設定します。
  • コレクション別日時指定不可:対象コレクションと表示メッセージを設定します。
配送希望日 設定項目 スクロール調整版 14

よくある質問

他のセクションと一緒に使えますか?

はい。テーマに直接組み込むセクションなので、他のCopilifyセクションや標準セクションと自由に組み合わせてご利用いただけます。