コマースアカウントのレンダリング

アドレス エディタ レンダリングを使用して、顧客が新しい住所を追加したり、既存の住所を編集したり、アドレス帳から住所を削除したりできるようにします。

Storefront Brandedテーマを適用すると、次のようになります。

ライブストアフロントでは、最初に入力されたアドレスに対してSet as primary addressチェックボックスが自動的に選択されます。その後、別のアドレスがプライマリアドレスとしてマークされると、最初のアドレスからチェックマークが削除されます。プライマリアドレスにできるアドレスは1つだけです。

構成

コントロール プロパティ ダイアログ ボックスのAddress Editorセクションでは、アドレス エディタのレンダリングに次のプロパティを構成できます。

アドレス リスト レンダリングを使用して、顧客の配送先住所と請求先住所を表示します。たとえば、このレンダリングは、Storefrontサイト テンプレートのAccount Managementページで使用されます。

Storefront Brandedテーマが適用されたエクスペリエンス エディターでレンダリングを追加すると、プレースホルダー データと共に表示されます。

ライブストアフロントでは、アドレスリストレンダリングは、顧客に登録されているアドレスを表示します。アドレスがない場合は、アドレス帳が空であることを示すメッセージが表示されます。

ユーザーがリスト内のアドレスをクリックするか、Add a new addressリンクをクリックすると、Address Editorページが表示されます。

構成

コントロールのプロパティ ダイアログ ボックスのAddress Listセクションでは、アドレス一覧のレンダリングに関する次のプロパティを構成できます。

パスワード変更レンダリングを使用して、顧客がパスワードを変更できるようにします。

エクスペリエンス エディターでは、パスワードの変更レンダリングは次のようになります。

顧客がSave changesをクリックすると、Current passwordの内容が正しいこと、およびNew passwordフィールドとRepeat passwordフィールドの内容が一致していることが検証されます。

コンテンツが検証に合格すると、システムはパスワードを更新し、顧客を新しいページにリダイレクトするか、パスワードが変更されたことを確認するメッセージを表示します。

構成

コントロール プロパティ ダイアログ ボックスのChange Passwordセクションでは、パスワードの変更レンダリングの次のプロパティを構成できます。

「パスワードを忘れた場合」レンダリングを使用して、顧客が新しいパスワードを指定できるようにします。

エクスペリエンス エディターでは、パスワードを忘れた場合のレンダリングは次のようになります。

お客様がメールアドレスを送信すると、システムはそのメールアドレスがシステム内にあることを確認します。メールアドレスが認識されると、メッセージが表示され、ランダムなパスワードとWebサイトのChange Passwordページへのリンクを含むメールメッセージがそのメールアドレスに送信されます。

メールアドレスが認識されない場合は、何も起こりません。セキュリティ上の理由から、メッセージは表示されません。

ログインレンダリングを使用して、Webサイトにログインフォームを挿入します。アカウントを登録したお客様がサイトに戻ると、ログインフォームを使用してアカウントにアクセスできます。

ツールボックスには、次の2つのログイン レンダリングが含まれています。

エクスペリエンス エディターでは、レンダリングのフィールドとボタンは無効のままで、ログイン フォームを送信できません。Storefront Brandedテーマを適用すると、次のようになります。

ライブストアフロントでは、ページの読み込み中はログインフォームが無効になります。ページが完全に読み込まれると、フォームが有効になります。

お客様は、フォームの メールアドレス とPasswordの両方のフィールドに入力する必要があります。お客様がフォームを送信すると、Sitecoreは以下を検証します。

いずれかの検証が失敗した場合は、空のフィールドまたは正しくないフィールドごとに、次のようなエラー メッセージが表示されます。

ログインフォームの送信

顧客がSign inをクリックすると、フィールドが検証されます。ボタンは複数回のクリックを避けるために無効になり、ボタンのラベルがAuthenticating…に変わります。検証エラーがない場合、フォームはサーバーに送信されます。

有効なログイン情報

メールアドレスとパスワードがシステム内の有効なアカウントと一致する場合、顧客は指定されたURLにリダイレクトされます。サイトでトップ バー リンク レンダリングが使用されている場合、Sign inリンクはSign outに変更されます。

ログイン情報が無効です

電子メールアドレスとパスワードがシステム内の有効なアカウントと一致しない場合、メッセージはメッセージコンテキストに送信され、メッセージコンテキストはコンポーネント間の通信ブローカーとして機能します。メッセージの概要コンポーネントがページ上にある場合は、メッセージングサービスからメッセージを取得して表示します。たとえば、次のようになります。

プロファイル エディタ レンダリングを使用して、顧客がプロファイルを編集できるようにします。プロファイルは、次の情報で構成されます。

顧客がSave Changesをクリックすると、Email addressフィールドとRepeat email addressフィールドの内容が一致していることが検証されます。また、システムは、電子メール アドレスの形式がCommerceコントロール パネルの電子メール アドレス正規表現に準拠していることも検証します。

コンテンツが検証に合格すると、次のようになります。

システムは、顧客を別のURLにリダイレクトするか、変更が保存されたことを確認するメッセージを表示します。

構成

コントロール プロパティ のProfile Editorセクションでは、プロファイル エディタのレンダリングに関する次のプロパティを構成できます。

プロファイル ビュー レンダリングを使用して、現在のカスタマー アカウントの電子メール アドレスを表示します。エクスペリエンス エディターでは、レンダリングにメール アドレスのプレースホルダー データが含まれています。基本的なカスタム テーマが適用されたレンダリングをエクスペリエンス エディターに挿入すると、次のようになります。

メールアドレスと編集リンクは、どちらも同じURLへのリンクです。これは通常、プロファイル エディターのレンダリングを含むページであり、顧客はプロファイル情報を編集できます。

構成

コントロールのプロパティ ダイアログ ボックス。次の構成プロパティは、ダイアログ ボックスのProfile Viewセクションで使用できます。

登録レンダリングを使用して、Webサイトに登録フォームを挿入します。お客様がウェブサイトを訪問し、まだアカウントを持っていない場合は、登録フォームを使用して新しいアカウントを作成します。システムは新しいアカウントを登録し、現在のセッションに顧客を自動的にログインさせます。アカウントが作成されると、Experience PlatformでUser Account Createdゴールがトリガーされます。

エクスペリエンス エディターで、基本的なカスタム テーマが適用されていると、次のようになります。

エクスペリエンス エディターでは、レンダリングのフィールドとボタンが無効になり、登録フォームを送信できません。

ライブストアフロントでは、ページの読み込み中は登録フォームが無効になります。ページが完全に読み込まれると、フォームが有効になります。

お客様は、登録フォームのすべてのフィールドに入力する必要があります。お客様がフォームを送信すると、Sitecoreは以下を検証します。

いずれかの検証が失敗した場合は、空のフィールドまたは正しくないフィールドごとに、次のようなエラー メッセージが表示されます。

登録フォームの提出

顧客がCreate new accountをクリックすると、フィールドが検証されます。ボタンは複数回のクリックを避けるために無効になり、ボタンのラベルがRegistering…に変わります。検証エラーがない場合、フォームはサーバーに送信されます。

有効な登録情報

登録時に入力したメールアドレスがシステムに存在しない場合、お客様はシステムに追加され、自動的にログインされます。ログインプロセスの一環として、お客様はAccount Managementページにリダイレクトされます。

無効な登録情報

登録用に指定したメールアドレスがすでにシステムに存在し、メッセージサマリーコンポーネントがページ上にある場合は、メッセージサマリーにエラーメッセージが表示されます。

手記

メッセージの概要に表示されるメッセージの一部は、Commerce Control PanelのStorefront Settings/Commerce Terms/System Messagesフォルダーで構成できるシステム メッセージです。