このガイドでは、専用ウィジェットについて説明しています。
ウィジェットと専用ウィジェットの違いは?
ウィジェット:各商品ページに表示されているレビューの設定
専用ウィジェット:「お客様の声ページ」など、レビュー専用ページに表示されているレビューの設定
U-KOMI管理画面における 専用ウィジェット とは、「お客様の声」などのレビュー専用ページについて、以下の項目を自由にカスタマイズできる機能になります。
ウィジェット設定: レビューの表示形式やレイアウトの変更
カスタムCSS: CSSを用いた独自のデザインカスタマイズ
シェア設定: ユーザーによるSNSへのクチコミ共有の許可・制限
リッチスニペット設定: Google検索結果に評価(★)を反映させるための構造化データ対応
例:商品写真の表示・非表示について
U-KOMI管理画面の「 レビュー > 専用ウィジェット 」より、ウィジェット設定画面にアクセスできます。
専用ウィジェット設定の設定画面
「お客様の声」ページのレビュー一覧の上部に、タイトルを表示させるかどうかを設定できます。
有効 にすると、タイトルが表示されます。
レビューに表示する名前を設定することができます。
すべて表示:「お名前」が表示される(入力がない場合は空欄)
一部表示:「お名前」の一部が表示される(入力がない場合は空欄)
ニックネーム:「ニックネーム」が表示される(入力がない場合は二次設定が反映される)
ジェネリック名:設定したジェネリック名が表示される
「ジェネリック名」とは、総称(例:購入者様、など)を指します。
ニックネームが反映されている例
※「お客様のお名前表示」で ニックネーム を選択した場合のみ表示されます。
レビューにニックネームの登録がなかった場合に、何を表示するかを設定できます。
すべて表示:「お名前」が表示される(入力がない場合は空欄)
一部表示:「お名前」の一部が表示される(入力がない場合は空欄)
ジェネリック名:設定したジェネリック名が表示される
※ 「お客様のお名前表示(二次)」で ジェネリック名 を選択した場合のみ表示されます。
利用するジェネリック名を設定できます。
例:購入者様、利用者様、お客さま など
レビューに表示するお客様のお名前に、敬称をつけるかどうかを設定できます。
無効 にすると、何も表示されません。
レビュー一覧にスターレーティングの内訳を表示させるかどうかを設定できます。
無効 にした場合、内訳(赤枠部分)は表示されません。
「レビュー評価詳細」を有効にした場合の表示例
※ 宛名の敬称が 有効 の場合にのみ表示されます。
利用する宛名の敬称を設定できます。
例:様、さま、さん など
「宛名の敬称」を有効にし、「利用する宛名の敬称」を「様」に設定した場合
1ページに掲載するレビュー数を5件単位で設定できます。(5件〜50件まで選択可能)
ウィジェットタグに【data-review-count="半角数字"】を追加することで、より細かく設定することも可能です。
例:レビュー表示件数を8件にしたい場合
レビュー一覧に表示するレビューの種類を選択できます。
サイトレビュー: お店の対応や配送スピードなど、ショップ全体へのレビュー
商品レビュー: 使い心地やデザインなど、購入した商品そのものへのレビュー
スタッフレビュー:U-KOMIのアカウントからおすすめの商品などを紹介するレビュー
※スタッフレビュー機能はエンタープライズプランのみ
レビューの種類をサイトレビュー・商品レビューどちらも選択している場合、ページを開いたときにどのタブをデフォルトで表示するかを選択できます。
デフォルトタブを「サイトレビュー」に設定した場合
各レビュー下部に、「 役に立った 」ボタンを設置するかどうかを設定できます。
「いいね数表示」を有効にした場合
各レビュー下部に、「 役に立たなかった 」ボタンを設置するかどうかを設定できます。
※ 「いいね数表示」を有効にした場合のみ設定できます。
「悪評価」を有効にした場合
レビューが投稿された日付の表示方法を選択できます。
日付表示 :2026-03-09 など
経過時間表示 :〇週間前、〇年前 など
「日付表示」を「経過時間表示」に設定した場合
デフォルトでレビューのフィルターを表示するかどうかを設定できます。
無効 にした場合、「 詳細フィルター 」を押すことでフィルターが表示されます。
「デフォルトでフィルター表示」を有効にした場合
レビュー一覧に商品画像を表示させるかどうかを設定できます。
写真画像を表示を「有効」にした場合
レビュー一覧に、特定の商品のレビューだけタブ分けして表示することができます。
有効 にすると検索枠が表示されますので、商品名や商品IDで検索し 保存する を押してください。
レビュー一覧に、商品名でタブが追加されます。
レビューの本文が長文の場合、折り畳んで表示させることができます。
「長い説明文に「もっと読む」を表示」を有効にした場合
レビュー一覧に、トラストバッジを表示させるかどうかを設定できます。
トラストバッジについての詳しい説明はこちらのガイドをご参照ください。
トラストバッジの表示例
カスタムスタイルでは、サイト内に表示されるレビュー一覧の表示をCSSコードを用いて自由にカスタマイズすることができます。
カスタムスタイル設定画面
カスタムCSSを有効 にするかどうかを設定できます。
無効 の場合はデフォルトのCSSが適用されます。
カスタムCSSが有効 の場合にのみ編集できます。
カスタムCSSの内容を入力し、保存する を押せば完了です。
サイト上のリッチスニペットの対応を設定できます。
リッチスニペット対応設定画面
リッチスニペットとは?
Googleの検索結果に商品の評価(星の数)やレビュー件数を表示させる仕組みのことです。
通常、検索結果にはページタイトルと説明文(ディスクリプション)が表示されますが、リッチスニペットに対応すると、検索ユーザーに対して「この商品は高評価である」という情報を視覚的に伝えることができます。
U-KOMIのウィジェット設定では、このGoogleリッチスニペットを有効にするかどうかの設定が可能です。
※ Google側の判断により表示されない場合もあるため、設定すれば必ず表示されるわけではない点にご注意ください。
リッチスニペットの表示例
Googleのリッチスニペットを有効 にするかどうかを設定できます。
有効 にすると、Googleにレビュー情報を伝えるための構造化データ(マークアップ)がサイトに追加されます。
投稿されたレビューを、各SNS(X、LINE、Facebook)でシェアできるようにするかを個別に設定できます。
有効 にすると、レビュー画面にそれぞれのシェアボタンが表示されます。
以上が、専用ウィジェットについての説明となります。