キャンセル
検索
導入前のご相談 06-6485-5330
運用サポート:06-6485-6485 平日9:30~18:00(土日祝除く)
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

「お客様情報入力」レイアウトのシステムパーツ

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

「お客様情報入力」レイアウトのシステムパーツ

購入者情報入力表示エリア(レイアウトパーツ)

お客様情報入力表示

お客様情報入力フォーム

お客様情報入力画面(コマースクリエイター)について

購入時のお客様情報入力画面は、ご注文者情報を入力いただき、ご注文者情報を利用して会員登録を行う画面です。

表示項目

入力項目は「氏名/氏名(フリガナ) /Eメールアドレス/郵便番号/都道府県 /住所1(市区町村)/住所2(番地)/住所3(建物名)/お電話番号」となります。(注文者情報)

構築メニュー>入力項目設定>顧客登録項目設定にて、住所2・住所3のみ「使用する(必須)/使用する/使用しない」から選択できます。(その他は必須項目となります。)変更する場合は「会員用入力項目/非会員用入力項目」の設定を揃えてください。

会員機能をご利用の場合は、会員登録(の意思確認)チェックボックス、メールマガジン購読チェックボックス、個人情報保護方針に同意するチェックボックスが表示されます。

表示順の変更

表示順の変更はCSSにて行えます。下記に例をしめします。入力例となりますので、ご利用の際はデザインにあわせて適宜ご対応ください。

.fs-body-customerDetails .fs-c-inputTable > tbody {
    display: flex;
    flex-direction: column;
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(1) {
    order: 1;  /* 氏名の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(2) {
    order: 2;  /* 氏名(フリガナ)の表示順を入力*/
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(3) {
    order: 3;  /* Eメールアドレスの表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(4) {
    order: 4;  /* 郵便番号の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(5) {
    order: 5;  /* 都道府県の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(6) {
    order: 6;  /*  住所1(市区町村)の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(7) {
    order: 7;  /* 住所2(番地)の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(8) {
    order: 8;  /* 住所3(建物名)の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(9) {
    order: 9;  /* お電話番号の表示順を入力 */
}

例えば、メールアドレスをお電話番号の下に表示する場合は、「.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(3) 」を「order: 10;」にします。

お客様情報入力フォームは、以下にて設定します。

会員登録のチェックボックス
構築メニュー>入力項目設定>会員機能に関する設定-基本設定で会員制機能を利用するにチェックがある場合、チェックボックスが表示されます。
チェックボックスは必ず表示されます。
会員登録のチェックボックスの初期値
構築メニュー>入力項目設定>会員機能に関する設定-会員登録機能-新規会員登録を促すチェックボックスで「あらかじめチェックされた状態にする」にチェックすると、画面を表示した際にチェックありの状態になります。(初期値はチェックありになっています。)
会員規約への同意メッセージ
コマースクリエイター>メッセージ-会員登録会員規約同意チェックありメッセージ/会員登録会員規約同意チェックなしメッセージ/会員登録会員規約同意チェックなしエラーメッセージにて設定できます。
個人情報保護方針への同意メッセージ
コマースクリエイター>メッセージ-個人情報保護方針同意メッセージ/個人情報保護方針同意チェックメッセージ/個人情報保護方針同意チェックなしエラーメッセージにて設定できます。
メールマガジンの購読のメッセージ
コマースクリエイター>メッセージ-メールマガジン受信可否メッセージの入力内容が表示されます。
会員パスワードの桁数・文字種
構築メニュー>入力項目設定>会員機能に関する設定-会員パスワードセキュリティレベルの設定にて設定できます。
会員規約への同意メッセージ
コマースクリエイター>メッセージ-会員登録会員規約同意チェックありメッセージ/会員登録会員規約同意チェックなしメッセージ/会員登録会員規約同意チェックなしエラーメッセージにて設定できます。
個人情報保護方針への同意メッセージ
コマースクリエイター>メッセージ-個人情報保護方針同意メッセージ/個人情報保護方針同意チェックメッセージ/個人情報保護方針同意チェックなしエラーメッセージにて設定できます。
メールマガジンの購読のメッセージ
コマースクリエイター>メッセージ-メールマガジン受信可否メッセージの入力内容が表示されます。
各入力項目の説明文
コマースクリエイター>メッセージにて各種設定できます。
お客様・会員情報 氏名メッセージ/お客様・会員情報 氏名(フリガナ)メッセージ/お客様・会員情報 メールアドレスメッセージ/お客様・会員情報 郵便番号メッセージ/お客様・会員情報 都道府県メッセージ/お客様・会員情報 住所1(市区町村)メッセージ/お客様・会員情報 住所2(番地)メッセージ/お客様・会員情報 住所3(建物名)メッセージ/お客様・会員情報 電話番号1メッセージ/お客様・会員情報 電話番号2メッセージ/お客様・会員情報 パスワードメッセージ

なお、会員規約の内容は「会員規約について(フリーパーツ)」、個人情報保護方針の内容は「個人情報の取り扱いについて(フリーパーツ)」にて変更していただけます。(スタートアップテーマの場合)

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

以前からのECサイト用項目で、コマースクリエイターでは使用しません。(右側にこちらの色の点線が表示されます。)

コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。(右側にこちらの色の点線が表示されます。)

上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター無効 コマースクリエイター有効 コマースクリエイター運用中
コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。