Shopifyの登録後のログインリダイレクト：2026年ガイド

Shopifyのログイン後の遷移先を設定する方法：新しい顧客アカウントの場合#

Shopifyの標準のroutes.account_login_urlは、顧客を顧客アカウントのログイン画面へ案内し、その後アカウントの注文一覧へ移動させます。テーマのログインリンクでroutes.storefront_login_urlを使うと、顧客は元のストアフロントページへ戻ります。return_toパラメーターを指定すれば、別のストアフロントの相対パスへ案内できます。遷移先はテーマ内のURLで決まるため、実際に使うログインリンクをテストしてください。これらの選択肢はShopifyの顧客ログインリンクとリダイレクトのガイドに記載されています。

この導線は購入後のサポートにも関わります。Revizeによると、注文の5.2%（約19件に1件）がチェックアウト後に編集されており（Revize、2026年）、顧客ポータルは注文状況ページから開けます。このガイドでは、Shopifyの公式に記載されたルートでストアフロントの遷移先を設定し、ログインの流れをテストする方法を説明します。

ログイン後のリダイレクト先を変更する理由#

• スムーズなユーザー体験（UX）： 最後に閲覧したページへ戻せば、顧客は中断したところから買い物を続けられます。
• 一貫したブランド体験： ホームページへ案内すれば、現在のキャンペーンやおすすめのコレクションを見せられます。
• 目的に合った案内： 「新着商品」や「マイアカウント」のページへ誘導し、次の行動につなげられます。
• 混乱の軽減： 買い物を続けるつもりでログインした顧客が、突然注文ページに移動するのを防げます。

始める前に：必ずテーマをバックアップ#

コードを編集する前に、公開中のテーマをバックアップしてください。予期しない問題が起きても、元の状態に戻せます。

1. Shopify Adminでオンラインストア > テーマを開きます。
2. 現在のテーマを探し、⋯ メニューをクリックします。
3. 複製を選択します。
4. 複製したテーマに、用途が分かる名前を付けます（例：「テーマのバックアップ - ログイン後のリダイレクト変更前」）。

ステップ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：ストアのホームページへリダイレクトする

ログインした顧客を常にホームページへ案内するには、元のコードを次に置き換えます。

/customer_authentication/login?return_to=%2F

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

選択肢C：特定のページ（「新着商品」など）へリダイレクトする

特定のコレクションや専用のアカウントページなどへ案内するには、元のコードを次に置き換えます。

/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. 正しく動作することを確認したら、オンラインストア > テーマに戻ります。編集したテーマ（複製したテーマの場合もあります）を探し、公開をクリックします。

さらにできること：購入後の顧客体験を改善する#

ログイン後のリダイレクトを設定すると、顧客が購入したり注文を確認したりする前の導線を整えられます。では、注文した後はどうでしょうか。

スムーズな体験はログイン後も続くべきです。フルフィルメント前に、住所を修正したり、バリエーションを変更したり、注文をキャンセルしたりする必要がある顧客もいます。Revizeは、販売者が設定した編集期間中にShopifyの注文状況ページから利用できる、顧客自身による注文編集ポータルを提供します。

表示するには、注文状況ページのエディターでRevizeのアプリブロックを有効にしてください。顧客は注文確認メールの「Edit Order」リンクからもポータルを開けます。利用できる変更は販売者の設定とRevizeのプランによって異なります。商品の追加と割引の適用はProの機能です。

まとめ#

Shopifyの顧客アカウントのログイン後リダイレクトを調整すると、テーマでroutes.storefront_login_urlを使う場合、顧客を元のストアフロントページへ戻せます。特定の遷移先に案内するには、return_toパラメーターにストアフロントの相対パスを指定し、公開済みテーマでログインの流れをテストしてください。この変更はストアフロントのログインリンクに適用されます。顧客アカウントのログイン設定やセキュリティ設定は変わりません。

ストアに合った設定を試してみてください。

関連記事#

Shopify顧客アカウント：アップグレードガイドとチェックアウトの期限（2026年） · Shopify注文編集の統計（2026年） · Shopifyで顧客が自分の注文を編集できるようにする方法（2026年）