[配送・送料機能(upgrade版)]画面遷移・表示イメージについて
「配送・送料機能(upgrade版)」ご利用時の「注文手続き」の画面遷移・画面表示について解説します。
こちらは「配送・送料機能(upgrade版)」機能のマニュアルになります。(「配送・送料機能(upgrade版)」とは?)
以下に該当する店舗様は、本マニュアルをご覧ください。
- 「配送・送料機能(upgrade版)」切替え後(アップグレード完了)/作業中の店舗様
- 2024.01.24以降futureshop新規発行店舗様
アップグレード方法について詳しくは、ご利用開始のための手順(アップグレード手順)についてをご覧ください。
2024.01.24以降futureshop新規発行店舗様は、すでにupgrade版の機能をお使いです。(アップグレード作業は必要ありません。)
2024.01.24バージョンUP以前から「配送・送料機能(従来版)」利用店舗様のみ
【重要】「配送・送料機能(upgrade版)」への切替え前に、必ず注意事項を確認してください。
<目次>
基本的な画面遷移について
※「従来版」利用店舗様:2024.01.24以前より「upgrade版」以前の配送・送料設定をお使いの店舗様向けの説明・注意事項です。
通常商品を、注文する際の基本的な画面遷移についてご説明します。
複数のお届け先にお届けする際の画面遷移は、「複数お届け機能」利用のはじめかたをご覧ください。
店舗受け取りで店舗へお届けする際の画面遷移は、店舗受取のはじめかた -設定編をご覧ください。
以下の表示イメージでは、画面要素の見やすさを優先しているため、画面サイズが不統一です。
「商品グループ」画面
<三温度帯関連の表示>
商品に設定された、お届け温度帯のマーク「クール便(冷蔵)」「クール便(冷凍)」「宅配便(冷蔵可)」が表示されます。
三温度帯マークの表示方法については三温度帯に対応したいをご覧ください。
![](/images/sysparts/user-page-shippingV2Summury-productsList.png)
<同梱可能グループ関連の表示>
配送時に同梱配送できるグループが表示されます。
同梱可能グループ名の表示方法とご利用方法については同梱可能な商品とできない商品を明確に設定したいをご覧ください。
![](/images/sysparts/user-page-shippingV2Summury-PackingGroupList-.png)
「商品詳細」画面
<三温度帯関連・最短お届け予定日関連の表示>
![](/images/sysparts/user-page-shippingV2Summury-productsDetails.png)
商品に設定された、お届け温度帯のマーク「クール便(冷蔵)」「クール便(冷凍)」「宅配便(冷蔵可)」が表示されます。
三温度帯マークの表示方法については三温度帯に対応したいをご覧ください。
設定に従い、最短お届け予定日が表示されます。
最短お届け予定日の表示方法については「商品詳細」や「ショッピングカート」などに「最短お届け日」を表示したいをご覧ください。
<同梱可能グループ関連の表示>
![](/images/sysparts/user-page-shippingV2Summury-PackingGroupDetails.png)
商品に設定された、同梱可能グループの「ラベル」が表示されます。
同梱可能グループ名の表示方法とご利用方法については同梱可能な商品とできない商品を明確に設定したいをご覧ください。
「ショッピングカート」画面
![](/images/sysparts/user-page-shippingV2Summury-carts.png)
<三温度帯関連の表示>
「商品名」欄の赤枠部分が表示イメージです。
商品に設定された、お届け温度帯のマーク「クール便(冷蔵)」「クール便(冷凍)」「宅配便(冷蔵可)」が表示されます。
三温度帯マークの表示方法については三温度帯に対応したいをご覧ください。
![](/images/sysparts/user-page-shippingV2Summury-carts02.png)
<同梱可能グループ関連の表示>
「商品名」欄の青枠部分が表示イメージです。
同梱可能グループの設定に従い、同梱可能グループの「ラベル」が表示されます。
同梱可能グループ名の表示方法とご利用方法については同梱可能な商品とできない商品を明確に設定したいをご覧ください。
<配送サービスを限定・除外する設定関連の表示>
「商品名」欄のオレンジ部分が表示イメージです。
利用できる配送サービスを限定/除外する「配送サービス選択設定」に従い、「カート内表示文字列」が表示されます。
配送サービス選択設定(限定・除外設定)の表示方法とご利用方法については、【複数の配送サービスを利用】特定の商品のみ、配送サービスを限定したい/除外(利用不可)としたいをご覧ください。
<最短お届け予定日関連の表示>
総合計エリアの緑枠部分が表示イメージです。
設定に従い、最短お届け予定日が表示されます。
最短お届け予定日の表示方法については「商品詳細」や「ショッピングカート」などに「最短お届け日」を表示したいをご覧ください。
注文商品一覧の下には、送料無料や割引率が表示されます。(「従来版」と同様)
送料無料や割引率の表示方法についてはショッピングカートに「あと●●円で送料無料」などを表示するをご覧ください。
![](/images/sysparts/user-page-cart-discount-shipmentfee100V2.png)
![](/images/sysparts/user-page-cart-discount-shipmentfeefreeV2.png)
![](/images/sysparts/user-page-cart-discount-shipmentfee50V2.png)
ログインしている場合は、[このサイトでお支払い]を押下します。
ログインしていない場合は、[ログインして進む(ログイン画面へ遷移)]もしくは[ご注文手続きへ進む(お客様情報登録画面へ遷移)]ボタンが表示されます。
以下は、ログイン済み、もしくは、お客様情報登録済みとして画面遷移を説明します。
「お届け方法選択」画面
![](/images/sysparts/user-page-selectDeliverySC.png)
「複数お届け機能」と「店舗受取機能」を併用している場合のみ表示される画面です。
ここでは、「ひとつのお届け先に送る」を選択したとします。
画面の表示については、「お届け方法選択」画面をご覧ください。
「複数のお届け先に送る」を選択した際の画面遷移は、「複数お届け機能」利用のはじめかたをご覧ください。
「店舗で受け取る」を選択した際の画面遷移は、店舗受取のはじめかた -設定編をご覧ください。
「ご注文手続き」画面の表示
![](/images/sysparts/user-page-shippingV2Summury-checkout.png)
「お届け内容」欄内の[変更]ボタンを押下すると、 お届け方法や配送サービス、お届け希望日やお届け希望時間帯などを変更するためのモーダルを表示できます。
「複数お届け機能」と「店舗受取機能」を併用している場合は、本画面からお届け先を複数に変更できません。ひとつ前の画面に戻る必要があります。
表示内容について詳しくは、「ご注文手続き(単数)(複数)」画面をご覧ください。
「配送方法変更」モーダル・「配送詳細変更」モーダル
お届け方法や配送サービス、お届け希望日やお届け希望時間帯などを変更するためのモーダルです。
選択した内容により表示が異なります。
詳しくは、「ご注文手続き(単数)(複数)」画面をご覧ください。
![](/images/sysparts/user-page-shippingV2Summury-checkoutModal.png)
![](/images/sysparts/user-page-shippingV2Summury-checkoutModal02.png)
以下を設定・変更できます。
- お届けを、「店舗受け取り」に変更(「店舗受取機能」利用時)、あるいは、「指定住所にお届け」に変更できます。
- 「配送サービス」を変更できます。
- 「常温便」「クール便(冷蔵)」のどちらでも配送可能な商品がある場合、「常温便」「クール便(冷蔵)」のどちらで配送するかを選択できます。
必ず「クール便(冷蔵)」で配送する商品が1つでも含まれる場合、「クール便(冷蔵)で配送する」はあらかじめチェックONとなっています(「クール便(冷蔵)」で配送)。 - お届け希望日を指定できます。(要設定)
- お届け希望時間帯を指定できます。(要設定)
- 詳細指定事項欄に配送に関するコメントを登録していただけます。(要設定)
すべての設定を完了しモーダルを閉じると、「ご注文手続き」画面にて送料とクール便手数料が再計算され、表示されます。
それぞれの個口数も表示されます。
「離島など一部地域グループ」に設定した地域への配送であれば、商品の送料設定に関係なく宅配便設定-送料設定[離島など一部地域別]ボタンで設定した加算料がかかります。
![](/images/guideContents/user-page-checkout-shippingV2Summury-calculation.png)
その他決済方法などを設定後、[注文を確定する]ボタンを押下します。
「ご注文完了」画面の表示
ご注文完了となります。
画面表示イメージ(各種コメント・キャプション・メッセージ・ボタン対応)
「配送・送料機能(upgrade版)」のリリースに伴って新規追加、また表示内容が変更された画面、およびコメント・メッセージ・ボタンについて解説します。
「従来版」からの設定が引き継がれる箇所、システム固定で出力される場所については記載しておりませんので、ユーザー画面表示イメージガイド(イメージ逆引きガイド)から各画面に遷移してご確認ください。
※表中の「NO」は、表示イメージ画像上のNOに対応しています。
※「従来版」利用店舗様:2024.01.24以前より「upgrade版」以前の配送・送料設定をお使いの店舗様向けの説明・注意事項です。
<ボタン(図内:青丸番号)>
NO | ボタン名 | 初期値 |
---|---|---|
青(1) | お届け先を変更-共通 | お届け先を変更 |
青(2) | 設定-共通 | 設定 |
青(3) | クール便(冷蔵)-商品共通 ※「従来版」利用店舗様要変更 |
クール便(冷蔵) |
青(4) | クール便(冷凍)-商品共通 | クール便(冷凍) |
青(5) | 常温便(クール便-冷蔵配送可)-商品共通 | 宅配便(冷蔵可) |
<コメント(図内:緑丸番号)>
NO | 設定画面 | 初期値 |
---|---|---|
緑(1) | 宅配便設定(メール便設定)-表示設定 | 店舗様の設定による |
緑(2) | 宅配便設定-配送方法コメント | 配送日の指定がない場合、最短日のお届けとなります。 |
緑(3) | メール便設定-配送方法コメント | 到着日時指定はご利用頂けません。<br> 発送よりお届けまで、宅配便より多少お時間がかかってしまいますので、予めご了承くださいませ。 |
緑(4) | 宅配便設定-クール便コメント | ご注文商品に、クール便(冷蔵)で配送できる商品が含まれています。 |
緑(5) | 宅配便設定-お届け希望日コメント | 輸送ルートの関係上、ご希望に添えない場合もございます。 |
緑(6) | 宅配便設定-詳細指定事項欄コメント | 配送日時について他にご指示がある場合はこちらにご記入ください。 |
緑(7) | 配送・送料基本設定ー配送サービス選択表示設定 | 店舗様の設定による |
緑(8) | 宅配便設定-配送サービス選択不可コメント/(メール便) | 宅配便: この配送サービスはご利用いただけません。 メール便: 配送サービスにメール便をご利用いただくことができません。<br>メール便で送付できない商品がカートに入っていないか、あるいはメール便で送付する商品の数量についてご調整ください。 |
緑(9) | 配送・送料基本設定ー翌営業日時刻設定 | 店舗様の設定による |
緑(10) | 配送・送料基本設定ー商品詳細・カートの最短お届け日表示 | 店舗様の設定による |
緑(11) | 配送サービス選択設定「配送サービスを選択できない商品を除外する」の「カート内表示文字列」 | 店舗様の設定による |
緑(12) | 宅配便設定-送料とお支払いコメント/(メール便) | 宅配便: 配送日の指定がない場合、最短日のお届けとなります。 メール便: 【ご注意】 到着日時指定はご利用頂けません。 発送よりお届けまで宅配便より多少お時間がかかってしまいますので予めご了承くださいませ。 |
緑(13) | 同梱可能グループ設定-同梱可能グループ表示マーク「ラベル」 | 店舗様の設定による |
緑(14) | 宅配便設定-配送サービス選択設定「配送サービス選択設定」の「カート内表示文字列」 | 店舗様の設定による |
緑(15) | 同梱可能グループ設定-カート内表示文字列 | 店舗様の設定による |
<メッセージ(図内:赤丸番号)>
NO | メッセージ名 | 初期値 |
---|---|---|
赤(1) | お届け内容見出し | お届け内容 |
赤(2) | 常温便(クール便配送可)常温便選択済みメッセージ | カート内にクール便(冷蔵)配送可能な商品があります。クール便(冷蔵)配送に変更できます。 |
赤(2-1) ※赤(2)と同様の箇所に掲載「クール便」でのお届けが選択された場合に表示 |
常温便(クール便配送可)クール便選択済みメッセージ | カート内のクール便(冷蔵)配送可能な商品を、クール便(冷蔵)でお届けします。 |
赤(3) | 店舗受取選択メッセージ | <p>店舗受け取り(送料無料)をご希望の場合はこちら。</p> |
赤(4) | お届け詳細常温便メッセージ | 宅配便でお届け |
赤(5) | お届け詳細クール便(冷蔵)メッセージ | クール便(冷蔵)でお届け |
赤(6) | お届け詳細クール便(冷凍)メッセージ | クール便(冷凍)でお届け |
赤(7) | 配送サービス選択不可メッセージ | 選択可能な配送サービスがありません。 |
赤(8) | 指定住所にお届け選択メッセージ(店舗受取利用時) | <p>ご指定のお届け先への配送をご希望の場合はこちら。</p> |
赤(9) | 配送方法モーダル見出し | 配送方法 |
赤(10) | 店舗受取選択不可メッセージ(配送方法選択) | <p>店舗受け取りをご利用いただくことができません。<br>店舗受け取りを選択できない商品がカートに入っていないか、ご確認ください。</p> |
赤(11) | 常温便(クール便配送可)クール便選択メッセージ | クール便(冷蔵)で配送する |
赤(12) | 店舗受取選択不可メッセージ(お届け方法選択) | 店舗受け取りをご利用いただくことができません。<br>店舗受け取りを選択できない商品がカートに入っていないか、ご確認ください。 |
赤(13) | 包装見出し(複数)(upgrade) | のし・ギフト包装 |
赤(14) | カート内クール便(冷蔵)商品メッセージ | クール便(冷蔵) |
赤(15) | カート内常温便クール便(冷蔵)配送可商品メッセージ | 宅配便(冷蔵可) |
赤(16) | カート内クール便(冷凍)商品メッセージ | クール便(冷凍) |
赤(17) | カート内高額購入送料割引(金額計算)対象外商品メッセージ | 送料割引計算の対象外 |
赤(18) | 配送詳細モーダル見出し | 配送詳細 |
赤(19) | お届け先変更モーダル見出し | お届け先(都道府県) |
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-productsGroup.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-productsGroup02.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-productsDetails.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-productsDetails-prefectureChange.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-cart.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-selectDelivery.png)
「宅配便(指定住所)」でのお届け
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-single.png)
「店舗受け取り」でのお届け
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-store.png)
「複数お届け先」でのお届け
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-multi.png)
「メール便」でのお届けでのお届け
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-mail.png)
「宅配便(利用可能な配送サービスなし)」
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-non.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-multinon.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-multiDeliverySelect.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-order.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-Modal.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-ModalStore.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-ModalNon.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-checkout-ModalDetalis.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-orderHistoryDetails.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-subscriptionOrderHistoryDetails.png)
![](/images/guideContents/user-shippingV2Summury-SCDisplay-Element-aboutshipping.png)
参照「従来版」利用店舗様:
「従来版」で利用していた設定とは異なる設定となっている場所が多くあります。
「従来版」との対応を確認したい場合は「upgrade版」と「従来版」での表示“コメント”と“メッセージ”の対応表をご覧ください。