# 決済画面のカスタマイズ（備考欄、配送日時指定）について

**URL:** <https://community.shopify.com/t/topic/25451>\
**Category:** 技術的なQ＆A\
**Created:** [November 19, 2020, 7:30am UTC](https://community.shopify.com/t/topic/25451 "2020-11-19T07:30:48Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

決済画面で、通常便を選んだ場合だけ配送日時指定や備考欄を表示したい、という要望が相談された。添付画像は、配送方法選択のタイミングで入力欄を出したい意図の説明に使われている。

結論として、標準のShopifyチェックアウトでは難しく、実現にはShopify Plusが必要という回答。非Plus環境ではチェックアウト画面の柔軟なカスタマイズはできないとされた。

代案として、カート内の注文ノート画面で送料計算や配送オプション表示ができるかも質問されたが、Shopifyの標準フローは「購入者情報→配送先住所→配送料選択」に固定されており、通常の方法では順序変更不可との説明。

現実的な簡易策は、送料ルールをメモとしてカートに記載し、購入者に確認してもらう方法。技術的には、Storefront APIを使って独自チェックアウトを構築すれば、1ページ化や条件付き入力欄の表示も可能と案内された。標準機能では未解決だが、Plus化または独自開発が具体的な選択肢になっている。

<div class="post-metadata">

**Author:** ![Kayoko](https://avatars.discourse-cdn.com/v4/letter/k/b5ac83/32.png) [@Kayoko](https://community.shopify.com/u/Kayoko)\
**Post date:** [November 19, 2020, 7:30am UTC](https://community.shopify.com/t/topic/25451/1 "2020-11-19T07:30:48Z")

</div>

こんにちは！  
決済画面で実現したいことがあり、困っております。

**1. 画像のように、配送方法の選択の画面で、**  
**通常便を選択した場合のみどう\*\*\*\*日時指定ができるようにしたい。**  
**セレクトボックスである必要はなく、備考欄の追加でも良い。**  
（注文ノートの追加だと、この画面の手前に出てくるため難しい）

 ![スクリーンショット 2020-11-19 15.55.29.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/4/8424ff74ca5ceaf057536db1bcd50982d13b87dd.png)

要するにお客さまが送料を把握したタイミングに備考欄が欲しいということなのですが  
どうにかできないでしょうか…？

ストアは完成しているのにここだけクリアできずリリースができない状況です…  
Shopify Plusにプランに変更しないと難しいのかもしれませんが…  
代案ご存知の方いらっしゃったらぜひご教授ください。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [November 20, 2020, 11:44am UTC](https://community.shopify.com/t/topic/25451/2 "2020-11-20T11:44:40Z")

</div>

残念ながら、Plusにしていただく以外は方法はないかと思います。

---

<div class="post-metadata">

**Author:** ![Kayoko](https://avatars.discourse-cdn.com/v4/letter/k/b5ac83/32.png) [@Kayoko](https://community.shopify.com/u/Kayoko)\
**Post date:** [November 24, 2020, 7:49am UTC](https://community.shopify.com/t/topic/25451/3 "2020-11-24T07:49:17Z")

</div>

返信ありがとうございます！

やはりPlusにしないと難しいみたいですね…。

もう一つお伺いしたいのですが、  
逆に、注文ノートの画面（カート内）で  
配送オプションと送料の計算をすることは技術的にできないでしょうか？

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [November 24, 2020, 9:14am UTC](https://community.shopify.com/t/topic/25451/4 "2020-11-24T09:14:49Z")

</div>

Shopifyは、購入者情報＞配送先住所＞配送料選択 というフローでしか配送料と税計算はできないので、その順序は普通のやり方ですとかえられません。

簡単にやるとしたら、カートに配送料の設定内容のロジックをメモでそのまま書くことかと思います。（顧客に計算させて把握させる）

技術的には、だいぶん大がかりですが、以下のstorefront APIを使って、独自に購入画面を作って内部で以下のAPIで配送料計算をさせれば、例えば配送料決定を１ページで実現することは可能かと思います。

[https://shopify.dev/docs/storefront-api/reference/checkouts](https://shopify.dev/docs/storefront-api/reference/checkouts)

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [November 24, 2020, 9:17am UTC](https://community.shopify.com/t/topic/25451/5 "2020-11-24T09:17:47Z")

</div>

ちなみに、Storefront APIを使うのであれば、最初の質問も可能になります。独自のチェックアウトフローが作れるので。
