従来のお客様アカウントからお客様アカウントへのアップグレード

最新バージョンのお客様アカウントにアップグレードして以下の機能にアクセスし、Shopify で利用可能な最高のアカウント体験をお客様に提供しましょう。

スムーズなログイン

1回のログインですべてを利用可能：お客様は一度ログインするだけで、お客様アカウントのすべての機能とアプリのカスタマイズにアクセスできます。
パスワードレス認証：お客様はメールアドレスとワンタイムパスコードでログインできるため、パスワードのリセットは不要です。
ソーシャルログイン：Facebook または Google でログインするオプションをお客様に提供します。

組み込み機能

返品：お客様はアカウントから返品手続きを開始できます。
ストアクレジット：お客様はアカウントでストアクレジットの残高を確認し、チェックアウトで使用できます。
定期購入：お客様はアカウントで直接、定期購入の再開、スキップ、キャンセルを行ったり、決済方法を更新したりできます。
その他のセルフサービス機能：お客様アカウントでは、注文の追跡、再注文、プロフィール管理がサポートされています。
分析用ピクセル：Shopify ウェブピクセルを使用して顧客イベントを追跡し、購入後のお客様の行動に関するインサイトを得て、アカウント体験を最適化します。
テーマとは独立して管理：お客様アカウントはテーマとは別に管理されるため、テーマの更新がアカウント体験に影響することはありません。テーマを変更することなく、お客様アカウントの新しい機能に引き続きアクセスできます。

モダンでモバイルファーストなデザイン

刷新されたレイアウトは、直感的なメニュー、ブランドを反映したサインイン、初めての買い物客向けに厳選されたおすすめ商品、より見やすくなった注文管理やアプリ機能を備えており、そのすべてがモバイルファーストの体験に最適化されています。

カスタマイズオプション

豊富なお客様アカウントアプリ：アプリブロックを使用して、お客様アカウントの体験をカスタマイズできます。たとえば、コード不要で、ロイヤルティ、定期購入、ウィッシュリストの機能をお客様アカウントに追加できます。アプリブロックでは、チェックアウトとアカウントのエディタで設定した色、フォント、スタイルが使用されるため、追加するすべての機能でブランドの一貫性が保たれます。
独自の ID プロバイダーを接続：デフォルトのログイン体験を独自の ID プロバイダーに置き換えて、完全にカスタムな認証フローを実現します。
Customer Account API：Hydrogen および Storefront API と連携するように設計された Customer Account API を使用して、独自のお客様アカウント体験を構築します。

従来のお客様アカウントをまだ使用している場合は、このガイドに従ってアップグレードの準備を行い、お客様体験に支障が出ないようにしてください。

このページの内容

制限事項

従来のお客様アカウントからお客様アカウントにアップグレードする前に、以下の制限事項を確認してください。

独自のログイン体験または登録体験: アップグレード後、Shopify はすべての従来のお客様アカウントの URL (/account/login など) を新しいお客様アカウントに自動的にリダイレクトします。これには、テーマ内のハードコードされたリンクも含まれます。ただし、モーダル内や従来のアカウントテンプレートとは別のページなど、独自のログイン体験または登録体験を構築している場合は、アップグレード前にテーマを編集してそれらのカスタマイズを削除する必要がある場合があります。
ワークフロートリガーとオートメーション: 従来のお客様アカウントに基づくワークフロートリガーまたはオートメーションは、お客様アカウントではサポートされていません。従来のお客様アカウントを使用して既存のワークフローまたはオートメーションを設定している場合、それらをお客様アカウントに移行することはできません。
顧客セグメント: customer_account_status フィルターを含む顧客セグメントは、アップグレード後に期待どおりに機能しなくなります。これは、customer_account_status が従来のお客様アカウント専用であるためです。新しいバージョンのお客様アカウントで使用できるフィルターはありません。
マーケットごとのカスタムドメイン: お客様アカウントページに対して、マーケットごとにカスタムドメインを設定することはできません。つまり、ストアに複数のインターナショナルドメインが設定されている場合でも、すべてのマーケットのお客様アカウントに対して使用できるドメインは 1 つだけです。
マルチパス: マルチパスは、お客様アカウントではサポートされていません。独自の ID プロバイダーを使用する必要がある場合は、それをお客様アカウントに接続できます。
サインインページのカスタマイズ：サインインページにカスタマイズブロックを追加することはできません。チェックアウトとアカウントのエディタで、サインインページのロゴ、色、フォント、ブランド画像をカスタマイズできます。

ステップ 1：従来のカスタマイズを確認し、維持するものを決定する

定期購入管理やロイヤリティプログラムへのリンクなど、従来のお客様アカウントに加えたカスタマイズを確認し、重要なカスタマイズを書き留めます。スムーズに移行するために、アップグレード前にこれらを再作成する必要があります。カスタマイズには、テーマエディタでお客様アカウントテンプレートに加えた変更や、.liquid コードへの変更が含まれます。

重要ではなくなった古いカスタマイズが見つかる場合もあります。これらはアップグレードプロセス中に移行されないため、無視しても問題ありません。

テーマエディタでカスタマイズを確認する：

Shopify 管理画面から、オンラインストア > テーマに移動します。
現在のテーマの横にある カスタマイズをクリックします。
ホームページドロップダウンメニューをクリックします。
従来のお客様アカウントをクリックします。
各従来のお客様アカウントテンプレートを確認して、カスタマイズを見つけます。
- お客様アカウント
- お客様アカウントの有効化
- お客様の住所
- お客様ログイン
- お客様の注文
- お客様登録
- お客様パスワードのリセット

.liquid コードでカスタマイズを確認する：

Shopify 管理画面から、オンラインストア > テーマに移動します。
現在のテーマの横にある … > コードを編集をクリックします。
左側のサイドバーで、templates > customers をクリックします。これらは、従来のお客様アカウントのテンプレートです。変更を加えている場合、ファイル構造が異なる可能性があります。
各 customer テンプレートのコードを確認し、カスタマイズ箇所を見つけます。

ステップ 2：既存の設定を複製する

既存の設定を複製することで、新しいカスタマイズ作業を行う場所を確保し、進行中の変更を保存して、お客様に公開する前にプレビューすることができます。

手順：

Shopify 管理画面から、設定 > チェックアウトに移動します。
設定セクションで、複製する設定の横にある複製をクリックします。これにより設定のコピーが作成されます。
任意：後で見つけやすいように、設定の名前を変更します。

ステップ 3：従来のカスタマイズをお客様アカウント用アプリに置き換える

ステップ 1 で特定した従来のカスタマイズを置き換えるアプリを見つけます。お客様アカウント用アプリには、ロイヤリティプログラム、アップセルとクロスセル、注文編集、ウィッシュリスト、レビュー、返品、定期購入、フォームとアンケート、デジタルダウンロードなどの機能を備えたものがあります。

お客様アカウントに対応しているすべてのアプリを閲覧する：

インストール済みのアプリからアプリブロックを追加する

従来のお客様アカウントのカスタマイズにアプリを使用していた場合、アプリ開発者がそのアプリをお客様アカウントに対応するように更新している可能性があります。チェックアウトおよびアカウントエディタから、これらのアプリのアプリブロックを追加できます。

手順：

Shopify 管理画面から、設定 > チェックアウトに移動します。
作成した設定のコピーの横にあるカスタマイズをクリックして、チェックアウトおよびアカウントエディタを開きます。
左側のサイドバーで、アプリをクリックします。チェックアウトまたはお客様アカウントに対応している、インストール済みのすべてのアプリが表示されます。
すべてタブで、従来のお客様アカウントのカスタマイズに使用したアプリを見つけます。特定のアプリ名を検索して、リストを絞り込むことができます。
そのアプリの下にあるアプリブロックの横にある + をクリックします。アプリブロックを注文、注文状況、プロフィール、またはアカウントに追加するオプションがある場合、そのアプリはお客様アカウントに対応しています。
希望するアプリブロックを追加し、アプリブロックの設定を行います。チェックアウトおよびアカウントエディタでのアプリの使用について、詳しくはこちらをご覧ください。
任意：デスクトップ用のボタン、モバイル用のボタン、またはフルスクリーン用のボタンをクリックして、さまざまな画面サイズでのページの変更をプレビューし、お客様への表示を確認します。
保存をクリックします。

新しいアプリを見つける

カスタマイズによっては、従来のお客様アカウントと同じ機能を再現するために、新しいアプリを見つけてインストールする必要がある場合があります。

手順：

Shopify アプリストアに移動します。
必要な機能を検索します。
絞り込みをクリックします。
対応の下にあるお客様アカウントを選択します。これにより、検索結果をお客様アカウントに対応しているアプリに限定できます。
アプリをインストールしたら、手順に従ってインストール済みのアプリからアプリブロックを追加します。

外部リンクを追加する

従来のお客様アカウントに外部リンク（別の定期購入ポータルや返品ポータルへのリンクなど）がある場合は、その代わりにその機能を提供できる Shopify の機能やアプリがあるかどうかを確認してください。

Shopify の機能やアプリを使用するメリットは、外部リンク先のポータルでは追加の認証手順が必要になることが多いのに対し、お客様は 1 回のログインですべての機能にアクセスできることです。

それでも外部リンクを追加する必要がある場合は、お客様アカウントのメインメニューにリンクを追加するか、アプリを使用してページ本文にリンクを追加できます。Shopify Checkout Blocks を使用すると、リンクを含むコンテンツブロックをお客様アカウントの注文状況ページに追加できます。また、お客様アカウントの他のページにリンクを追加できる公開アプリもいくつかあります。新しいアプリを見つける手順に従って、適したアプリを見つけてください。

ステップ 4：ブランド設定が最新であることを確認する

チェックアウトとお客様アカウントは、同じブランド設定を共有します。ブランドとロゴがすべてのページで想定どおりに表示されることを確認してください。

手順：

Shopify 管理画面から、設定 > チェックアウトに移動します。
作成した設定のコピーの横にあるカスタマイズをクリックして、チェックアウトおよびアカウントエディタを開きます。
左側のサイドバーで、設定をクリックし、現在のブランド設定を確認します。
エディタのトップバーでチェックアウトをクリックして、ページセレクターメニューを開きます。
さまざまなチェックアウトページやお客様アカウントページに移動し、全体を通してブランドとロゴが想定どおりに表示されることを確認します。
必要に応じて設定を調整します。
保存をクリックします。

ステップ 5：お客様アカウント用のサブドメインを接続する

デフォルトでは、サインインページ、注文管理ページ、プロフィールページなどのお客様アカウントページは、ストアの固有 ID 番号を含む shopify.com/1234567890/account のような shopify.com の URL 形式をベースドメインとして使用します。代わりに、オンラインストアのプライマリードメイン名に基づいてお客様アカウントのサブドメインを選択して接続することで、お客様アカウントをブランドと一致させることができます。例：account.your-store.com。

このサブドメインは、注文状況ページを含め、お客様がアカウントにアクセスした際に表示されます。

ステップ 6：差出人メールアドレスが最新であることを確認する

差出人メールアドレスを確認し、そのアドレスにアクセスできることを確認してください。お客様はメールに送信される認証コードを使用してログインしますが、そのメールはお客様の差出人メールアドレスから送信されます。

ステップ 7：設定を公開する

アプリとブランド設定のセットアップが完了したら、設定を公開します。これにより、変更がチェックアウトとお客様アカウントに反映されます。

ステップ 9 を完了するまで、オンラインストアとチェックアウトは引き続き従来のお客様アカウントにリンクされます。

手順：

Shopify 管理画面から、設定 > チェックアウトに移動します。
作成した設定のコピーの横で、次の操作を行います。
1. 任意：カスタマイズをクリックして変更をプレビューします。
2. 公開をクリックします。

ステップ 8: 新しいお客様アカウントの設定をプレビューしてテストする

新しい設定が公開されましたが、アップグレードを完了するまで、オンラインストアとチェックアウトは引き続き従来のお客様アカウントにリンクされます。

アップグレードを完了する前に、新しいお客様アカウントの体験をテストするには、新しいお客様アカウントの URL をコピーして、ブラウザの新しいタブで開きます。お客様アカウントのサブドメインを設定した場合、URL の形式は account.{your-store-domain}.com のようになります。サブドメインを設定しなかった場合、デフォルトの形式は https://shopify.com/{your-store-ID}/account です。

手順：

管理画面から、設定 > お客様アカウントに移動します。
お客様アカウントセクションで、URL フィールドの URL をコピーします。
ウェブブラウザで新しいタブを開き、アドレスフィールドに URL を貼り付けて Enter キーを押し、ページを読み込みます。
テスト用のお客様アカウントにログインし、公開されたチェックアウトとアカウント設定を使用して、新しいお客様アカウントの体験をプレビューします。

ステップ 9: アップグレード

オンラインストアとチェックアウトからお客様アカウントへのアクセスをお客様に提供する準備ができたら、アップグレードします。

手順：

管理画面から、設定 > お客様アカウントに移動します。
ページ上部のバナーにある[アップグレード]をクリックします。