結論: 購入手続きの前に会員登録を必須にするには、カートページ・カートドロワーの「ご購入手続きへ」ボタンと、商品詳細ページの「今すぐ購入」ボタンに、未ログインのお客様にだけ適用されるクラスを追加します。テーマのコード編集が必要で、Horizonテーマでの実装例が用意されています。
この記事の要点
- カートページ・カートドロワーの「ご購入手続きへ」ボタンと、商品詳細ページの「今すぐ購入」ボタンに、未ログインのお客様にだけ適用するクラスを追加すると、購入手続きの前に会員登録フォームが表示される
- クラスの追加はテーマのコードを直接編集する作業で、Horizonテーマの実装例が用意されている
- チェックアウト画面のログインリンクは現状の仕様のまま動くため、そこからの入口を増やすにはストア側に独自のログインボタンを置く
- コード編集の前にテーマを複製し、コード編集を行える担当者が作業する
購入手続きの前に会員登録を必須にできますか？
できます。チェックアウトページへ移動するボタンに、未ログインのお客様にだけ適用されるクラスを追加すると、ボタンを押した時点で会員登録フォームが開き、購入手続きへは進まずに登録を済ませる流れになります。
出典: Howdyヘルプ「購入前に必ず会員情報を取得する方法」
どのボタンにクラスを追加しますか？
チェックアウトページへ移動するボタンのうち、次の4か所が対象です。
| ボタン | 場所 |
|---|---|
| ご購入手続きへ | カートページ |
| ご購入手続きへ | カートドロワー |
| 今すぐ購入 | 商品詳細ページ |
| その他チェックアウトページへ移動するボタン | テーマ内の各所 |
出典: Howdyヘルプ「購入前に必ず会員情報を取得する方法」
コード編集の手順は？
- 「オンラインストア」→「テーマをカスタマイズ」でアプリブロックを有効にして保存する
- 対象のボタンに、お客様がログインしていない場合にだけ「howdy-register-original-trigger-btn」クラスが付くよう、コードを条件分岐で修正する（
{% if customer %}でログイン状態を判定する） - Horizonテーマの場合は、チェックアウトボタンのコードをこの条件分岐に沿って書き換える
編集の前にテーマを複製しておくと、元の状態に戻せます。会員登録フォームの送信後は、指定したページへのリダイレクト設定もできます。
出典: Howdyヘルプ「購入前に必ず会員情報を取得する方法」
チェックアウト画面のログインリンクからも会員登録フォームを開けますか？
チェックアウト画面のログインリンクは現状の仕様のまま動き、会員登録フォームへの連携はありません。チェックアウト画面から会員登録フォームへの入口を増やす場合は、チェックアウト画面のログインリンクを非表示にし、ストアのヘッダーなどに独自のログインボタンを作ります。このボタンに「howdy-register-original-trigger-btn」クラスを付けると、会員登録フォームへ自動でリンクします。ストア側の独自ボタンを作るには、アプリブロックを有効にした状態でテーマにボタンを追加します。
出典: Howdyヘルプ Q&A「チェックアウト画面のログインリンクにフォームへの導線を付ける事はできますか？」
関連記事
- Shopify「新しいお客様アカウント」とは？従来との違いと2026年の対応手順
- 新しいお客様アカウントに会員登録フォームを設置する手順（Howdy）
- Shopify新しいお客様アカウントの会員登録フォーム よくある質問14選
よくある質問
Howdyは14日間無料で試せます
Howdyでは、会員登録フォームの項目と送信後の遷移先を設定できます。顧客メタフィールドの作成、会員登録フォームの項目設定、プロフィールページのブロック配置は、専任チームが無料で代行します。