コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]

スタートアップテーマをベースに構築する方法

スタートアップテーマとは

スタートアップテーマとは

すぐ開店できるように、サンプルパーツが配置されたテーマです。業種や商材によらず使用できるように、シンプルなデザインをご用意しています。
サンプルは業種・商材によらずよく使われるパーツや、futureshopの機能をご利用いただくために推奨されるパーツを選択しました。
一部、オプション機能のご利用を前提としたサンプルもございます。
不要なパーツがあれば、レイアウトやパネルパーツから「パーツを外す」ことでECサイトに表示されなくなります。

なお、開店前に以下をご確認ください。ECサイトとして正しい状態で運営するため、必要な設定を行なってください。

確認方法

開店前の店舗ならば、プレビューで確認できます。プレビューまたは店舗を直接表示して、各ページをご確認ください。
hostsファイルの設定が必要な場合がございます。IPアドレスについては、フューチャーショップサポートへお問い合わせください。

作業手順

各ページに設定されたサンプルをご確認いただき、構築したいECサイトにあわせて変更してください。
ダミーの名前などが記載されていますので、必ず変更をお願いします。
配置されているすべてについてはスタートアップテーマの初期設定パーツ一覧をご覧ください。

店舗全体

ファビコン(アイテム)

変更してください。ブラウザのタブや、ブラウザのブックマーク(お気に入り)に表示されます。自社のファビコン(favicon.icoファイル)に変更してください。コマースクリエイター>アイテム一覧に登録されてますので、変更してください。

ECサイトロゴ画像(アイテム)

変更してください。自社のロゴ画像に変更してください。コマースクリエイター>アイテム一覧に登録されてますので、画像を変更してください。

サイトメンテナンス中ページ(アイテム)

フューチャーショップシステムのバージョンアップ作業(サイトメンテナンス)中に表示される静的HTMLページです。コマースクリエイター>アイテム一覧に登録されていますので、必要に応じて告知を記入するなどしてください。

ページが見つかりません(404)ページ(アイテム)

自動生成ページ以外のURLで該当するページがない場合に表示されます。
自動生成ページの場合は、ページが見つりませんページが表示されます。表示内容はページが見つかりません(フリーパーツ)が配置されています。なお、自動生成ページのURLは「商品グループ・商品詳細(店舗ドメイン/c/)」「バンドル商品一覧(店舗ドメイン/b/)」「フリーページ(店舗ドメイン/f/)」「マイページ(店舗ドメイン/my/)」「左記以外のページ(店舗ドメイン/p/)」のいずれかです。詳しくはページ・URL一覧をご覧ください。

商品画像アイテムがアップロードされるサーバのページが見つかりません(404)ページは別のファイルで固定表示されており、変更できません。

各ページに共通して配置されているパーツ

パネルパーツはPC用テーマ・スマートフォン用テーマに分けていますが、配置されているパーツは共通です。
デバイスによって変更できるようにパネルパーツを分けています。

headタグ共通(パネルパーツ)

headに含まれるパーツです。
全ページに配置されています。全ページ共通のCSSやMETAタグなどはこちらに配置してください。

パネルパーツはPC用テーマ・スマートフォン用テーマに分けていますが、配置されているパーツは共通です。
デバイスによって変更できるようにパネルパーツを分けています。

OGPタグ(フリーパーツ)

必ず変更してください。FacebookなどのSNSにて使用されます。
「headタグ共通」に初期配置されています。置換文字が設定されていますので、ECサイトごと・ページごとの情報が出力されますが、ご利用用途に応じて一部変更が必要な箇所があります。詳しくはOGPタグ(フリーパーツ)をご覧ください。

OGPタグ

FacebookなどのSNSにて使用されます。
設定>プロモーション>OGP設定の設定が出力されます。出力される内容は全ページ共通です。
ECサイトごと・ページごとの情報を出力する場合は、設定>プロモーション>OGP設定-利用設定の「利用する」チェックを外した上で、OGPタグ(フリーパーツ)をご利用ください。置換文字を利用できます。

headタグ/headタグシンプル(パネルパーツ)

※2021.6.29以降のコマースクリエイター利用店舗様のみ

headに含まれるパーツです。それぞれ以下の画面に配置されています。

パネルパーツはPC用テーマ・スマートフォン用テーマに分けていますが、配置されているパーツは共通です。
デバイスによって変更できるようにパネルパーツを分けています。

headタグ
「headタグシンプル」が配置されている画面以外の画面で利用されています。
headタグシンプル
Webスキミング防止のため、futureshopシステムおよび一部の許可されたドメイン以外からの外部読み込みの<script>タグ、<iframe>タグの記述をしない画面に主に配置されています。
<配置対象画面>
  • Webスキミング防止設定-対象画面に記載された画面
  • 下表の画面(いずれもマイページ内の画面になります。ただし、「マイページTOP」「お気に入り」画面は含まれません。)
画面名 サンプルURL 備考
注文履歴 /my/orders
定期・頒布会申込履歴(定期) /my/subscriptions/history 定期・頒布会申込利用店舗様のみ
ポイント履歴 /my/points
クーポン情報 /my/coupons
レビュー履歴
レビュー履歴(LINEメッセージより)
/my/reviews
/p/line/reviews-forward
LINEメッセージからのレビュー履歴:LINE連携オプション利用店舗様のみ
ログイン連携 /my/linked-accounts Apple ID・GoogleアカウントログインオプションAmazon PayLINE連携オプション利用店舗様のみ
LINE ID連携 /p/line/connect LINE連携オプション利用店舗様のみ
LINE ID連携完了 /p/line/success LINE連携オプション利用店舗様のみ
会員登録確認 /p/link-register Apple ID・GoogleアカウントログインオプションAmazon Pay利用店舗様のみ
会員カード /my/membership/card futureshop omni-channel利用店舗様のみ
ポイントおまとめ完了 /my/membership/merge/success futureshop omni-channel利用店舗様のみ
注文履歴(店舗) /my/store-orders futureshop omni-channel利用店舗様のみ
次回お届け日変更 /my/subscriptions/history/(申込コード)/change-delivery 「マイページから次回お届け日を変更する」機能利用店舗様のみ
次回お届け日変更確認 /my/subscriptions/history/(申込コード)/change-delivery/confirm 「マイページから次回お届け日を変更する」機能利用店舗様のみ
定期購入解約 /my/subscriptions/history/(申込コード)/cancel 「マイページから定期・頒布会申込を解約する」機能利用店舗様のみ

ヘッダーエリア・ヘッダーエリアシンプル・ヘッダーエリアその他(パネルパーツ)

ヘッダー部分のパーツです。それぞれ以下の画面に配置されています。

ヘッダーエリア
「ヘッダーエリアシンプル」「ヘッダーエリアその他(※2021.6.29以降のコマースクリエイター利用店舗様のみ)」が配置されている画面以外の画面で利用されています。
ヘッダーエリアシンプル
注文過程のページに配置されています。
※(★)マークは「配送・送料機能(upgrade版)」利用時の画面です。(配送・送料機能(upgrade版)とは?)
  • ショッピングカートログイン(通常/定期・頒布会)
  • お客様情報入力(通常/定期・頒布会)
  • ご注文手続き(単数)
  • ご注文手続き(単数)(upgrade)(★)
  • ご注文手続き(複数)
  • お届け方法選択(upgrade)(★)
  • お届け先一覧(複数お届け)
  • 商品数量指定(複数お届け)
  • 商品数量情報更新(複数お届け)
  • 配送・包装方法選択(複数お届け)
  • お申し込み手続き(定期・頒布会)
  • お申し込み手続き(定期・頒布会)(upgrade)(★)
  • 会員登録確認(※A)(Apple ID・GoogleアカウントログインオプションAmazon Pay利用店舗様のみ)
2021.6.29以降の新規店舗様のみ
Webスキミング防止のため、futureshopシステムおよび一部の許可されたドメイン以外からの外部読み込みの<script>タグ、<iframe>タグの記述をしない画面に主に配置されています。
<配置対象画面>
画面名 サンプルURL 備考
注文履歴 /my/orders
定期・頒布会申込履歴(定期) /my/subscriptions/history 定期・頒布会申込利用店舗様のみ
ポイント履歴 /my/points
クーポン情報 /my/coupons
レビュー履歴
レビュー履歴(LINEメッセージより)
/my/reviews
/p/line/reviews-forward
LINEメッセージからのレビュー履歴:LINE連携オプション利用店舗様のみ
ログイン連携 /my/linked-accounts Apple ID・GoogleアカウントログインオプションAmazon PayLINE連携オプション利用店舗様のみ
LINE ID連携 /p/line/connect LINE連携オプション利用店舗様のみ
LINE ID連携完了 /p/line/success LINE連携オプション利用店舗様のみ
会員登録確認 /p/link-register Apple ID・GoogleアカウントログインオプションAmazon Pay利用店舗様のみ
会員カード /my/membership/card futureshop omni-channel利用店舗様のみ
ポイントおまとめ完了 /my/membership/merge/success futureshop omni-channel利用店舗様のみ
注文履歴(店舗) /my/store-orders futureshop omni-channel利用店舗様のみ
次回お届け日変更 /my/subscriptions/history/(申込コード)/change-delivery 「マイページから次回お届け日を変更する」機能利用店舗様のみ
次回お届け日変更確認 /my/subscriptions/history/(申込コード)/change-delivery/confirm 「マイページから次回お届け日を変更する」機能利用店舗様のみ
定期購入解約 /my/subscriptions/history/(申込コード)/cancel 「マイページから定期・頒布会申込を解約する」機能利用店舗様のみ
ヘッダーエリアその他
※2021.6.29以降のコマースクリエイター利用店舗様のみ
商品カテゴリーメニューなどを表示しない「シンプル」な構成だが、Webスキミング防止対象外のページに配置されています。
画面名 サンプルURL 備考
[STAFFSTART]コーディネート一覧 /p/coordination STAFF START連携オプション利用店舗様のみ
[STAFFSTART]コーディネート詳細 /p/coordination/(コーディネートID) STAFF START連携オプション利用店舗様のみ
[STAFFSTART]スタッフ一覧 /p/staff STAFF START連携オプション利用店舗様のみ
[STAFFSTART]スタッフ詳細覧 /p/staff/(スタッフID) STAFF START連携オプション利用店舗様のみ

<各パーツの階層構造について>

階層は、パーツの配置(内包)関係を示しています。
第1階層 第2階層 第3階層 第4階層
ヘッダーエリア(パネルパーツ)
ヘッダーコンテンツ(パネルパーツ)
ヘッダーメッセージ(パネルパーツ)
ウェルカムメッセージ(フリーパーツ)
ドロワーメニューアイコン(フリーパーツ)
ECサイトロゴ(フリーパーツ)
ヘッダーユーティリティ(パネルパーツ)
ヘッダーナビゲーションメニュー(メニューパーツ)
電話注文バナー(フリーパーツ)
ヘッダーナビゲーション(フリーパーツ)
ヘッダーエリアシンプル(パネルパーツ)
ECサイトロゴ(フリーパーツ)
ヘッダーエリアその他(パネルパーツ)※2021.6.29以降のコマースクリエイター利用店舗様のみ
ECサイトロゴ(フリーパーツ)
ヘッダーナビゲーション(フリーパーツ)

ヘッダーコンテンツ(パネルパーツ)

ヘッダーメッセージ(パネルパーツ)・ECサイトロゴ(フリーパーツ)・ヘッダーユーティリティ(パネルパーツ)が配置されています。
パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

ヘッダーメッセージ(パネルパーツ)

ウェルカムメッセージ(フリーパーツ)・ドロワーメニューアイコン(フリーパーツ)が配置されています。
パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

ウェルカムメッセージ(フリーパーツ)

会員情報置換文字を使用して会員情報を表示しています。表示できる会員情報について詳しくは置換文字一覧-会員情報置換文字をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

初期デザインでは、画面幅768ピクセル未満の場合は非表示になっています。画面幅768ピクセル未満の場合は「ドロワーメニュー上部」内に会員情報が表示されます。

ドロワーメニューアイコン(フリーパーツ)

ドロワーメニューの閉じる/開くボタンです。初期設定では画面幅がピクセル以下の場合に表示されます。このパーツがないとメニューの開閉ができませんので、ドロワーメニューをご利用の場合は、削除しないでください。アイコンの押下によってドロワーメニュー制御用隠しチェックボックス(フリーパーツ)を操作しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

初期デザインでは、画面幅1200ピクセル以上の場合は非表示になっています。ドロワーメニューが常に表示され、開閉が不要となるためです。

ECサイトロゴ(フリーパーツ)

必ず変更してください。コマースクリエイター>アイテム一覧にて、ECサイトロゴを変更してください。ロゴの下に店舗名が置換文字で出力されます。ロゴの表示を変更したい場合はこのパーツを変更してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

ヘッダーユーティリティ(パネルパーツ)

ヘッダーナビゲーションメニュー(メニューパーツ)・電話注文バナー(フリーパーツ)が配置されています。
パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

初期デザインでは、画面幅768ピクセル未満の場合は非表示になっています。

ヘッダーナビゲーションメニュー(メニューパーツ)

画面右上のログイン/ログアウト・ご利用ガイド・メールマガジンへのリンクです。「ご利用ガイド」はフリーページ「ご利用ガイド」へリンクされています。「ご利用ガイド」を利用しない場合は、変更してください。
メニューパーツについて詳しくはコマースクリエイター>メニューパーツ追加・変更をご覧ください。

初期デザインでは、画面幅768ピクセル未満の場合は非表示になっています。

電話注文バナー(フリーパーツ)

必ず変更してください。電話注文を受けたい場合に表示するバナーです。ご利用される場合は、電話番号を店舗の電話番号に変更してください。ご利用されない場合は、ヘッダーユーティリティ(パネルパーツ)から電話注文バナーを外してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

初期デザインでは、画面幅768ピクセル未満の場合は非表示になっています。

ヘッダーナビゲーション(フリーパーツ)

必ず変更してください。「新着商品」「商品一覧」のリンクを設定してください。新着商品・商品一覧・お気に入り・マイページ・カートおよび商品キーワード検索が記述されています。ショッピングカートに入っている商品数を、カートへのリンク部分にカート内商品数置換文字を使用して表示します。
カート内商品数置換文字については、置換文字一覧-カート内の商品数をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

構造化データ(サイトリンク検索ボックス)

末尾に構造化データ(サイトリンク検索ボックス)が記述されています。特に変更の必要はありません。サイトリンク検索ボックスについて詳しくはサイトリンク検索ボックス(Google 検索- Google Developers)をご覧ください。

コンテンツエリア>メインエリア

ページ見出し

各ページの見出しです。コマースクリエイター>ページにて設定されている「ページ見出し」を置換文字にて出力できます。
初期状態では「トップページ」「商品詳細」には配置されていません。

フッターエリア・フッターエリアシンプル・フッターエリアその他(パネルパーツ)

フッター部分のパーツです。それぞれ以下の画面に配置されています。

パネルパーツはPC用テーマ・スマートフォン用テーマに分けていますが、配置されているパーツは共通です。
デバイスによって変更できるようにパネルパーツを分けています。

フッターエリア
「フッターエリアシンプル」「フッターエリアその他(※2021.6.29以降のコマースクリエイター利用店舗様のみ)」が配置されている画面以外の画面で利用されています。
フッターエリアシンプル
注文過程のページに配置されています。
※(★)マークは「配送・送料機能(upgrade版)」利用時の画面です。(配送・送料機能(upgrade版)とは?)
  • ショッピングカートログイン(通常/定期・頒布会)
  • お客様情報入力(通常/定期・頒布会)
  • ご注文手続き(単数)
  • ご注文手続き(単数)(upgrade)(★)
  • ご注文手続き(複数)
  • お届け方法選択(upgrade)(★)
  • お届け先一覧(複数お届け)
  • 商品数量指定(複数お届け)
  • 商品数量情報更新(複数お届け)
  • 配送・包装方法選択(複数お届け)
  • お申し込み手続き(定期・頒布会)
  • お申し込み手続き(定期・頒布会)(upgrade)(★)
  • 会員登録確認(※A)(Apple ID・Googleアカウントログインオプション利用店舗様のみ
2021.6.29以降の新規店舗様のみ
Webスキミング防止のため、futureshopシステムおよび一部の許可されたドメイン以外からの外部読み込みの<script>タグ、<iframe>タグの記述をしない画面に主に配置されています。
<配置対象画面>
画面名 サンプルURL 備考
注文履歴 /my/orders
定期・頒布会申込履歴(定期) /my/subscriptions/history 定期・頒布会申込利用店舗様のみ
ポイント履歴 /my/points
クーポン情報 /my/coupons
レビュー履歴
レビュー履歴(LINEメッセージより)
/my/reviews
/p/line/reviews-forward
LINEメッセージからのレビュー履歴:LINE連携オプション利用店舗様のみ
ログイン連携 /my/linked-accounts Apple ID・GoogleアカウントログインオプションAmazon PayLINE連携オプション利用店舗様のみ
LINE ID連携 /p/line/connect LINE連携オプション利用店舗様のみ
LINE ID連携完了 /p/line/success LINE連携オプション利用店舗様のみ
会員登録確認 /p/link-register Apple ID・GoogleアカウントログインオプションAmazon Pay利用店舗様のみ
会員カード /my/membership/card futureshop omni-channel利用店舗様のみ
ポイントおまとめ完了 /my/membership/merge/success futureshop omni-channel利用店舗様のみ
注文履歴(店舗) /my/store-orders futureshop omni-channel利用店舗様のみ
次回お届け日変更 /my/subscriptions/history/(申込コード)/change-delivery 「マイページから次回お届け日を変更する」機能利用店舗様のみ
次回お届け日変更確認 /my/subscriptions/history/(申込コード)/change-delivery/confirm 「マイページから次回お届け日を変更する」機能利用店舗様のみ
定期購入解約 /my/subscriptions/history/(申込コード)/cancel 「マイページから定期・頒布会申込を解約する」機能利用店舗様のみ
フッターエリアその他
※2021.6.29以降のコマースクリエイター利用店舗様のみ
「フッターエリア」と同様だが、「ヘッダーエリアその他」利用画面のフッタ―用として配置されています。
画面名 サンプルURL 備考
[STAFFSTART]コーディネート一覧 /p/coordination STAFF START連携オプション利用店舗様のみ
[STAFFSTART]コーディネート詳細 /p/coordination/(コーディネートID) STAFF START連携オプション利用店舗様のみ
[STAFFSTART]スタッフ一覧 /p/staff STAFF START連携オプション利用店舗様のみ
[STAFFSTART]スタッフ詳細覧 /p/staff/(スタッフID) STAFF START連携オプション利用店舗様のみ

<各パーツの階層構造について>

階層は、パーツの配置(内包)関係を示しています。
第1階層 第2階層 第3階層 第4階層
フッターエリア(パネルパーツ)
ページトップへ(フリーパーツ)
フッターコンテンツ(パネルパーツ)
告知バナーパネル(パネルパーツ)
新規会員登録バナー(フリーパーツ)
LINE ID連携バナー(フリーパーツ)
送料告知バナー(フリーパーツ)
フッターナビゲーション(フリーパーツ)
フッターユーティリティ(パネルパーツ)
フッターメニュー(メニューパーツ)
SNSアカウントリンク(フリーパーツ)
コピーライト(著作権表示)(フリーパーツ)
フッターエリアシンプル(パネルパーツ)
ページトップへ(フリーパーツ)
フッターメニュー(メニューパーツ)
コピーライト(著作権表示)(フリーパーツ)
フッターエリアその他(パネルパーツ)※2021.6.29以降のコマースクリエイター利用店舗様のみ
ページトップへ(フリーパーツ)
フッターコンテンツ(パネルパーツ)
告知バナーパネル(パネルパーツ)
新規会員登録バナー(フリーパーツ)
LINE ID連携バナー(フリーパーツ)
送料告知バナー(フリーパーツ)
フッターナビゲーション(フリーパーツ)
フッターユーティリティ(パネルパーツ)
フッターメニュー(メニューパーツ)
SNSアカウントリンク(フリーパーツ)
コピーライト(著作権表示)(フリーパーツ)

ページトップへ(フリーパーツ)

ページトップへスクロールするボタンです。Aタグのリンク先は「#」に設定されています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

フッターコンテンツ(パネルパーツ)

告知バナーパネル(パネルパーツ)・フッターナビゲーション(フリーパーツ)が配置されています。
パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

告知バナーパネル(パネルパーツ)

新規会員登録バナー(フリーパーツ)・LINE ID連携バナー(フリーパーツ)・送料告知バナー(フリーパーツ)が配置されています。
パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

新規会員登録バナー(フリーパーツ)

必ず変更してください。会員登録メリットを訴求するバナーです。会員登録画面にリンクされています。
会員登録ポイント数を記載してください。会員登録ポイントについては運用>ポイント管理>ポイント基本設定-会員登録ポイント設定-会員登録時付与ポイントにて設定できます。

ポイント機能をご利用でない場合は、内容を変更してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

LINE ID連携バナー(フリーパーツ)

ご確認ください。LINE連携オプションご利用時に、LINE ID連携を促進するバナーです。LINE ID連携ポイントプレゼントを訴求する内容となります。LINE ID連携ポイントは運用>ポイント管理>ポイント基本設定-LINE ID連携-LINE ID連携時付与ポイントにて設定できます。
LINE ID連携オプションをご利用でない場合は、告知バナーパネル(パネルパーツ)から外してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

送料告知バナー(フリーパーツ)

必ず変更してください。送料無料告知バナーです。送料設定に応じて、内容を変更してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

フッターナビゲーション(フリーパーツ)

必ず変更してください。サンプルとして、以下の内容を記載しています。適宜変更してください。ご利用にならない場合は、パーツを外してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

項目 内容
お支払い お支払い方法を記載してください。
配送・送料 送料や送料無料の基準額などを掲載してください。
返品・交換 返品を受け付ける期間などを記載してください。
お問い合わせ先 自社の情報に変更してください。
カテゴリー 主なカテゴリ(商品グループ)へのリンクです。「カテゴリー1」などダミーのリンク先・リンク文言が記載されています。
マイページ マイページなどの他、LINEアカウント紹介(フリーページ)へリンクしています。
サポート ご利用ガイド(フリーページ)、送料とお支払いへのリンクが設定されています。
会社概要 自社の情報に変更してください。

フッターユーティリティ(パネルパーツ)

フッターメニュー(メニューパーツ)・SNSアカウントリンク(フリーパーツ)が配置されています。
パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

フッターメニュー(メニューパーツ)

必ず変更してください。会社概要・お問い合わせ・サイトマップへのリンクを設定してください。リンクについては変更できます。
メニューパーツについてはコマースクリエイター>メニューパーツ追加・変更をご覧ください。

SNSアカウントリンク(フリーパーツ)

必ず変更してください。各SNSへアカウントページへのリンク用です。リンクアイコンのサンプルをご用意しています。リンク先を設定してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

コピーライト(著作権表示)(フリーパーツ)

必ず変更してください。西暦と社名を記載してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

サブエリア(メニュー等・PC)/サブエリア(メニュー等・スマートフォン)(パネルパーツ)

メインエリア(レイアウトパーツ)に含まれます。ドロワーメニューが含まれます。

注文過程のページはドロワーメニューが配置されていません。
ドロワーメニューが初期配置されていないページは以下となります。

(★)マークは「配送・送料機能(upgrade版)」利用時の画面です。(配送・送料機能(upgrade版)とは?)

  • ショッピングカートログイン(通常/定期・頒布会)
  • ショッピングカートログイン(通常/定期・頒布会)(upgrade)(★)
  • お客様情報入力(通常/定期・頒布会)
  • ご注文手続き(単数)
  • ご注文手続き(単数)(upgrade)(★)
  • ご注文手続き(複数) (PC)
  • お届け方法選択(upgrade)(★)
  • お届け先一覧(複数お届け)
  • 商品数量指定(複数お届け)
  • 商品数量情報更新(複数お届け)
  • 配送・包装方法選択(複数お届け)
  • お申し込み手続き(定期・頒布会)
  • お申し込み手続き(定期・頒布会)(upgrade)(★)

パネルパーツはPC用テーマ・スマートフォン用テーマに分けていますが、配置されているパーツは共通です。
デバイスによって変更できるようにパネルパーツを分けています。

パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

ドロワーメニュー制御用隠しチェックボックス(フリーパーツ)

ドロワーメニューの動作に必要なチェックボックスです。ドロワーメニューをご利用の場合は、削除しないでください。
ドロワーメニューは画面幅1200ピクセル未満の場合、左に格納されます。ドロワーメニューはドロワーメニューアイコン(フリーパーツ)あるいはドロワーメニュー上部(フリーパーツ)のドロワーメニューを閉じるボタン(CLOSE)を押下し、こちらのチェックボックスを操作し、CSSを組み合わせて開閉しています。
なお、ドロワーメニューの動作にJavaScriptは使用しておりません。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

ドロワーメニュー(パネルパーツ)

ドロワーメニュー上部(フリーパーツ)・商品カテゴリメニュー(メニューパーツ)が配置されています。
パネルパーツについて詳しくはコマースクリエイター>パネルパーツ追加・変更をご覧ください。

ドロワーメニュー上部(フリーパーツ)

ドロワーメニューを閉じるボタン・会員情報表示・ログイン/ログアウトリンクが記述されています。

ドロワーメニューを閉じるボタン
ドロワーメニュー最上部の「CLOSE」ボタンです。ドロワーメニュー制御用隠しチェックボックス(フリーパーツ)を操作します。
会員情報表示
会員情報置換文字を使用して会員情報を表示しています。表示できる会員情報について詳しくは置換文字一覧-会員情報置換文字をご覧ください。
ログイン/ログアウトリンク
会員情報置換文字とCSSを使用して、ログインリンク・ログアウトリンクを切り替え表示しています。詳しくは置換文字一覧-会員情報置換文字-会員情報置換文字を利用したログイン・ログアウト表示例をご覧ください。

フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

商品カテゴリメニュー(メニューパーツ)

必ず変更してください。商品グループ情報を登録後、メニューパーツ変更画面から「商品グループを読み込む」ボタンを押下してください。登録した商品グループがメニューに表示されます。
メニューパーツについてはコマースクリエイター>メニューパーツ追加・変更をご覧ください。

トップページに配置されているパーツ

トップページカルーセル(カルーセルパーツ)

必ず変更してください。カルーセルをトップページのメインイメージとして掲載するサンプルです。コマースクリエイター>アイテム一覧にアップロードした画像を表示できます。
カルーセルパーツについてはコマースクリエイター>カルーセルパーツ追加・変更をご覧ください。

サイト告知(フリーパーツ)

必ず変更してください。サイトメンテナンスなどのお知らせを掲載するサンプルです。特にお知らせがない場合は、トップページのレイアウトで「サイト告知(フリーパーツ)」の操作するボタンから「表示しない」設定にしてください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

トップページコラム(コラムパーツ)

必ず変更してください。バナーと見出し・本文を表示して、商品グループやフリーページなどへ誘導するサンプルです。画像・見出し・本文・リンク先などは変更できます。コマースクリエイター>アイテム一覧にアップロードした画像を表示できます。
コラムパーツについてはコマースクリエイター>コラムパーツ追加・変更をご覧ください。

最新情報見出し(フリーパーツ)・最新情報(箇条書きパーツ)

必ず変更してください。見出し用のフリーパーツと、箇条書きパーツを使って最新情報を表示するサンプルです。箇条書きパーツの「行」に日付と本文を記載しています。日付も含めて内容を変更できます。
箇条書きパーツについてはコマースクリエイター>箇条書きパーツ追加・変更をご覧ください。

売れ筋商品見出し(フリーパーツ)・売れ筋商品(任意商品表示パーツ)

必ず変更してください。見出し用のフリーパーツと、任意商品表示パーツを使って売れ筋商品を表示するサンプルです。商品情報をご登録後、売れ筋商品(任意商品表示パーツ)に商品番号を追加すればトップページに表示されます。また、表示項目もAパターン/Bパターン/Cパターンから選択できます。
任意商品表示パーツについては、コマースクリエイター>任意商品表示パーツ追加・変更をご覧ください。

新着アイテム見出し(フリーパーツ)・新着アイテム(任意商品表示パーツ)

必ず変更してください。見出し用のフリーパーツと、任意商品表示パーツを使って新着アイテムを表示するサンプルです。商品情報をご登録後、新着アイテム(任意商品表示パーツ)に商品番号を追加すればトップページに表示されます。また、表示項目もAパターン/Bパターン/Cパターンから選択できます。
任意商品表示パーツについては、コマースクリエイター>任意商品表示パーツ追加・変更をご覧ください。

新規会員登録告知見出し(フリーパーツ)・新規会員登録告知(レイアウトパーツ)

必ず変更してください。見出し用のフリーパーツと、新規会員登録告知(レイアウトパーツ)です。新規会員登録告知(レイアウトパーツ)の配下に会員サービス案内バナー(フリーパーツ)・会員ステージ説明(フリーパーツ)が配置されています。レイアウトパーツについてはレイアウトパーツをご覧ください。

会員サービス案内バナー(フリーパーツ)

必ず変更してください。会員登録メリットを訴求するサンプルです。会員登録ポイントやお誕生日クーポン、レビューポイントなどを訴求しています。ポイントについては運用>ポイント管理>ポイント基本設定を、クーポンについては運用>クーポン管理(CC)>クーポン発行(コマースクリエイター)をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

会員ステージ説明(フリーパーツ)

必ず変更してください。会員ステージ機能をご利用の場合に、会員ステージアップのメリットを訴求するサンプルです。
会員ステージの設定は運用>会員管理>会員ステージ基本設定にて行えます。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

商品グループ・バンドル商品一覧・クーポン対象商品一覧に配置されているパーツ

商品数表示カートボタン(フリーパーツ)

商品一覧(商品グループ・商品検索結果一覧など)にて、ショッピングカートに入っている商品数をカート内商品数置換文字を使用して表示します。画面スクロールしてヘッダーナビゲーション(フリーパーツ)が非表示になった際に、右下に表示されます。(JavaScriptを使用しています。)
カート内商品数置換文字については、置換文字一覧-カート内の商品数をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

商品検索結果一覧に配置されているパーツ

詳細商品検索フォーム(フリーパーツ)

必ず変更してください。商品検索結果一覧で、詳細な商品検索フォームを表示するサンプルです。
一部は、検索条件置換文字を使用して再度検索(絞込み検索)できるようになっています。キーワード検索文言が左上に表示されます。
検索条件置換文字については、置換文字一覧-商品検索結果一覧をご覧ください。商品検索フォームについては商品検索フォームをご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

下記の検索項目がサンプルとして記述されています。検索項目や表記を任意に変更してください。

検索項目 表示 再検索用
置換文字
説明(サンプル記述など)
キーワード テキストボックス あり キーワード検索となります。
価格 テキストボックス あり 最小~最大価格を入力します。
商品タグ チェックボックス 必ず変更してください。商品情報に商品タグを設定した際に、検索条件に使用できます。初期状態では「セール・限定・再入荷・翌日配送」が記載されています。
サイズ ラジオボタン 必ず変更してください。商品バリエーション(横)のバリエーション選択肢名を検索するサンプルです。
カラー ラジオボタン 必ず変更してください。商品バリエーション(縦)のバリエーション選択肢名を検索するサンプルです。
在庫なし商品を表示 チェックボックス チェックをつけると在庫なし商品も表示します。
商品番号/JANコード テキストボックス あり 商品番号またはJANコードで検索できます。
バンドル販売 セレクトボックス 必ず変更してください。バンドル販売名を指定して対象商品を検索できます。バンドル販売実施時に運用>商品管理>バンドル販売基本情報のバンドル販売名を設定してください。
予約商品のみを表示 チェックボックス チェックをつけると予約販売商品のみ表示します。予約販売は運用>商品管理>商品情報(予約)にて設定できます。
並び順 ラジオボタン 新着順・登録順・価格が安い順・価格が高い順・優先度順・レビュー順・キーワードヒット順を指定できます。
検索ボタン コマースクリエイター>テーマ>カラー・サイズ追加-ボタン-副次的なボタンの色・デザインを参照しています。
詳細検索/閉じるボタン チェックボックスを操作して詳細検索フォームを開閉します。

構造化データ(サイトリンク検索ボックス)

末尾に構造化データ(サイトリンク検索ボックス)が記述されています。特に変更の必要はありません。サイトリンク検索ボックスについて詳しくはサイトリンク検索ボックス(Google 検索- Google Developers)をご覧ください。

商品詳細(横2列レイアウト/上横2列・下横1列レイアウト/上横1列・下横2列レイアウト/横1列レイアウト)に配置されているパーツ

商品詳細(定期)(横1列レイアウト/横2列レイアウト)に配置されているパーツ

商品詳細(SP)・商品詳細(定期)(SP)に配置されているパーツ

商品詳細用 返品交換説明(フリーパーツ)

必ず変更してください。返品を受け付ける期間を変更してください。初期状態では「商品到着後XX日以内」と記載しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

商品詳細用 返品交換対象外説明(フリーパーツ)

初期状態ではレイアウトに配置されていません。必要な商品があった場合に、レイアウトに配置してご利用ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

商品詳細用 入荷お知らせ説明(フリーパーツ)

必ず変更してください。入荷お知らせの簡単な説明文です。入荷お知らせをご利用の場合でない場合は、パーツを外してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

※定期・頒布会商品には「入荷お知らせ」機能が利用できませんので、商品詳細ページ(定期)では配置されていません。

SNSシェアボタン(フリーパーツ)

変更してください。初期状態では、X(Twitter)のツイートボタン、Facebookのいいね!ボタン、LINEの「LINEで送る」ボタンを設置しています。詳しくはSNSシェアボタン(フリーパーツ)をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

商品詳細用 メール便対応(フリーパーツ)

初期状態ではレイアウトに配置されていません。必要な商品があった場合に、レイアウトに配置してご利用ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

ショッピングカート(通常/定期・頒布会)に配置されているパーツ

一定金額以上で送料無料告知(フリーパーツ)

必ず変更してください。送料の設定>割引>高額購入送料割引設定構築>送料・決済設定>高額購入割引をご利用される場合の告知サンプルです。初期状態では「¥xx,xxx以上お買い上げで送料無料」と記載されています。また「3000円台の商品」「2000円台の商品」「1000円台の商品」の検索として、商品価格検索結果一覧へのリンクを設置しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

カート保存機能説明(フリーパーツ)

カートの保存機能についての説明文です。またショッピングカートから「あとで買うリンク」への商品追加、「お気に入りリスト」からショッピングカートへ入れられる機能についても説明しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

ご注文完了に配置されているパーツ

注文後のメールのご案内(フリーパーツ)

必ず変更してください。ご注文完了メール・ご予約確認メール・ご入金確認メール・発送通知メールについてのご案内と、LINE ID連携機能をご利用の場合のLINEメッセージ自動配信についてご案内しています。
〈メールについて〉
設定>メール>メール設定一覧>ご注文確認メール設定構築>メール設定>ご注文確認メール
設定>メール>メール設定一覧>ご予約確認メール設定構築>メール設定>ご予約確認メール
設定>メール>メール設定一覧>ご入金確認メール設定構築>メール設定>ご入金確認メール
設定>メール>メール設定一覧>発送通知メール設定構築>メール設定>発送通知メール

〈LINEメッセージ自動配信について〉
運用>LINEメッセージ>LINEメッセージ設定

〈フリーパーツについて〉
コマースクリエイター>フリーパーツ追加・変更

会員登録に配置されているパーツ

会員登録誘導(フリーパーツ)

必ず変更してください。会員登録メリットを訴求するサンプルです。会員登録ポイントやお誕生日クーポン、レビューポイントなどを訴求しています。ポイントについては運用>ポイント管理>ポイント基本設定を、クーポンについては運用>クーポン管理(CC)>クーポン発行(コマースクリエイター)をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

会員ステージ特典(フリーパーツ)

必ず変更してください。会員ステージ機能をご利用の場合に、会員ステージアップのメリットを訴求するサンプルです。
会員ステージの設定は運用>会員管理>会員ステージ基本設定にて行えます。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

マイページに配置されているパーツ

会員情報表示(フリーパーツ)

会員情報置換文字を使用して会員情報を表示しています。表示できる会員情報について詳しくは置換文字一覧-会員情報置換文字をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

注文履歴に配置されているパーツ

注文履歴用 返品交換説明(フリーパーツ)

必ず変更してください。返品を受け付ける期間を変更してください。初期状態では「商品到着後XX日以内」と記載しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

お届け先リストに配置されているパーツ

お届け先コメント(フリーパーツ)

お届け先リスト(お届け先一覧・アドレス帳)のご利用方法についての説明文です。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

お気に入りログインに配置されているパーツ

お気に入りログイン説明(フリーパーツ)

ログインしていない(非会員・ゲスト)場合に、お気に入り追加ボタンを押下すると遷移するお気に入りログイン画面に表示されている、お気に入り機能の説明文です。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

お気に入りに配置されているパーツ

お気に入り説明(フリーパーツ)

お気に入り機能の説明文です。またショッピングカートから「あとで買うリンク」への商品追加、「お気に入りリスト」からショッピングカートへ入れられる機能についても説明しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

メールマガジン申込に配置されているパーツ

メールフィルタ(受信ドメイン)(フリーパーツ)

いわゆるメールフィルタについてのご説明文です。メールの送信元ドメインを置換文字で表示しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

商品のレビューに配置されているパーツ

レビューポイントプレゼント(フリーパーツ)

必ず変更してください。
レビュー投稿ポイントについて記載しています。レビュー投稿ポイントは運用>ポイント管理>ポイント基本設定-レビュー書き込みポイント設定-レビュー書き込み時付与ポイントにて設定できます。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

レビューの投稿方法(フリーパーツ)

レビューの投稿方法の説明文です。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

店舗のレビューに配置されているパーツ

レビューポイントプレゼント(フリーパーツ)

必ず変更してください。
レビュー投稿ポイントについて記載しています。レビュー投稿ポイントは運用>ポイント管理>ポイント基本設定-レビュー書き込みポイント設定-レビュー書き込み時付与ポイントにて設定できます。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

レビューの投稿方法(フリーパーツ)

レビューの投稿方法の説明文です。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

店舗メンテナンス中に配置されているパーツ

店舗メンテナンス中(フリーパーツ)

店舗を閉店している場合に表示される店舗メンテナンス中ページの表示内容です。
店舗閉店については、開店・閉店をご覧ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

ポイントについてに配置されているパーツ

ポイントについて(フリーパーツ)

必ず変更してください。ポイントについてページの表示内容です。ポイント設定内容に応じて変更してください。初期状態では、例えば購入ポイント付与率を「xx%」と記載しています。
ポイントは運用>ポイント管理>ポイント基本設定にて設定できます。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

特定商取引法に基づく表示に配置されているパーツ

特定商取引法の表示本文(フリーパーツ)

必ず変更してください。特定商取引法に基づく表示ページの表示内容です。店舗情報は置換文字を使用して表示しています。使用できる置換文字については置換文字一覧をご覧ください。
その他以下の内容について記述しています。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

項目 仮の文言など
商品引渡し時期 初期状態では入金から「通常xx週間以内」と記載しています。
不良品の取扱 初期状態では「商品到着後、xx日以内」と記載しています。
返品について 初期状態では「商品到着後xx日以内」と記載しています。
支払い方法及び支払い時期 支払い方法について記載しています。
商品代金以外の必要料金 消費税・送料・手数料について記載しています。
申込の有効期限 初期状態では「ご注文日からxx日以内」と記載しています。
その他 サーバー提供会社とSSL、クレジットカード決済方式(トークン方式)について記載しています。

個人情報取り扱いについてに配置されているパーツ

個人情報の取り扱いについて(フリーパーツ)

必ず変更してください。個人情報取り扱いについてページの表示内容です。初期状態では「制定日 20xx/xx/xx」「改訂日 20xx/xx/xx」「株式会社xxxxx」と記載しています。
「個人情報の取扱いの変更及び通知」「個人情報の管理者及び開示・訂正・削除」「個人情報保護方針に関するお問い合せ先」に社名や個人情報管理責任者名、住所をご記入ください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

返品特約についてに配置されているパーツ

返品特約について(フリーパーツ)

必ず変更してください。返品特約についてページの表示内容です。「商品到着後xx日以内」と記載されています。また「返品のご連絡先」を記載してください。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

会員規約についてに配置されているパーツ

会員規約について(フリーパーツ)

必ず変更してください。会員規約についてページの表示内容です。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。

ページが見つかりませんに配置されているパーツ

ページが見つかりません本文(フリーパーツ)

ページが見つかりませんページの表示内容です。
コマースクリエイター>ページ一覧にある「ページが見つかりません」は、自動生成ページのURLにて該当ページがない場合に表示されます。 具体的には「商品グループ・商品詳細(店舗ドメイン/c/)」「バンドル商品一覧(店舗ドメイン/b/)」「フリーページ(店舗ドメイン/f/)」「マイページ(店舗ドメイン/my/)」「左記以外のページ(店舗ドメイン/p/)」です。
それ以外のURLで該当ページがない場合は、コマースクリエイター>アイテム一覧にあるページが見つかりません(404)ページ(店舗ドメイン/s/notFound.html)が表示されます。
※「アイテムの静的HTMLのディレクトリ(店舗ドメイン/s/)」で該当ページがない場合は、システム制御(変更不可)のnotfoundページが表示されます。
フリーパーツについて詳しくはコマースクリエイター>フリーパーツ追加・変更をご覧ください。