{"product_id":"delivery-date","title":"配送希望日時セレクター（営業日計算つき）— 「いつ届く？」の不安を購入の後押しに","description":"\u003c!-- リード文（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e📅「いつ届くかわからないから、今日はやめておこう」——配送日が選べないだけで、買い物は止まる\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e贈答品、生鮮品、冷蔵・冷凍商品、受け取り日時を合わせたい大型商品——「届く日が読めない」というだけで、購入を翌週に先延ばしされたり、別のストアに流れてしまうことは珍しくありません。注文時に「最短でいつ届くか」「自分が受け取れる日を指定できるか」が明確になるかどうかは、購入を後押しする決定的な情報です。\u003c\/p\u003e\n\u003cp\u003eこのセクションは、注文締切時刻・発送業務の休業日・商品ごとのリードタイムを踏まえて「最短お届け日」を自動で計算し、カレンダー形式で配送希望日と時間帯を受け付けます。顧客が選んだ日時はカート属性として保存され、そのまま注文情報に引き継がれます。配送日指定アプリは月額9〜37ドルが相場ですが、本セクションはテーマに直接組み込まれた買い切り型のため、追加コストなくストアに装着できます。\u003c\/p\u003e\n\n\u003c!-- 主な機能・特徴（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e🛠️ 主な機能・特徴\u003c\/strong\u003e\u003c\/h2\u003e\n\n\u003ch3\u003e\u003cstrong\u003e⏰ 締切時刻と営業日を踏まえた「最短お届け日」を自動算出\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e「本日 12:00 までのご注文で、最短 6月3日（火）にお届け予定」——このようなアナウンスを、設定だけで自動生成・自動更新します。締切時刻を過ぎると「翌営業日基準」に切り替わり、休業曜日・休業日も自動でスキップします。\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003e注文締切時刻（HH:MM、日本時間）を設定するだけで、本日締切／翌営業日締切の表示を自動切り替え\u003c\/li\u003e\n  \u003cli\u003e標準リードタイム（0〜30営業日）に基づき最短お届け日を算出\u003c\/li\u003e\n  \u003cli\u003e締切時刻の到来時には、カレンダーの最短日・締切ラベルが自動で再描画\u003c\/li\u003e\n  \u003cli\u003e「最短日表示」の前後文言（例：「最短」「にお届け予定」）は自由にカスタマイズ可能\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📦 商品別・コレクション別のリードタイム設定（最大50ブロック）\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e「通常商品は2営業日、受注生産品は7営業日、冷凍商品は3営業日」——カート内の商品ごとに異なるリードタイムを持つストアでも、ブロック追加だけで対応できます。複数商品が混在する場合は、最も長いリードタイムが自動で採用されます。\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003e商品別リードタイム\u003c\/strong\u003e：特定商品にだけ独自のリードタイム（営業日数）を適用\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eコレクション別リードタイム\u003c\/strong\u003e：コレクション単位でリードタイムを一括指定（生鮮・受注生産・大型商品など）\u003c\/li\u003e\n  \u003cli\u003eカートに複数のリードタイム対象商品がある場合は、最長のリードタイムで自動算出\u003c\/li\u003e\n  \u003cli\u003e1セクションあたり最大50ブロックまで追加可能\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🚫 商品別・コレクション別の「日時指定不可」ルール\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e定期便商品、メーカー直送品、一部の冷蔵商品など、「この商品が含まれるカートでは配送日時を選べない」というケースにも対応します。指定不可商品がカートに入った瞬間、セクション全体が指定不可メッセージに切り替わります（配送を伴わないデジタル商品だけのカートは、設定不要で自動的に対象外となります）。\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003e商品別指定不可ブロック\u003c\/strong\u003e：対象商品とカスタムメッセージを設定\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eコレクション別指定不可ブロック\u003c\/strong\u003e：対象コレクション内の全商品に一括適用\u003c\/li\u003e\n  \u003cli\u003e指定不可商品がカートに入ると、自動的に専用メッセージに切り替わり、誤った日時指定を防止\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🕒 時間帯選択にも対応・選択肢も自由に編集\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e時間帯選択のON\/OFFをワンクリック切り替え\u003c\/li\u003e\n  \u003cli\u003e「指定なし／午前中／12:00〜14:00」など、選択肢を1行1つで自由に編集\u003c\/li\u003e\n  \u003cli\u003e日付が未選択のうちは時間帯セレクトが自動でグレーアウト（順序通りの入力を誘導）\u003c\/li\u003e\n  \u003cli\u003e選択肢の文言を変更したときは、保存済みの選択肢が無効化されると自動でクリア＆再案内\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🔄 カート操作に追従して自動で再計算\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e商品の追加・数量変更・削除があるたびに、セクションがカート状態を再取得して最短お届け日・指定可否を再計算します。ページ遷移なしで、常に最新の条件が表示されます。\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003eカート変更APIをフック（fetch \/ XMLHttpRequest 両対応）して即時再描画\u003c\/li\u003e\n  \u003cli\u003eDawn 系の \u003ccode\u003ecart:update\u003c\/code\u003e \/ \u003ccode\u003ecart:added\u003c\/code\u003e \/ \u003ccode\u003ecart:refresh\u003c\/code\u003e イベントにも対応\u003c\/li\u003e\n  \u003cli\u003eブラウザの戻る（pageshow）でも自動再取得して整合性を維持\u003c\/li\u003e\n  \u003cli\u003e配送が不要な商品しかカートにない場合は「配送商品なし」メッセージに自動切り替え\u003c\/li\u003e\n  \u003cli\u003eカート変更でリードタイムが伸びて選択済みの日付が範囲外になった場合は、自動でクリアして再選択を案内\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📆 発送業務の休業曜日・休業日を細かく設定\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e休業曜日（日曜〜土曜）を個別にON\/OFF — リードタイムの営業日数からは除外、ただしお届け希望日としては選択可\u003c\/li\u003e\n  \u003cli\u003e休業日（特定日・毎年同日）を1行1日でテキスト入力（例：\u003ccode\u003e2026-08-13\u003c\/code\u003e または \u003ccode\u003e01-01\u003c\/code\u003e）\u003c\/li\u003e\n  \u003cli\u003e年末年始・お盆・GWなど、毎年繰り返す休業日は MM-DD 形式で一度登録すれば翌年以降も自動適用\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e💾 カート属性に保存・チェックアウトと注文画面に引き継ぎ\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e選択した配送希望日時はカート属性（\u003ccode\u003eお届け希望日\u003c\/code\u003e \/ \u003ccode\u003eお届け希望時間帯\u003c\/code\u003e）として保存\u003c\/li\u003e\n  \u003cli\u003eそのままチェックアウト・注文情報・管理画面の注文詳細に表示されるため、受注処理の動線がそのまま使える\u003c\/li\u003e\n  \u003cli\u003e選択解除ボタンで一括クリアが可能\u003c\/li\u003e\n  \u003cli\u003e保存完了・保存失敗・日付再選択など、状態別のメッセージを自由にカスタマイズ\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📅 日本語対応の使いやすいカレンダー入力\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e軽量で実績ある flatpickr カレンダーを採用（日本語ローカライズ済）\u003c\/li\u003e\n  \u003cli\u003e表示形式は「2026年6月3日（火）」のように日本語の和暦表記\u003c\/li\u003e\n  \u003cli\u003e最短お届け日より前の日付は自動でグレーアウト\u003c\/li\u003e\n  \u003cli\u003e最短日から選択できる日数は10〜180日の範囲で調整可能\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🎨 ストアのトーンに合わせて細部まで調整できる（63の設定項目）\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eパネル：背景色・枠線色・枠線太さ（0〜5px）・角丸（0〜40px）・余白（PC\/モバイル別）\u003c\/li\u003e\n  \u003cli\u003e入力欄：背景色・文字色・枠線色・枠線太さ・角丸を個別指定\u003c\/li\u003e\n  \u003cli\u003e本文色・最短お届け日強調色・ラベル色・保存メッセージ色を個別指定\u003c\/li\u003e\n  \u003cli\u003e本文サイズ・最短日サイズ・ラベルサイズ（PC\/モバイル別）\u003c\/li\u003e\n  \u003cli\u003e各種文言（最短日前後・補足注釈・配送商品なし・指定不可・保存完了・再選択案内・保存失敗）を完全カスタマイズ\u003c\/li\u003e\n  \u003cli\u003e見出しテキスト・色・サイズ（PC\/モバイル別）\u003c\/li\u003e\n  \u003cli\u003ePC\/モバイルの余白（上下左右）を個別調整\u003c\/li\u003e\n  \u003cli\u003e背景色・最大幅（px）\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📱 どの画面サイズでも違和感なく溶け込む\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePC\/モバイルレスポンシブ。ブレイクポイント750px（PC：日付と時間帯を2カラム、モバイル：1カラム）\u003c\/li\u003e\n  \u003cli\u003eカレンダーはタップ操作にも最適化、入力欄は \u003ccode\u003ereadonly\u003c\/code\u003e で誤入力を防止\u003c\/li\u003e\n  \u003cli\u003eステータスメッセージは \u003ccode\u003earia-live=\"polite\"\u003c\/code\u003e 対応でスクリーンリーダーにも配慮\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📍 「カート画面で最後のひと押し」を生むための専用設計\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e本セクションは、購入を最終決定する直前の「カートページ」に配置することを前提に設計されています。最短お届け日と配送希望日選択を、購入意思決定の直前のタイミングで明示することで「いつ届くか分からない」という最後の不安を解消し、カート離脱の抑制と即時購入の後押しを狙う構成です。\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003e配置先：カートテンプレート（\u003ccode\u003ecart.json\u003c\/code\u003e）専用\u003c\/li\u003e\n  \u003cli\u003eテーマエディターの「カート」テンプレートにブロックとして追加してご利用ください\u003c\/li\u003e\n  \u003cli\u003e商品ページ・コレクションページ・トップページなど他テンプレートへの配置は仕様上できません\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003e\u003cstrong\u003e💰 料金の考え方 — アプリと比べてください\u003c\/strong\u003e\u003c\/h2\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003e配送日指定アプリ（相場）\u003c\/th\u003e\n\u003cth\u003e本セクション\u003c\/th\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e料金\u003c\/td\u003e\n\u003ctd\u003e月額 $9〜37（約¥1,350〜5,550\/月）\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e買い切り ¥1,980\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e1年使うと\u003c\/td\u003e\n\u003ctd\u003e約 ¥16,200〜66,600\u003c\/td\u003e\n\u003ctd\u003e¥1,980 のまま\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e解約・アプリ終了時\u003c\/td\u003e\n\u003ctd\u003e機能が消える\u003c\/td\u003e\n\u003ctd\u003eずっと使える\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003eサイト表示速度\u003c\/td\u003e\n\u003ctd\u003e外部スクリプト読み込みあり\u003c\/td\u003e\n\u003ctd\u003eテーマ直組み込みで影響なし\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003cp\u003e※ $1=150円換算の概算です。アプリのインストール・権限付与は不要で、デモ確認用オプションも内蔵しているため、配送不要な商品ストアでも事前に表示確認ができます。\u003c\/p\u003e\n\u003cp\u003e\n  \u003cstrong\u003e制作を請け負う方へ:\u003c\/strong\u003e 営業日計算・商品別リードタイム・カート連動まで含めてゼロから実装すると8〜15時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。\n\u003c\/p\u003e\n\n\u003ch2\u003e\u003cstrong\u003e🔧 開発・検証について\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\n  Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。\u003cbr\u003e\n  月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。\n\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003eShopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます\u003c\/li\u003e\n  \u003cli\u003e開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください\u003c\/li\u003e\n  \u003cli\u003e設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内\u003c\/li\u003e\n  \u003cli\u003e導入でつまずいた場合は無料サポートで解決まで対応\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Copilify","offers":[{"title":"Default Title","offer_id":52268340740379,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/49ebe8572af195135dd200641d633978.jpg?v=1780807622","url":"https:\/\/copilify.com\/products\/delivery-date","provider":"Copilify","version":"1.0","type":"link"}