平日10:00~17:00
06-6485-6485
fshop-AI(研修中) AIチャットを開く

「商品一覧」で、商品ごとのレビュー件数・レビュー評価平均を表示したい場合

「商品一覧」で、商品ごとのレビュー件数・レビュー評価平均を表示したい場合

本機能はコマースクリエイター未利用・移行中(切替前)の店舗様はご利用いただけません。

「future Review」ではなく、「futureshopレビュー機能(標準機能)」をご利用の方はこちらをご覧ください。


商品一覧(商品グループ・商品検索結果一覧・バンドル対象一覧・クーポン対象一覧・お気に入り)画面上に、レビュー件数や評価平均を、商品ごとに表示できます。

商品ごとに、レビュー件数と評価平均をスターレーディングの形で表示できます。

<目次>

「商品一覧」での、商品別レビュー件数と評価平均表示イメージ

「商品一覧」でのレビュー件数と評価平均表示イメージ

表示位置

「カートにいれる」「詳細を見る」などのカートパーツの上部に表示されます。

表示位置を変更することはできません。

スターレーディング・件数

該当の商品を対象に、掲載済み全レビューの平均評価を★マークで表示します。
「かっこ( )」内には、該当の商品に投稿された、レビューの件数が表示されています。

レビューの投稿が1件もない場合は、何も表示されません。

設定手順

レビュー件数・評価平均表示のための連携設定を行う

future Reviewで掲載済みとなった、レビュー件数や評価平均を商品ごとに「商品一覧」画面に読み込む(連携する)設定を行います。

[1]レビュー件数・評価平均表示用タグを設定するためのパーツ(箱)をつくる

まずはじめに、表示に必要なタグを設定するためのパーツ(箱)を、コマースクリエイターの機能を用いて作成します。

フリーパーツ一覧

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

フリーパーツ追加

フリーパーツ追加

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

フリーパーツ追加

  1. 「フリーパーツ追加」画面が開きます。

パーツの入力欄は、以下を参考に入力してください。

パーツ名(例)置換文字(例)表示内容
[futureReview]レビュー平均・件数表示(商品一覧用)fr-average-List空欄のまま

ここまで入力が完了したら、画面をそのままにしておいてください。

この状態のまま、「表示内容」に入力する、レビュー件数・評価平均表示用タグをfuture Review管理画面から取得します。

[2]レビュー件数・評価平均表示用のタグを設定する

future Review管理画面から表示用のタグを取得し、作成したパーツ(箱)の「表示内容」欄に貼り付けます。

<futureReview管理画面 専用「タグ」の取得場所>

操作画面:future Review管理画面 レビュー表示画面設定>埋め込みタグ一覧ー「共通」セクション

「スターレーティング表示用埋め込みタグ」行の「 コピーする」を押下すると、表示されている専用「タグ」がコピーされます。

埋め込みタグ一覧「スターレーティング表示用埋め込みタグ」

<futureshop管理画面 専用「タグ」の貼り付け場所>

操作画面:futureshop管理画面 コマースクリエイター>パーツ>フリーパーツ追加

先の手順で作成したフリーパーツ([futureReview]レビュー平均・件数表示(商品一覧用))の「表示内容」欄に貼り付けます。

レビュー平均・件数表示専用「タグ」

完了したら、開いていた「フリーパーツ追加」画面の[保存する]を押下します。

本操作により、各商品のレビュー件数や評価平均が、
futureReview管理画面からfutureshop管理画面へ連携されます。

「商品グループ」画面など任意の画面に表示設定をする

例として、「商品グループ」画面に商品ごとのレビュー件数と評価平均を表示する方法を説明します。
コマースクリエイターのレイアウト機能を利用します。

※デバイスごとにテーマを分けている場合は、テーマごとに設定してください。
※「利用中」マークが表示されている「商品グループ」画面のレイアウトが複数ある場合は、レビューを表示したいすべてのレイアウトに同様の操作を行ってください

<ご注意事項>

  • レビュー件数と評価平均の表示は、表示位置が固定されています。任意の位置にパーツを配置しても意図通りに表示されません
  • 「メインエリア>コンテンツエリア>商品グループエリア>商品一覧」など、商品ごとに情報が出力される階層には、配置できません(正常に表示されません)。

「商品グループ」画面のレイアウト

「商品グループ」画面のレイアウト

  1. コマースクリエイター>レイアウト一覧から、「商品グループ」のレイアウトを開きます。

  2. 右側の「検索エリア」にて、「例:future Review」などで検索します。

  3. 左側の「レイアウト配置エリア」のメインエリアの階層に、先の手順で作成したフリーパーツ([futureReview]レビュー平均・件数表示(商品一覧用))を配置します。
    右エリアからドラッグ&ドロップで配置できます。

  4. 「レイアウト設定」画面の[プレビュー]を押下し、プレビュー確認します。

プレビュー時の注意点については、【ご利用開始時】future Reviewのはじめかた(設定手順)<「商品詳細」画面のプレビューについて> をご覧ください。

  1. 問題なければ[保存する]を押下します。

以上で、「商品グループ」画面にて、レビュー件数と評価平均が、商品ごとに表示されます。

表示イメージは、「商品一覧」でのレビュー件数と評価平均表示イメージをご覧ください。

「商品一覧」でのレビュー件数と評価平均表示仕様

  • 表示対象画面は以下となります。
    • 商品一覧(商品グループ・商品検索結果一覧・バンドル対象一覧・クーポン対象一覧・お気に入り)画面などの商品一覧がある画面
    • 任意商品パーツで商品一覧を表示している画面
    • ただし、WEBスキミングの対象領域の画面では表示できません。
  • ステータス(「掲載/非掲載」)を変更した場合は、即時、件数や評価平均に反映されます。
  • バリエーション別のレビューは商品単位のレビューとして合算されます。