Shopifyログインフローの最適化：New Customer Accountsでのログイン後リダイレクト設定方法

New Customer Accounts（新顧客アカウント）への移行は、パスワードレスでスムーズなログイン体験を実現するための賢明な選択です。しかし、デフォルトの挙動では、顧客がログインすると即座に注文状況ページにリダイレクトされることにお気づきでしょうか。760万件以上のShopify注文データによると、約47件に1件（2.1%）が決済後に編集されており（Revize, 2026）、その編集の起点となるのが注文状況ページです。そのため、このデフォルト設定は思った以上に重要です。機能としては十分ですが、これが常に最適な顧客体験であるとは限りません。ログイン直前まで見ていたページの閲覧を続けさせたい場合や、ホームページで顧客を迎えたい場合はどうすべきでしょうか。

幸いなことに、このログイン後のリダイレクト先をカスタマイズする方法は非常にシンプルです。本ガイドでは、ShopifyのNew Customer Accountsを使用しているストアにおいて、ログイン後のリダイレクト先を正確にコントロールするための手順を解説します。最後に閲覧していたページ、ホームページ、あるいは特定のウェルカムページなど、意図した通りのページへ顧客を誘導し、購買体験を向上させましょう。

ログイン後のリダイレクトをカスタマイズすべき理由

• シームレスなユーザー体験（UX）の提供：直前に閲覧していたページにリダイレクトさせることで離脱を防ぎ、スムーズに買い物を再開させることができます。

• 一貫したブランディング：ログイン後にホームページへ誘導することで、ブランドイメージを強化し、最新のプロモーションや厳選したコレクションを効果的にアピールできます。

• ターゲットを絞ったエンゲージメント：「新着商品」や専用のマイアカウントダッシュボードなどの特定ページに誘導することで、顧客の次のアクションを効果的に促します。

• 混乱の防止：単に買い物を続けたいだけの顧客が、意図せず注文確認ページに遷移してしまうことによるユーザー体験の低下を防ぎます。

作業を始める前に：テーマのバックアップを必ず作成する

安全第一です。コードの編集を開始する前に、必ず本番テーマのバックアップを作成してください。これにより、不測の事態が発生した場合でも簡単に元の状態に戻すことができます。

1. Shopify管理画面から、オンラインストア > テーマ に移動します。

2. 現在使用中のテーマを見つけ、アクション ドロップダウン（または ... ボタン）をクリックします。

3. 複製 を選択します。

4. 管理しやすいように、複製したテーマの名前を変更します（例：「Theme Backup - Pre Login Redirect Mod」）。

ステップ1：対象のShopifyテーマファイルを特定する

ログインリンクのコードは通常、ヘッダー関連のファイルに記述されています。対象ファイルは使用しているテーマによって異なります。

• 多くのテーマ（DawnなどのShopify無料テーマを含む）：

  • デスクトップ用ヘッダー：sections/header.liquid

  • モバイル用ヘッダー／ドロワー：同じく sections/header.liquid 内、または snippets/header-drawer.liquid や snippets/mobile-nav.liquid に記述されていることが多いです。

• サードパーティ製テーマ：類似のファイルを探します。代表的なファイル名は以下の通りです。

  • sections/header.liquid

  • snippets/navigation.liquid

  • snippets/account-links.liquid

ヒント：テーマコードエディタ（アクション > コードを編集）を開き、検索バーで routes.account_login_url またはアカウントアイコン/リンクに関連するコードを検索して、該当箇所を特定してください。デスクトップ表示とモバイル表示の両方を確認することを忘れないでください。

ステップ2：ログインリダイレクトURLを変更する

ログインリンクが含まれるファイルが見つかったら、以下のLiquidコードスニペットを探します。

{{ routes.account_login_url }}

これを、希望するリダイレクトの挙動に合わせて書き換えます。

パターンA：顧客が直前に閲覧していたページにリダイレクトする

多くの場合、これが最もユーザーフレンドリーな設定です。元のコードを以下に置き換えてください。

{{ routes.storefront_login_url }}

この変数により、顧客が「ログイン」をクリックしたときに表示していたページが自動的に取得されます。

パターンB：ストアのホームページにリダイレクトする

ログイン後の顧客を常にホームページへ遷移させたい場合は、元のコードを以下に置き換えてください。

https://{{ shop.permanent_domain }}/customer_authentication/login?return_to=%2F

%2F は、ルート（ホームページ）を表す / をURLエンコードしたものです。

パターンC：特定のページ（例：「新着商品」コレクション）にリダイレクトする

特定のコレクションや専用のアカウントダッシュボードなど、任意のカスタムページに顧客を誘導したい場合は、元のコードを以下に置き換えてください。

https://{{ shop.permanent_domain }}/customer_authentication/login?return_to={{ "/collections/new-arrivals" | url_encode }}

重要：/collections/new-arrivals の部分は、実際に設定したい遷移先ページの相対URL（例：/pages/welcome や /collections/all）に変更してください。| url_encode フィルタによって、URLが正しくフォーマットされます。

ステップ3：保存、テスト、公開

1. テーマファイルエディタで変更を保存します。

2. テーマをプレビューします。顧客アカウントからログアウトした状態で、ログインの挙動をテストしてください。選択したオプション通りに動作するか、様々なページ（ホームページ、商品ページ、コレクションページなど）からログインを試します。デスクトップとモバイルの両方の表示で正しく動作することを確認してください。

3. すべて正常に動作していることを確認したら、オンラインストア > テーマに戻り、編集したテーマ（複製して作業したテーマ）の公開をクリックします。

   
   
   

購入後の顧客体験をさらに高めるために

ログインリダイレクトのカスタマイズは、購入前の顧客体験を最適化する非常に有効な手段です。しかし、顧客が注文を完了した「その後」はどうでしょうか。

優れた顧客体験は、ログイン時だけで終わるべきではありません。購入後に「サイズを間違えた」「配送先住所を更新したい」「別の商品を追加したい」といった要望を持つ顧客は少なくありません。ここで、ShopifyのNew Customer Accountsと完璧に連携するのが Revize です。

ログインフローの最適化と合わせて、Revizeを導入することで顧客にさらなる利便性を提供できます。このアプリを導入すると、顧客は注文状況ページ（New Customer Accounts経由でアクセスするページと同一）から自身の注文を直接編集できるようになります。これにより、カスタマーサポートへの問い合わせが削減され、顧客満足度の向上につながります。

スムーズにカスタマイズされたログインリダイレクトと、Revizeによる購入後の柔軟な注文編集を組み合わせることで、リピート購入を促す真の顧客中心のストア体験を構築できます。

まとめ

ShopifyのNew Customer Accountsにおけるログイン後リダイレクトの調整は、シンプルながらも強力なカスタマイズです。ログイン直後のランディング先を適切にコントロールすることで、より直感的でパーソナライズされたショッピング体験を創出できます。最後に閲覧していたページ、ホームページ、あるいは特定のランディングページなど、適切な導線を設計することは、顧客エンゲージメントと満足度の向上に直結します。

最適なストア構築を進めましょう。

2026年8月更新。 Revizeは、顧客自身で購入後の注文編集を可能にするShopifyアプリです。配送先住所の変更、バリエーションや商品の変更、キャンセル、返金、ストアクレジットの発行などを、発送前にサポートへの問い合わせなしでセルフサービス化できます。詳細は顧客自身でのShopify注文編集機能、またはShopifyアプリストアのRevizeをご確認ください。