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

AI-generated summary

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://shopify.dev/docs/storefront-api/reference/checkouts

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