【ご利用開始時】future Reviewのはじめかた([2]作成編)
← 前へ:[1]準備編:利用環境を整える | 目次に戻る | 次へ:[3]連携編:URLで連携 →
【作成編】レビュー表示エリアの作成:
futureshop側でレビューを投稿・表示するためのページやパーツの「箱」を作る
このページの操作を行うとできること
以下のようなページや文言、リンクなどをECサイト側に表示するための準備が整います。
こちらでは、表示するコンテンツを入れる「箱」を準備するのみとなります。
実際に「箱」の中身に入れるコンテンツ(表示内容)は後の手順で設定します。
この段階では、プレビューなどで表示を確認することはできません。

futureshop管理画面 コマースクリエイターで準備
futureshop管理画面 コマースクリエイター>フリーページとコマースクリエイター>パーツ>フリーパーツを利用して、レビューを投稿・表示するためのページやパーツの「箱」をあらかじめ用意します。
必要な「箱」のリストは以下となります。
| 説明用の記号 | 各「箱」につける名称(例) | 役割 | 表示イメージ | 備考 |
|---|---|---|---|---|
| フリーページ [C] | [future Review]レビュー投稿画面 | 最重要:実際に投稿を行うメイン画面「レビュー投稿」画面となるページ | 表示イメージ | ー |
| フリーパーツ [D] | [future Review]投稿ボタンパーツ | 「注文履歴」画面に、レビュー投稿ボタンを表示するために必要 | 表示イメージ | ー |
| フリーパーツ [E] | [future Review]星評価パーツ | 「商品詳細」画面に、レビュー評価(★マーク)を表示するために必要 | 表示イメージ | ー |
| フリーパーツ [F] | [future Review]レビュー表示パーツ | 「商品詳細」画面に、投稿されたレビューを表示するために必要 | 表示イメージ | ー |
| フリーページ [A] | [future Review]投稿時注意書き | 「レビュー投稿」画面に、レビュー投稿する際の禁止事項や注意事項を表示するページ | 表示イメージ | - 既存ページがある場合は作成不要 - 作成は任意 |
| フリーページ [B] | [future Review]閲覧時注意書き | 「商品詳細」画面に表示されているレビューがどういうものであるかなど、閲覧に際する注意事項を表示するページ | 表示イメージ | - 既存ページがある場合は作成不要 - 作成は任意 |
フリーページでのページの作り方
以下のフリーページを作成していきます。
- フリーページ[C]:[future Review]レビュー投稿画面
- フリーページ [A]:[future Review]投稿時注意書き(任意)(サンプル文面)
- フリーページ [B]:[future Review]閲覧時注意書き(任意)(サンプル文面)

- futureshop管理画面 コマースクリエイター>フリーページを開きます。

- 画面左下にある[フリーページを追加する]を押下します。

- 「フリーページ追加」画面が開きます。
1~3を繰り返し、3つのフリーページをそれぞれ作成してください。
各ページの必須項目は、以下を参考に入力してください。
| 説明用の記号 | タイトル(例) | URL | ページ見出し(例) | ページ本文(例) |
|---|---|---|---|---|
| フリーページ [C] | [future Review]レビュー投稿画面 | futureReview※初回の設定の場合は、必ずこちらのURLを入力してください。 | futureReview(ご注意事項) | 空欄のまま |
| フリーページ [A] | [future Review]投稿時注意書き | (例)PostReviewCaution | レビュー投稿時注意書き | 適宜入力してください。(※サンプル文面) |
| フリーページ [B] | [future Review]閲覧時注意書き | (例)PostedReviewCaution | レビュー閲覧時の注意事項 | 適宜入力してください。(※サンプル文面) |
状況
「公開する」にチェックを入れてください。(現状では、URLに直接アクセスする以外表示されません。)
いずれのフリーページも入力が完了したら、いったん[保存する]を押下し、保存してください。
各URLは後ほど利用します。
コマースクリエイター>フリーページ一覧から (プレビューマーク)を押下し、ページを開いておくと便利です。
<フリーページ[C]:[future Review]レビュー投稿画面「ページ見出し」に関する注意事項>
フリーページ[C]:[future Review]レビュー投稿画面は、以下のページとして利用されます。
- 「レビュー投稿」画面
- 「レビュー依頼メールの配信停止完了」画面
- 「レビュー投稿完了/投稿済み」画面
そのため、 「ページ見出し」は、「レビュー投稿」のように、特定の用途を示す見出しは避けてください。
いずれのページに表示されても違和感のない、できるだけ汎用的なものを設定してください。
フリーパーツの作り方
以下のフリーパーツを作成していきます。
- フリーパーツ [D]:[future Review]投稿ボタンパーツ
- フリーパーツ [E]:[future Review]星評価パーツ
- フリーパーツ [F]:[future Review]レビュー表示パーツ

- futureshop管理画面 コマースクリエイター>パーツ>パーツ一覧を開きます。


- 画面左下にある[フリーパーツを追加する]ボタン横の[▲]を押下します。
- 表示されたメニューから「フリーパーツを追加する」を選択します。

- 「フリーパーツ追加」画面が開きます。
1~3を繰り返し、3つのフリーページをそれぞれ作成してください。
各パーツの入力欄は、以下を参考に入力してください。
| 説明用の記号 | パーツ名(例) | 置換文字(例) | 表示内容 |
|---|---|---|---|
| フリーパーツ [D] | [future Review]投稿ボタンパーツ | postfutureReview | 空欄のまま |
| フリーパーツ [E] | [future Review]星評価パーツ | futureReviewStar | 空欄のまま |
| フリーパーツ[F] | [future Review]レビュー表示パーツ | futureReviewDisplay-products | 空欄のまま |
入力が完了したら、いったん[保存する]を押下し、保存してください。
