オンラインストアにアカウントコンポーネントメニューを追加する

アカウントコンポーネントメニューを使用すると、お客様は別のアカウントページにリダイレクトされることなく、オンラインストアにログインしたままにすることができます。これはストアのヘッダーにアバターとして表示され、お客様がこれをクリックするとログインオプションやお客様アカウントのリンクにアクセスできます。これにより、よりパーソナライズされたショッピング体験が提供され、お客様がログインしている場合はチェックアウトが迅速化されます。

アカウントコンポーネントは、テーマとは独立して管理されます。Shopify は定期的にその機能やデザインを更新することがあります。また、テーマ開発者はテーマに合わせて基本的なスタイルを適用できますが、コンポーネントはすべての Shopifyストアで一貫した外観を維持します。

アカウントコンポーネントは、すべての Horizon テーマの最新バージョンで利用できます。また、カスタマイズにより他のテーマに追加することも可能です。ストアにアカウントコンポーネントを追加する方法について詳しくはこちらをご覧ください。

このページの内容

顧客体験

アカウントコンポーネントメニューは、ストアのヘッダーにアバターアイコンとして表示されます。アバターは、お客様のログイン状況に応じて変わります。

ログアウトしているお客様: デフォルトのアバターが表示されます。クリックすると、ログインオプションとメニューリンクが表示されます。
ログインしているお客様: ログイン方法に応じて、イニシャルまたは Shop プロフィールの写真がアバターとして表示されます。クリックすると、アカウントリンクのメニューが開きます。

アカウントコンポーネントメニューには、お客様向けに以下のログインオプションが表示されます。

パスワード不要のメールログイン: お客様はメールアドレスを入力し、認証コードを受け取ります。このログインオプションは、お客様アカウントで常に利用可能です。
Shop ログイン: このオプションは、ストアで Shop Pay を有効にしている場合に表示されます。
ソーシャルログイン: お客様アカウントのソーシャルログインを設定している場合、Google や Facebook によるログインが利用できます。

お客様は、ログイン時にメールマーケティングにオプトインすることもできます。同意のチェックボックスがメールアドレスフィールドの下に表示され、選択したお客様は、ログイン完了時にメールマーケティングの購読者として追加されます。このチェックボックスは、[設定] > [チェックアウト] にあるメールマーケティングオプトイン設定で制御されます。詳細については、「お客様の連絡先情報を収集する」を参照してください。

アカウントコンポーネントメニューには、ログアウトオプションは含まれません。お客様は、お客様アカウントのプロフィールページに移動して [ログアウト] をクリックすることでログアウトします。

アカウントコンポーネントメニューには、以下のリンクが含まれています。

注文: 注文履歴へのリンク
プロフィール: プロフィールページへのリンク
その他のリンク: お客様アカウントメニューに追加した追加のリンク (例: お客様の設定ページやアプリページなど)。

アカウントコンポーネントメニューのリンクを追加または更新するには、お客様アカウントメニューをカスタマイズします。アカウントコンポーネントは、お客様アカウントメニューと自動的に同期されます。

ストアにアカウントコンポーネントを追加する

ストアにアカウントコンポーネントを追加する手順は、使用しているテーマによって異なります。

Horizon テーマを使用する

アカウントコンポーネントメニューは、すべての Horizon テーマの最新バージョンに組み込まれています。以下の方法でストアに追加できます。

すでに Horizon テーマを使用している場合は、最新バージョンに更新してください。アカウントコンポーネントは、自動更新を通じて自動的に追加されます。
すでに Horizon テーマを使用していても、テーマのヘッダーを編集している場合は、自動更新でアカウントコンポーネントを利用できない可能性があります。その代わり、手動でテーマを更新することができます。
Horizon テーマを使用していない場合は、Shopify Theme Store から任意の Horizon テーマの最新バージョンを追加できます。これにより、アカウントコンポーネントが自動的に利用可能になります。

その他のテーマを使用する

Shopify Theme Store の[アカウントメニュー] フィルターを使用して、アカウントコンポーネントが含まれるテーマを見つけることができます。アカウントコンポーネントに対応しているテーマをすでに使用しているにもかかわらず、オンラインストアにアカウントコンポーネントが表示されない場合は、テーマを更新して最新の機能を取得していることを確認してください。