1. オンラインマニュアル
  2. 管理画面メニュー別ガイド
  3. [commerce creator]メニュー
  4. commerce creator 管理画面概要
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル

commerce creator 管理画面概要

目次

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

機能メニュー構成

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

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

管理画面の構成

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

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

一覧検索条件

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

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

保存について

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

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

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

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

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

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

ブックマークについて

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

プレビュー

Webスキミング防止対策のため、2021.4.26以降、対象画面ではfutureshopシステムおよび一部の許可されたドメイン以外からの外部読み込みの<script>タグ、<iframe>タグの記述は削除されます。
2021.4.13以降、プレビュー表示においても削除されていますのでご注意ください。(動作していません。)

詳しくは、Webスキミング防止対策 ‐JavaScriptを利用している場合/Webスキミング防止対策 ‐iframeタグを利用している場合をご覧ください。

プレビューに必要なhosts設定について(ショップの引っ越しや移行中(有効化済み)店舗様のみ)

同じドメインで稼働中のECサイトがある場合や、コマースクリエイター有効化の状態では、店舗ドメインは稼働中のECサイトに適用されています

店舗ドメインでコマースクリエイター側のECサイトを閲覧するには、hosts設定が必要となります。
host設定に必要なIPアドレスは、フューチャーショップサポートからのご案内に記載されています。

hosts設定の手順については以下をご参照ください。
DNS切り替え前に利用予定のドメインで構築や表示確認をすることはできますか?(hosts設定)をご覧ください。

なお、スマートフォン(Android/iPhoneなど)には、標準ではhosts設定機能がないため、閲覧できません。
プレビューでも同様となります。PCブラウザなどでシミュレータにてご確認ください。(Google ChromeのChrome DevTools等)

プレビュー可能な画面とプレビュー機能について

下記の画面にて、プレビューできます。

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

テーマ(commerce creator)

コマースクリエイター>テーマのプレビューボタンを押下します。
押下すると、プレビューモード(コマースクリエイター)を選択するモーダルが開きます。

「モード」を選択すると、選択したテーマを適用したECサイトをプレビュー表示できます。
詳しくは、コマースクリエイター>テーマ-プレビューをご覧ください。

レイアウト(commerce creator)

コマースクリエイター>テーマ>レイアウト一覧のプレビューボタンを押下します。
押下すると、プレビューモード(コマースクリエイター)を選択するモーダルが開きます。

「モード」を選択すると、選択したレイアウトをプレビュー表示できます。
レイアウトによりプレビューボタンを押下時の表示画面が異なります。
詳しくは、「レイアウト一覧」からのプレビューで表示されるページについてをご覧ください。

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

カラー・サイズ(commerce creator)

コマースクリエイター>テーマ>カラー・サイズ一覧のプレビューボタンを押下します。
押下すると、プレビューモード(コマースクリエイター)を選択するモーダルが開きます。

「モード」を選択すると、選択したカラー・サイズを適用したECサイトをプレビュー表示できます。
詳しくは、コマースクリエイター>カラー・サイズ一覧-プレビューをご覧ください。

ページ(commerce creator)

コマースクリエイター>ページ一覧のプレビューボタンを押下します。
押下すると、プレビューモード(コマースクリエイター)を選択するモーダルが開きます。

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

詳しくは、コマースクリエイター>ページ一覧-プレビューをご覧ください。

フリーページ(commerce creator)

コマースクリエイター>フリーページ一覧のプレビューボタンを押下します。
押下すると、プレビューモード(コマースクリエイター)を選択するモーダルが開きます。

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

詳しくは、コマースクリエイター>フリーページ一覧-プレビューをご覧ください。

商品管理・商品グループ管理(classic)

運用>商品管理>商品グループ管理(新規登録・編集)/運用>商品管理>商品新規登録・商品基本情報編集のプレビューボタンを押下します。
押下すると、プレビューモード(コマースクリエイター)を選択するモーダルが開きます。

移行中(有効済み)店舗は、以前からのユーザー画面のプレビュー・コマースクリエイター用ユーザー画面のプレビューを選べます。

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

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

詳しくは、商品グループ・商品詳細ページのプレビューをご覧ください。

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

プレビュー可能な画面にてプレビューボタンを押下すると、プレビューモードを選択するモーダルが開きます。

デザイン確認モード
管理画面の設定にかかわらず、ECサイトで各オプション機能を利用する設定として表示されます。
オプション機能のデザイン調整にご利用いただけます。
また、非公開の商品や商品グループが表示されます。
なお、プレビューモードでは非公開商品をカートに入れることはできません。
動作確認モード
管理画面の設定にしたがって、ECサイトが表示されます。
非公開の商品や商品グループは表示されません。
プレビュー用URL・QRコード
スマートフォンからテーマをプレビューする場合に、表示されたQRコードを、QRコード読取機能があるアプリで読み取ってください。
または併記されたURLをメールなどで共有してください。
プレビューを表示するボタンを押下すると、別タブで表示されます。

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

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

画面 動作確認モード デザイン確認モード 説明
配送サービス 宅配便 設定に準拠する(出力する) 設定に準拠する(出力する) 「使用設定」は「使用する」のみ
ネコポス 設定に準拠する 設定に準拠する
クロネコメール便速達サービス 設定に準拠する 設定に準拠する
飛脚メール便 設定に準拠する 設定に準拠する
メール便サービス1 設定に準拠する 設定に準拠する
メール便サービス2 設定に準拠する 設定に準拠する
メール便サービス3 設定に準拠する 設定に準拠する
メール便サービス4 設定に準拠する 設定に準拠する
店舗受け取り
店舗受取オプションご利用時のみ
設定に準拠する 設定に準拠しない(出力する)

※併用不可である複数お届け機能の利用チェックONでも出力されます。
「受取店舗詳細」モーダルは、受取店舗詳細表示設定に準拠する
事前確認は、店舗受取設定>利用設定をチェックOFF・受取店舗詳細表示設定をチェックONにし、「デザイン確認モード」にて。
「受取店舗詳細」モーダル上の地図表示は、Google Maps Platform利用設定に準拠する
事前確認は、店舗受取設定>利用設定をチェックOFF・Google Maps Platform利用設定をチェックONにし、「デザイン確認モード」にて
決済方法 銀行振込 設定に準拠する 設定に準拠する
代金引換 設定に準拠する 設定に準拠する
郵便振込 設定に準拠する 設定に準拠する
クレジットカード(F-REGI) 設定に準拠する 設定に準拠しない(出力する) アカウント発行(F-REGI)が必要
クレジットカード(SBPS) 設定に準拠する 設定に準拠しない(出力する) アカウント発行(SBPS)が必要
PayPay(SBPS) 設定に準拠する 設定に準拠しない(出力する)

※SBPS側の決済画面表示はできません。詳しくはPayPay画面遷移と対応機能-プレビューについてをご覧ください。
アカウント発行(SBPS)が必要
コンビニ決済(SBPS) 設定に準拠する 設定に準拠しない(出力する)

※SBPS側の決済画面表示はできません。詳しくはコンビニ決済(SBPS)画面遷移と対応機能-プレビューについてをご覧ください。
アカウント発行(SBPS)が必要
楽天ペイ(オンライン決済) 設定に準拠する 設定に準拠しない(出力する)

※楽天側の決済画面表示はできません。詳しくは楽天ペイ(オンライン決済)画面遷移と関連仕様-プレビューについてをご覧ください。
楽天RCMSアカウントが必要
d払い(SBPS) 設定に準拠する 設定に準拠しない(出力する)

※キャリア側の決済画面表示はできません。詳しくはd払い・キャリア決済 画面遷移と対応機能-プレビューをご覧ください。
アカウント発行(SBPS)が必要
キャリア決済 ソフトバンクまとめて支払い(SBPS)設定 設定に準拠する 設定に準拠しない(出力する)

※キャリア側の決済画面表示はできません。詳しくはd払い・キャリア決済 画面遷移と対応機能-プレビューをご覧ください。
アカウント発行(SBPS)が必要
キャリア決済 auかんたん決済(SBPS)設定 設定に準拠する 設定に準拠しない(出力する)

※キャリア側の決済画面表示はできません。詳しくはd払い・キャリア決済 画面遷移と対応機能-プレビューをご覧ください。
アカウント発行(SBPS)が必要
NP後払い 設定に準拠する 設定に準拠する
店頭払い 設定に準拠する 設定に準拠する
任意決済 設定に準拠する 設定に準拠する
任意決済2 設定に準拠する 設定に準拠する
任意決済3 設定に準拠する 設定に準拠する
Amazon Pay 設定に準拠する 設定に準拠しない(出力する)
クレジットカード保持設定(F-REGI) 利用設定 設定に準拠する 設定に準拠しない(出力する) マイページのクレジットカード情報一覧
クレジットカード保持設定(SBPS) 利用設定 設定に準拠する 設定に準拠しない(出力する) マイページのクレジットカード情報一覧
お届け先に関する設定 複数お届け機能 設定に準拠する 設定に準拠する

※併用不可である店舗受取オプションをご利用の場合は、店舗受取設定-利用設定チェックON/OFFにかかわらず、出力されません。(店舗受け取り側がプレビューされます。)
futureRecommend2 行動履歴収集タグ出力設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
レコメンド表示設定(商品詳細) 設定に準拠する 設定に準拠する
レコメンド表示設定(カートページ) 設定に準拠する 設定に準拠する
Amazon設定 利用設定 設定に準拠する 設定に準拠しない(出力する) Amazonセラーセントラルのアカウントが必要
設定されていない場合、ご注文手続きページに遷移しない
LINE設定 利用設定 設定に準拠する 設定に準拠しない(出力する) LINEDevelopersのアカウント・チャネル設定が必要
SBペイメントサービス設定 利用設定 設定に準拠する 設定に準拠しない(出力する) SBペイメントサービスのアカウント情報(マーチャントID・サービスIDなど)が必要
会員機能に関する設定 会員登録の強制・非強制 設定に準拠する 設定に準拠する
会員登録方法 設定に準拠する 設定に準拠する
包装設定 利用設定 設定に準拠する 設定に準拠する
お届け日時設定 お届け希望日設定 設定に準拠する 設定に準拠する
お届け希望時間設定 設定に準拠する 設定に準拠する
フォームアシスト設定 利用設定 設定に準拠する(出力する) 設定に準拠する(出力する)
拡張eコマース設定(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
測定タグ一覧(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
測定タグ設定(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
構造化データ設定(コマースクリエイター) 利用設定 設定に準拠しない(出力しない) 設定に準拠しない(出力しない)
商品グループ 公開設定 設定に準拠する 設定に準拠しない(出力する)
闇市 設定に準拠する 設定に準拠する
商品 公開設定 設定に準拠する 設定に準拠しない(出力する)
闇市 設定に準拠する
会員専用 設定に準拠する 設定に準拠する
販売期間 設定に準拠する 設定に準拠する
レコメンド2設定 設定に準拠する 設定に準拠する
予約在庫 設定に準拠する 設定に準拠する
予定在庫 設定に準拠する 設定に準拠する
入荷お知らせメール表示設定 設定に準拠する 設定に準拠する
バンドル商品 適用設定 設定に準拠する 設定に準拠する
ポイント設定 利用設定 設定に準拠する 設定に準拠する
レビュー設定 利用設定 設定に準拠する 設定に準拠しない(出力する)
クーポン設定 利用設定 設定に準拠する 設定に準拠する
公開設定 設定に準拠する 設定に準拠しない(出力する)
公開期間 設定に準拠する 設定に準拠する
取得期間 設定に準拠する 設定に準拠する
利用期間 設定に準拠する 設定に準拠する
クーポンコード入力フォーム設定 設定に準拠する 設定に準拠する
入荷お知らせメール ボタン表示設定 設定に準拠する 設定に準拠する
実店舗在庫設定 利用設定 設定に準ずる 設定に準拠しない(出力する)
定期・頒布会設定 利用設定 設定に準ずる 設定に準拠しない(出力する)
その他 メンテナンス中 設定に準拠する 設定に準拠する 「https://ドメイン名/p/closed」を直接表示
利用可能クーポン商品チェック 設定に準拠する 設定に準拠しない(対象とする)
おすすめ商品 設定に準拠する 設定に準拠しない(対象とする)
各種商品表示条件 設定に準拠する 設定に準拠しない(対象とする)
レビュー件数 設定に準拠する 設定に準拠しない(出力する)
入荷お知らせページ(直接アクセス) 設定に準拠する 設定に準拠しない(出力する)
会員登録 設定に準拠する 設定に準拠する
メールアドレス認証(会員登録・メールマガジン申込) 設定に準拠する 設定に準拠する(画面遷移しない)
Amazonチェックアウト 設定に準拠しない(データ作成しない) 設定に準拠しない(データ作成しない) 会員/受注データの両方作成しない
通常決済 設定に準拠しない(データ作成しない) 設定に準拠しない(データ作成しない) 受注データの作成しない
futureshop omni-channel利用店舗のみ
omni-channel設定 利用設定 設定に準拠する 設定に準拠する
会員設定 futureshop omni-channel設定 設定に準拠しない 設定に準拠する 動作確認モードの場合は、omni-channel設定-利用設定運用>ポイント管理>omni-channel設定-基本設定-公開ステータスのチェックONの場合のみ出力

「レイアウト一覧」からのプレビューで表示されるページについて

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

プレビューボタンを押下したレイアウトがプレビューできます。
ECサイトで利用していないレイアウトもプレビューできます。
また未保存の作業状態がプレビューに反映されます。

商品・商品グループに関するページ(レビューやお問い合わせ含む)について
いったんトップページのプレビュー表示に遷移します。
任意の商品を表示してプレビューを確認してください。
マイページに含まれるページについて
プレビューモードで表示されたECサイトにて、ログインしてください。
ショッピングカートから注文完了までの間のページ/「完了」ページについて
実際にお買い物を行い、ページを遷移して確認してください。
その他
受注情報は登録されません。
会員やメールマガジン会員、レビューは実際に登録されます。
ただし、「メールアドレス認証画面(会員登録メールマガジン登録)」は、「メールアドレス認証機能(会員登録メールマガジン登録)」の設定チェックをONにしている場合に限り、確認できます。

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

プレビュー表示をすると、下図(赤枠)のようにプレビューヘッダーが表示されます。

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

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

その他

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