お客様アカウントページにカスタムサブドメインを接続する
デフォルトでは、サインインページ、注文ページ、プロフィールページなどのお客様アカウントページは、ベースドメインとして shopify.com の URL 形式を使用しており、ストア固有の ID 番号を含む shopify.com/1234567890/account のようになります。たとえば、ストアの上部にあるサインインリンクは shopify.com/authentication/1234567890/login のようになり、メインの注文ページの URL は shopify.com/1234567890/account/orders のようになります。
これには、注文状況ページも含まれます。
ストアのブランディングを維持するために、デフォルトの shopify.com URL ではなく、オンラインストアのプライマリードメインを使用するお客様アカウント用のサブドメインを作成できます。作成するドメイン名は、ストアで使用しているプライマリードメイン名のサブドメインです。このサブドメインがすべてのお客様アカウントページのプライマリードメイン名になることで、サインインからアカウント管理に至るまで一貫したブランド体験を提供し、お客様からのストアに対する信頼を高めることができます。
たとえば、プライマリードメインが your-store.com の場合、account のサブドメインとして account.your-store.com を作成できます。お客様は account.your-store.com/authentication/login でサインインページにアクセスし、account.your-store.com/orders で注文履歴を確認できます。プライマリードメインを変更すると、お客様アカウントのドメインもそれに応じて更新されます。プライマリードメインを確認または変更するには、管理画面から [設定] > [ドメイン] に移動します。
このページの内容
始める前に
お客様アカウントページにサブドメインを追加するには、以下の設定手順を実行する必要があります。
- 該当する場合は、従来のお客様アカウント機能からアップグレードします。お客様アカウント用のカスタムサブドメインは、最新バージョンのお客様アカウントでのみ利用できます。
- ドメインをオンラインストアに接続します。ドメインは Shopify で管理するか、Shopify に外部ドメインを接続できます。
ドメインが Shopify で管理されていない場合は、以下の情報も必要です。
- 外部ドメインプロバイダーアカウントのログイン情報。
- ドメインプロバイダーの要件。
外部 ID プロバイダーまたはソーシャルサインインを使用するアカウントで必要な手順
お客様アカウントに外部 ID プロバイダーまたはソーシャルサインインオプションを設定している場合は、Shopify で変更を行う前に、新しいサブドメインが含まれるようにプロバイダーの設定を更新する必要があります。プロバイダーの設定を更新する前に Shopify でお客様アカウントのドメインを変更すると、更新が完了するまでお客様はサインインできなくなります。
お客様がサインインできない期間を発生させないようにするには、以下の手順に従います。
- 新しいカスタムサブドメイン (例:
account.your-store.com) を決定します。ただし、Shopify ではまだ変更しないでください。 - ID プロバイダーまたはソーシャルサインインの設定に新しいドメインを追加します。現在のドメイン情報は削除せず、その横に新しいドメイン情報を追加してください。
- Shopify に戻り、このページの手順に従ってお客様アカウントのドメインを新しいカスタム URL に変更します。
- 任意: 新しいドメインでサインインできることを確認したら、プロバイダーの設定から古いドメインを削除できます。
| 現在のサインインプロバイダー | 更新が必要な項目: |
|---|---|
| 外部 ID プロバイダー (Auth0 や Okta など) | リダイレクト URI とサインアウト URL。 詳細については、「お客様アカウントドメインを変更する際の ID プロバイダーの更新」を参照してください。 |
| ソーシャルサインイン: Google | JavaScript の生成元、リダイレクト URL、および承認取り消しコールバック URL。 詳細については、「お客様アカウントドメインを変更する際のソーシャルサインインの更新」を参照してください。 |
| ソーシャルサインイン: Facebook | ドメイン、リダイレクト URL、および承認取り消しコールバック URL。 詳細については、「お客様アカウントドメインを変更する際のソーシャルサインインの更新」を参照してください。 |
Shopify ドメインのお客様アカウント用サブドメインを作成して接続する
Shopify 管理のドメインでお客様アカウント用のサブドメインを作成する場合、[ターゲット] の値は Customer Accounts になります。
手順:
管理画面から、[設定] > [お客様アカウント] に移動します。
[お客様アカウント] セクションの [URL] フィールドに、現在の URL のプレビューが表示されます。[ドメインを変更] をクリックします。
[お客様アカウントのドメインを変更する] ダイアログの [新しいドメイン] フィールドに、お客様アカウントに使用するサブドメイン名を識別するためのわかりやすい文字列を入力します。たとえば、
accountという文字列を入力すると、お客様アカウントページに対してaccount.your-store.comという URL が作成されます。[保存] をクリックします。
[ドメイン] 設定にある新しいサブドメインの詳細ページに移動します。サブドメインが反映されて確認されるまで、最大48時間かかる場合があります。
お客様アカウントのサブドメインが接続されたら、そのサブドメインをお客様に表示するためにお客様アカウントのプライマリードメインとして設定する必要があります。
外部ドメインのお客様アカウント用サブドメインを作成して接続する
外部ドメインを使用してお客様アカウント用のサブドメインを作成するには、Shopify でサブドメインを作成し、ドメインプロバイダーの設定で CNAME レコードを追加してから、接続を確認する必要があります。
ステップ1: お客様アカウントページ用のサブドメインを作成する
管理画面から、[設定] > [お客様アカウント] に移動します。
[お客様アカウント] セクションの [URL] フィールドに、現在の URL のプレビューが表示されます。[ドメインを変更] をクリックします。
[お客様アカウントのドメインを変更する] ダイアログの [新しいドメイン] フィールドに、お客様アカウントに使用するサブドメイン名を識別するためのわかりやすい文字列を入力します。たとえば、
accountという文字列を入力すると、お客様アカウントページに対してaccount.your-store.comという URL が作成されます。[続行する] をクリックします。[ドメイン] 設定の [既存のドメインを接続する] ページに移動します。
ドメインプロバイダーアカウントの設定を変更するには、[設定手順に従う] をクリックします。ドメインプロバイダーのウェブサイトに移動します。
ステップ2: 外部ドメインプロバイダーアカウントの設定で新しい CNAME レコードを作成する
- ドメインプロバイダーのウェブサイトで、アカウントにログインします。
- DNS 設定またはドメイン管理エリアを見つけます。
- 以下の操作を行います。
- 新しい CNAME レコードを作成します。
- ホスト名を、お客様アカウントのサブドメイン名として作成した文字列に変更します。たとえば、
accountのように指定します。 - CNAME レコードが
shops.myshopify.comを指すようにします。 - 変更を保存します。管理画面の既存のドメインを接続するページに戻ります。
ステップ 3: お客様アカウントのドメインが Shopify に接続されていることを確認する
- 既存のドメインを接続するページで、接続を確認するをクリックします。
- お客様アカウントのドメイン名の接続と確認が完了したら、お客様アカウントに戻るをクリックします。お客様アカウントページのお客様アカウントフィールドに、
接続済みラベルが表示されます。
サブドメインの確認には最大 48 時間かかる場合があります。
お客様アカウントのサブドメインが接続されたら、そのサブドメインをお客様に表示するためにお客様アカウントのプライマリードメインとして設定する必要があります。
サブドメインをお客様アカウントのプライマリードメインに設定する
お客様アカウントのサブドメインを接続した後、それをお客様に対して表示させるには、お客様アカウントのプライマリードメインとして設定する必要があります。
手順:
管理画面から、設定 > ドメインに移動します。
お客様アカウントセクションで、カスタムサブドメイン (例:
account.your-store.com) をクリックします。ドメインのターゲットとタイプセクションで、タイプの横にある変更をクリックします。
ダイアログでプライマリードメインを選択します。
ドメインタイプを変更をクリックします。