運用サポート(平日10:00~17:30) 06-6485-6485
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

commerce creator 管理画面の使い方

×

マニュアル閲覧上の注意

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

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

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

commerce creatorへの画面切替

以前からの管理画面にて「commerce creator」を選択してください。

初めてcommerce creatorを利用する場合

最初に、コマースクリエイターを有効化していただく必要があります。コマースクリエイターを有効化すると、以前からのユーザー画面でECサイトを運営しながら、コマースクリエイター専用ECサイトを構築することができます。管理TOP>管理者設定>管理者一覧より申請できます。
ご担当者名など必要事項をご記入の上、コマースクリエイターの利用申請をしてください。

以前からの管理画面への遷移

画面上部のメニューを選択してください。
「管理TOP」「構築メニュー」「運用メニュー」「モバイル」の4つのメニューのいずれかに遷移できます。

以前からの管理画面で行う設定

以前からの管理画面で行う設定については、コマースクリエイターの設定項目と管理画面をご覧ください。

commerce creator管理画面の構成と使用方法

機能メニュー構成

テーマがcommerce creatorのトップページになります。
「共通」の機能と「テーマ機能に含まれる」機能に分類できます。ページの表示内容やデザインはテーマごとに設定します。

共通/テーマ 機能 説明
共通 ページ テーマによらず共通です
フリーページ テーマによらず共通です。
パーツ 複数のテーマで使用できます。
メッセージ テーマによらず共通の内容を設定します。
アイテム 複数のテーマで使用できます。
管理タグ 複数のテーマで使用できます。
テーマ カラー・サイズ スタートアップテーマ用のカラー・サイズ設定。
ボタン ボタンを設定。ラベル・class・ボタン画像を登録。
商品マーク ラベル・class・画像登録・商品タグを設定
レイアウト テーマで使用するレイアウトを設定
オリジナルCSS テーマごとのoriginal.cssを設定。
デバイス ECサイトにアクセスするデバイスごとに表示するテーマを設定。

管理画面の構成

管理画面は、一覧と設定/追加/変更画面で構成されています。
一覧で対象となるデータを検索し、設定画面または追加画面または変更画面で任意の内容にして保存するのが基本的な使い方となります。

一覧画面
一覧とは操作対象となるデータを検索し、選択するための画面です。基本的に、追加や複製は一覧で行います。
また一覧画面では、ECサイトに表示する際の順番を設定する、または複数ある中でECサイトに反映するデータを決める場合があります。
追加画面
追加画面とは、futureshopシステムに新しいデータを保存するための設定画面です。
変更画面
変更画面とは、すでにfutureshopシステムに保存されているデータを操作して保存するための設定画面です。
設定画面
設定画面とは、あらかじめfutureshopシステムに準備されているデータを操作して保存するための画面です。変更と違い、追加や削除ができないデータに対する画面です。
追加/変更画面をまとめて「設定画面」と呼称する場合があります。

一覧検索条件

画面によって様々な検索条件が指定できます。

検索項目 説明
キーワード 名称や表示内容を指定して検索できます。詳しくは各画面の説明をご覧ください。
種類 ページパーツアイテムの種類を指定して検索できます。
パス フリーページアイテムのパスで検索できます。
状況 フリーページレイアウトの有効/無効を指定して検索できます。
管理タグ 管理タグをつけたアイテムパーツを検索できます。

保存について

画面の右下にある「保存する」ボタンはfutureshopシステムにデータを保存できます。画面に表示されている状態でよければ、「保存する」ボタンを押下してください。
「保存する」ボタンを押下せずに、他の画面に遷移すると、未保存の作業内容は消えます。

レイアウトの一時保存機能について

レイアウト画面ではパーツの配置を変更できます。
この際、レイアウト画面からパーツ変更画面に遷移できますが、パーツ変更画面に遷移しても、レイアウト画面で未保存の作業内容が保存されています。パーツの変更を保存した後、「レイアウト設定に戻る」ボタンを押下すると、遷移前のレイアウト画面に遷移できます。

なお、未保存の作業内容が保存されるのは、レイアウト画面だけとなります。詳しくはレイアウトをごご覧ください。

パーツオプション設定・パーツ内容入力用画面の保存について

  • パーツオプション設定、レイアウトパーツ追加などのモーダルウインドウ画面では「OK」ボタンを押下しても、作業内容が保存されていません。保存するには「OK」ボタン押下後の画面で「保存する」ボタンを押下してください。
  • カルーセルパーツの「スライド」・コラムパーツの「コラム」・箇条書きパーツの「行」を追加/変更する画面では、「OK」ボタンを押下しても、作業内容が保存されていません。保存するには「OK」ボタン押下後のパーツ追加/変更画面で「保存する」ボタンを押下してください。
  • また、メニューパーツのメニュー項目追加/変更画面では、「OK」ボタンを押下しても、作業内容が保存されていません。保存するには「OK」ボタン押下後のパーツ追加/変更画面で「保存する」ボタンを押下してください。

ブックマークについて

各画面はブックマークできます。よく使う画面だけでなく、よく変更するデータの変更・設定画面をブラウザのブックマークにすることで、作業を効率化できます。

プレビュー

プレビューヘッダを非表示にするCSS記述について

下記の記述を、ご利用のテーマのオリジナルCSSに記述してください。

.fs-preview-header { display: none; }
		

プレビューモード(コマースクリエイター)

デザイン確認モード

管理画面の設定にかかわらず、ECサイトで各オプション機能を利用する設定として表示されます。
オプション機能のデザイン調整にご利用いただけます。また、非公開の商品や商品グループが表示されます。なお、プレビューモードでは非公開商品をカートに入れることはできません。

動作確認モード

管理画面の設定にしたがって、ECサイトが表示されます。
非公開の商品や商品グループは表示されません。

プレビュー用URL・QRコード

スマートフォンからテーマをプレビューする場合に、表示されたQRコードを、QRコード読取機能があるアプリで読み取ってください。
または併記されたURLをメールなどで共有してください。
プレビューを表示するボタンを押下すると、別タブで表示されます。

各画面のプレビュー機能について

下記いずれの画面でもプレビューできます。各画面ごとにプレビューの機能が違います。下記の説明をご覧ください。

テーマ(commerce creator)

選択したテーマを適用したECサイトをプレビュー表示できます。

レイアウト(commerce creator)

選択したレイアウトをプレビュー表示できます。(トップページが表示されます。)
商品レイアウトであれば、すべての商品がプレビュー中レイアウトで表示されます。
未保存の作業内容がある場合は、未保存の作業内容を適用してプレビュー表示をできます。

カラー・サイズ(commerce creator)

選択したカラー・サイズを適用したECサイトをプレビュー表示できます。

ページ(commerce creator)

該当ページを閲覧デバイス(デバイス設定)に従ってプレビュー表示します。
デフォルトレイアウトで表示されます。

フリーページ(commerce creator)

該当ページを閲覧デバイス(デバイス設定)に従ってプレビュー表示します。フリーページはページごとにレイアウトを割当できます。プレビューでは、割当されたレイアウトで表示されます。割当がなければ、有効なレイアウトで表示されます。

商品管理・商品グループ管理(以前からの管理画面)

以前からのユーザー画面のプレビュー・コマースクリエイター用ユーザー画面のプレビューを選べます。

商品グループや商品が登録されていれば、商品ページをプレビューでご覧いただけます。
プレビューモードでも、カートに商品を入れて、購入を行えますが、受注データは作成されません。また在庫数は減りません。

商品・商品グループは、それぞれ別のレイアウトを適用できます。運用メニュー>商品管理>レイアウト・SEO設定-レイアウトにて割当されたレイアウトで表示されます。割当されなければ、デフォルトレイアウトで表示されます。

プレビューモードの機能別動作について

各機能ごとに動作確認モード・デザイン確認モードのそれぞれでの表示は以下となります。

画面 動作確認モード デザイン確認モード 説明
配送サービス 宅配便 設定に準拠する(出力する) 設定に準拠する(出力する) 「使用設定」は「使用する」のみ
ネコポス 設定に準拠する 設定に準拠する
クロネコメール便速達サービス 設定に準拠する 設定に準拠する
飛脚メール便 設定に準拠する 設定に準拠する
メール便サービス1 設定に準拠する 設定に準拠する
メール便サービス2 設定に準拠する 設定に準拠する
メール便サービス3 設定に準拠する 設定に準拠する
メール便サービス4 設定に準拠する 設定に準拠する
決済方法 銀行振込 設定に準拠する 設定に準拠する
代金引換 設定に準拠する 設定に準拠する
郵便振込 設定に準拠する 設定に準拠する
クレジットカード(F-REGI) 設定に準拠する 設定に準拠しない(出力する) アカウント発行(F-REGI)が必要
クレジットカード(SBPS) 設定に準拠する 設定に準拠しない(出力する) アカウント発行(SBPS)が必要
NP後払い 設定に準拠する 設定に準拠する
店頭払い 設定に準拠する 設定に準拠する
任意決済 設定に準拠する 設定に準拠する
任意決済2 設定に準拠する 設定に準拠する
任意決済3 設定に準拠する 設定に準拠する
Amazon Pay 設定に準拠する 設定に準拠しない(出力する)
クレジットカード保持設定(F-REGI) 利用設定 設定に準拠する 設定に準拠しない(出力する) マイページのクレジットカード情報一覧
クレジットカード保持設定(SBPS) 利用設定 設定に準拠する 設定に準拠しない(出力する) マイページのクレジットカード情報一覧
お届け先に関する設定 複数お届け機能 設定に準拠する 設定に準拠する
futureRecommend2 行動履歴収集タグ出力設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
レコメンド表示設定(商品詳細) 設定に準拠する 設定に準拠する
レコメンド表示設定(カートページ) 設定に準拠する 設定に準拠する
Amazon設定 利用設定 設定に準拠する 設定に準拠しない(出力する) Amazonセラーセントラルのアカウントが必要
設定されていない場合、ご注文手続きページに遷移しない
LINE設定 利用設定 設定に準拠する 設定に準拠しない(出力する) LINEDevelopersのアカウント・チャネル設定が必要
SBペイメントサービス設定 利用設定 設定に準拠する 設定に準拠しない(出力する) SBペイメントサービスのアカウント情報(マーチャントID・サービスIDなど)が必要
会員機能に関する設定 会員登録の強制・非強制 設定に準拠する 設定に準拠する
会員登録方法 設定に準拠する 設定に準拠する
包装設定 利用設定 設定に準拠する 設定に準拠する
お届け日時設定 お届け希望日設定 設定に準拠する 設定に準拠する
お届け希望時間設定 設定に準拠する 設定に準拠する
フォームアシスト設定 利用設定 設定に準拠する(出力する) 設定に準拠する(出力する)
拡張eコマース設定(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
測定タグ一覧(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
測定タグ設定(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
構造化データ設定(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
商品グループ 公開設定 設定に準拠する 設定に準拠しない(出力する)
闇市 設定に準拠する 設定に準拠する
商品 公開設定 設定に準拠する 設定に準拠しない(出力する)
闇市 設定に準拠する
会員専用 設定に準拠する 設定に準拠する
販売期間 設定に準拠する 設定に準拠する
レコメンド2設定 設定に準拠する 設定に準拠する
予約在庫 設定に準拠する 設定に準拠する
予定在庫 設定に準拠する 設定に準拠する
入荷お知らせメール表示設定 設定に準拠する 設定に準拠する
バンドル商品 適用設定 設定に準拠する 設定に準拠する
ポイント設定 利用設定 設定に準拠する 設定に準拠する
レビュー設定 利用設定 設定に準拠する 設定に準拠しない(出力する)
クーポン設定 利用設定 設定に準拠する 設定に準拠する
公開設定 設定に準拠する 設定に準拠しない(出力する)
公開期間 設定に準拠する 設定に準拠する
取得期間 設定に準拠する 設定に準拠する
利用期間 設定に準拠する 設定に準拠する
クーポンコード入力フォーム設定 設定に準拠する 設定に準拠する
入荷お知らせメール ボタン表示設定 設定に準拠する 設定に準拠する
実店舗在庫設定 利用設定 設定に準ずる 設定に準拠しない(出力する)
その他 メンテナンス中 設定に準拠する 設定に準拠する 「https://ドメイン名/p/closed」を直接表示
利用可能クーポン商品チェック 設定に準拠する 設定に準拠しない(対象とする)
おすすめ商品 設定に準拠する 設定に準拠しない(対象とする)
各種商品表示条件 設定に準拠する 設定に準拠しない(対象とする)
レビュー件数 設定に準拠する 設定に準拠しない(出力する)
入荷お知らせページ(直接アクセス) 設定に準拠する 設定に準拠しない(出力する)
会員登録 設定に準拠する 設定に準拠する
Amazonチェックアウト 設定に準拠しない(データ作成しない) 設定に準拠しない(データ作成しない) 会員/受注データの両方作成しない
通常決済 設定に準拠しない(データ作成しない) 設定に準拠しない(データ作成しない) 受注データの作成しない

プレビューボタンで表示されるページについて

コマースクリエイター>テーマ>レイアウト一覧にて行えるプレビューによって表示されるページは下記のようになります。

  • プレビューボタンを押下したレイアウトがプレビューできます。ECサイトで利用していないレイアウトもプレビューできます。また未保存の作業状態がプレビューに反映されます。
  • 商品・商品グループに関するページ(レビューやお問い合わせ含む)は、いったんトップページのプレビュー表示に遷移します。任意の商品を表示してプレビューを確認してください。
  • マイページに含まれるページは、プレビューモードでログインしていただく必要があります。
  • ショッピングカートから注文完了までの間のページや「完了」ページは実際に遷移すればプレビュー表示できます。
  • 受注情報は登録されませんが、会員やメールマガジン会員、レビューは実際に登録されます。

ヘルプ・ダイアログ

マニュアルボタン

各画面の右上にあるマニュアルボタンから、各画面のオンラインマニュアルページを表示できます。

ヘルプ機能について

管理画面の各項目に関して、マウスオーバーで名称や機能を補足するヘルプ(ツールチップ)が表示されます。操作の補助にご参照ください。

ダイアログ機能について

管理画面の使用方法などを、短いメッセージで説明するメッセージが表示されます。操作の補助にご参照ください。

最初に各画面を開いた際、各画面の簡単な説明が表示されます。「×」を押下すると、閉じます。

画面右上に「説明」ボタンが表示されます。再度、説明を見たい場合は「説明」ボタンを押下してください。

説明が表示されます。更新される場合がありますので、適宜ご確認ください。

その他

  • テーマ名、テーマ説明、パーツ名、パーツ備考、レイアウト名などはECサイトに表示されない、管理用の名称です。

commerce creator管理画面のボタン・アイコン一覧

検索結果一覧に表示されるボタン/アイコン

ボタン 説明
設定するボタン/変更するボタン 変更できます。
複製するボタン 複製できます。
プレビューを表示するボタン プレビューを表示します。
パーツ置換文字コピー パーツ/アイテム置換文字をクリップボードにコピーできます。
選択するボタン パーツ/アイテムを選択できます。
拡大表示ボタン 画像を拡大表示できます。
アップロードボタン 画像をアップロードできます。
未保存 未保存の作業内容があるレイアウトです。
一覧表示件数 一覧に表示する件数を20件/50件/100件/200件から変更できます。
ページャ 検索結果が一覧表示件数より多い場合に、2ページ目以降へ遷移できます。
追加するボタン データを追加します。

追加/変更・設定画面に表示されるボタン/アイコン

ボタン 説明
ドラッグする/表示順を変更する ドラッグして順番を変更できます。
リンク設定済み リンクが設定されています。
配置するボタン レイアウトに配置できます。
配置できません レイアウトに配置できません。
外すボタン 表示対象から外します。
システムパーツ システムパーツです。
パネルパーツ パネルパーツです。
フリーパーツ フリーパーツです。
パターンパーツ パターンパーツです。
レイアウトパーツ レイアウトパーツです。
開くボタン 下部階層を開く、または下部階層へ遷移します。
レイアウト確認ボタン レイアウトのパーツ配置(構造)を表示します。
検索条件を表示するボタン
検索条件を閉じるボタン 追加の検索条件を閉じます。
操作するボタン 操作メニューを開きます。
表示しないボタン 表示しています。押下すると非表示にします。
表示するボタン 表示していません。押下すると表示します。
選択するボタン 検索結果に表示されたパーツまたはアイテムを選択します。
閉じるボタン モーダルなどを閉じます。
表示条件を設定(表示)する 表示条件を設定(表示)します。
設定するボタン 設定画面に遷移します。
商品タグ 商品タグです。
商品タグは運用メニュー>商品管理>商品新規登録・商品基本情報編集-タグにて設定できます。

項目表示について

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

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

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

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

×

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

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

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