Shopifyのログイン後のリダイレクト設定方法:2026年ガイド

執筆:Shubham Vats(Revize創業者)

公開日:読了まで6分

目次

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

新しい顧客アカウントを使うと、パスワードなしでスムーズにログインできます。ただし、初期設定ではログイン直後に注文状況ページへ移動します。この遷移先は重要です。1,000万件以上のShopify注文を対象にしたデータでは、約19件に1件(5.2%)がチェックアウト後に編集されており(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

ヒント: テーマのコードエディター(Actions > Edit code)を開き、エディター内の検索バーでroutes.account_login_urlやアカウントアイコン、リンクのコードを検索すると、該当箇所を見つけやすくなります。デスクトップとモバイルの両方を確認してください。

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

ログインリンクを含むファイルが見つかったら、次のLiquidコードを探します。

{{ routes.account_login_url }}

希望する遷移先に応じて、このコードを置き換えます。

選択肢A:最後に閲覧したページへリダイレクトする

顧客が買い物を続けやすい設定です。元のコードを次に置き換えます。

{{ routes.storefront_login_url }}

header.liquidファイルでログイン後のリダイレクトを設定しているShopifyのLiquidコードエディター

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

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

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

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

スムーズな体験はログイン後も続くべきです。購入後にサイズの間違いに気づいたり、配送先住所を変更したくなったり、商品を追加したくなったりする顧客もいます。Revizeは、Shopifyの新しい顧客アカウントと連携し、こうした変更に対応します。

ログインの導線を整える際は、Revizeで顧客自身ができることを増やす方法も検討してください。このアプリを使うと、顧客は注文状況ページ(新しい顧客アカウントでログインした後にアクセスできるページ)から自分の注文を編集できます。これにより、サポートへの問い合わせを減らし、顧客満足度を高められます。

ログイン後の遷移先を整え、Revizeによる注文の編集を組み合わせれば、購入前から購入後まで顧客に合わせた体験を提供できます。

まとめ

Shopifyの新しい顧客アカウントでは、ログイン後のリダイレクト先を簡単に変更できます。最後に閲覧したページ、ホームページ、専用のランディングページなど、顧客の目的に合う遷移先を選ぶことで、より分かりやすい買い物体験につながります。

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

2026年8月更新。 Revizeは、顧客が購入後に自分の注文を編集できるShopifyアプリです。フルフィルメント前であれば、サポートに問い合わせることなく、配送先住所の変更、商品のバリエーションや商品の交換、キャンセル、返金またはストアクレジットの受け取りができます。詳しくは顧客が自分のShopify注文を編集できるようにする方法をご覧いただくか、Shopify App StoreのRevizeをご確認ください。