スマホでのクーポンコード入力欄について

AI-generated summary

テーマDawn利用のストアで、スマホ表示時にチェックアウト最初の画面で「クーポンコード入力欄」が折りたたまれており、顧客が見落として未適用で注文してしまう問題。デフォルトで常時表示したいという要望。

最新の回答・技術的ポイント:

  • チェックアウトページの編集はShopify Plusでのみ解放。Plus未満のプランでは基本的に編集は不可。
  • Plusであれば、JavaScriptでクーポンタブのaria-expanded属性をtrueに上書きすることで、常時展開が可能。
  • 参考のスクリーンショットが添付(視覚的な位置・挙動の説明用)。

用語補足:

  • Shopify Plus: チェックアウトのカスタマイズ権限がある上位プラン。
  • aria-expanded: 要素の開閉状態を示すARIA属性。

決定・今後の対応:

  • 質問者はPlusへ移行するタイミングで上記方法を試す意向。

結論・ステータス:

  • 実質的な解決策はPlus前提。現行プランでは実装困難。議論は事実上収束。

いつもお世話になっております。

弊社ではメルマガ登録等をしていただいたお客様には割引クーポンを発行しているのですが、

多くのお客様から「クーポンコードの使い方がわからない」「クーポンコードを使い忘れて注文してしまった」

という問い合わせがあります。

スマホ表示だとチェックアウト画面の最初のページの上部にクーポン入力画面が展開されていない状態にあり、

クーポン入力をクリックすることでクーポンコードの入力欄がでてきます。

デフォルトでこの欄を表示状態にすることはできますでしょうか?

現在使っているテーマはDawnです。

Pont_des_Techさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

スマホだといろいろ要素がコンパクトに収納されていて見落としてしまいますよね。

チェックアウトページを編集権限はShopify Plusプランから解放されますので、

Plus以下のプランでは基本的には編集は難しいです。

もしPlusをご契約の場合は、一例ですが、タブのaria-expanded属性を"true"にjavascriptで上書きをすれば常に開いておくことが可能かと存じます。

ご参考になりましたでしょうか。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

早速のご回答ありがとうございます!

チェックアウト画面になるのでやはりPlusプランじゃないと出来ないんですね…

Plusプランにするタイミングで是非試してみようと思います。