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

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

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

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

フィールド検証

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

• すべてのフィールドにコンテンツがあります。

• メールアドレスの形式が正しい。

  メモ

  電子メール形式の検証に使用される正規表現は、Commerce Control PanelのEmail Configuration項目 (/sitecore/Commerce/Commerce Control Panel/Storefront Settings/Storefronts/Storefront/Email Configuration) で編集できます

• パスワードは6文字以上です。

• PasswordフィールドとConfirm Passwordフィールドの内容は同じです。

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

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

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

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

フィールド検証

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

• すべてのフィールドにコンテンツがあります

• メールアドレスの形式が正しい。

  手記

  メール形式の検証に使用する正規表現は、コマースコントロールパネルのEmail Configurationアイテム(/sitecore/Commerce/Commerce Control Panel/Storefront Settings/Storefronts/Storefront/Email Configuration)で編集できます

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

ログインフォームの送信

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

有効なログイン情報

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

ログイン情報が無効です

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

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

ストアフロント モックアップ テーマが適用されたエクスペリエンス エディターでレンダリングを追加すると、プレースホルダー データとともに表示されます。

構成

関連付けられたコンテンツアイテムの「 Number of Addresses to Show 」フィールドで、リストに表示されるアドレスの最大数を設定できます。

Show Address List Headerフィールドでは、ヘッダーを表示するかどうかを設定できます。

Add New Address Linkフィールドでは、アドレスまたはAdd a new addressリンクがクリックされたときにリダイレクトするリンクを設定できます。

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

基本的なカスタムテーマを適用すると、次のようになります。

エクスペリエンス エディターでは、レンダリングのフィールドとボタンは無効になります。

構成

レンダリングのControl PropertiesダイアログのAccount Management Page Linkフィールドで、顧客がCancelまたは Save changes.

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

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

構成

レンダリングのControl Propertiesダイアログでは、電子メールアドレスと編集リンクに使用されるリンクを編集できます。これは通常、プロファイル エディターがレンダリングされたページに対して行われます。

また、レンダリングでAccount profileヘッダーを表示するかどうかも設定できます。

プロファイル エディターのレンダリングを使用すると、お客様は次の情報で構成されるプロファイルを編集できます。

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

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

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

構成

レンダリングのControl Propertiesダイアログで、顧客が「 Save changes」をクリックした後に顧客をリダイレクトするリンクを設定できます。また、顧客がCancelをクリックした後に顧客をリダイレクトするようにリンクを設定することもできます。

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

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

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

構成

レンダリングのControl Propertiesダイアログで、顧客が「 Save changes」をクリックした後に顧客をリダイレクトするリンクを設定できます。また、顧客がCancelをクリックした後に顧客をリダイレクトするようにリンクを設定することもできます。

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

お客様がメールアドレスを送信すると、システムによってそのメールがチェックされます。

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

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