このガイドでは、タブウィジェットについて説明しています。
タブウィジェット は スタンダードプラン以上 からお使いいただける機能となります。
U-KOMI管理画面における タブウィジェット とは、任意のタブを作成し、レビューをタブ分け（分類）して表示できる機能です。
ウィジェットとタブウィジェットの違いは？
ウィジェット：各商品ページに表示されているレビューの設定
タブウィジェット：任意のタブを作成し、レビューをタブ分け（分類）して表示する設定
① 画面右上の タブウィジェットを追加 を押します。
「タブウィジェットを追加」画面
② 任意のタブウィジェット名を入力します。
ここで設定する「タブウィジェット名」は、あくまで複数のタブウィジェットを管理・識別するための名前です。実際のサイト上には表示されません。
タブウィジェット名を設定すると、「タブ名」欄に追加されます
③ 「全商品」のレビューを表示するタブを追加するかどうかを設定します。
全商品タブを追加 を有効 にすると、 全商品レビューのタブの設定項目が表示されます。
右側の枠には、実際のサイト上で表示するタブ名を設定します。
④ その他のタブを設定します。
特定の商品や、特定のグループ、特定のタグごとにタブ分けしたい場合は、それぞれの追加ボタンを押すと、設定項目が表示されます。
タブ分けするアイテム | ボタン名 | 指定方法 |
|---|---|---|
特定の商品 | 追加（商品） | 商品IDまたは商品名を入力 （複数商品選択可） |
特定のグループ | 追加（グループ） | グループ名を入力 （複数グループ選択可） |
特定のタグ | 追加（タグ） | 商品に設定しているカスタム質問用のタグを入力（複数タグ選択可） |
※ 「 追加（商品）」 「 追加（グループ）」の場合、３文字以上の入力が必要です。
「追加（商品）」を押した場合。３文字以上の入力が必要。
④ 右の入力窓に、実際のサイトに表示するタブ名を入力し、 保存する を押します。
⑤ HTMLタグをコピーします。
作成したタブ名のアクションボタン（…）より、 HTMLタグをコピー を押すと、タグがコピーされます。
⑥ 各カートの管理ページより、⑤でコピーしたタグを設置すれば完了です。
makeshopの管理画面でタグ設置した例
各タブ名の左側のマークをホバーし、カーソルが ✠ マークに変わった状態でドラッグすると、順番を並べ替えることができます。
作成したタブ名のアクションボタン（…）より、編集や削除をすることができます。
以下、全ての設定において最後に必ず「 保存する 」を押してください。
レビュー一覧の上部に、タイトルを表示させるかどうかを設定できます。
有効 にすると、タイトルが表示されます。
レビューに表示する名前を設定することができます。
設定項目 | 設定内容 |
|---|---|
すべて表示 | 「お名前」が表示される（入力がない場合は空欄） |
一部表示 | 「お名前」の一部が表示される（入力がない場合は空欄） |
ニックネーム | 「ニックネーム」が表示される（入力がない場合は二次設定が反映される） |
ジェネリック名 | 設定したジェネリック名が表示される(*) |
*「ジェネリック名」とは、投稿者の総称（例：ご購入者様、など）を指します。
ニックネームが反映されている例
※「お客様のお名前表示」で ニックネーム を選択した場合のみ表示されます。
レビューにニックネームの登録がなかった場合に、何を表示するかを設定できます。
設定項目 | 設定内容 |
|---|---|
すべて表示 | 「お名前」が表示される（入力がない場合は空欄） |
一部表示 | 「お名前」の一部が表示される（入力がない場合は空欄） |
ジェネリック名 | 設定したジェネリック名が表示される |
※ 「お客様のお名前表示（二次）」で ジェネリック名 を選択した場合のみ表示されます。
利用するジェネリック名を設定できます。
例：ご購入者様、利用者様、お客さま など
レビューに表示するお客様のお名前に、敬称をつけるかどうかを設定できます。
無効 にすると、何も表示されません。
レビュー一覧にスターレーティングの内訳を表示させるかどうかを設定できます。
無効 にした場合、内訳（赤枠部分）は表示されません。
タブウィジェット: 「レビュー評価詳細」を有効にした場合の表示例
※ 宛名の敬称が 有効 の場合にのみ表示されます。
利用する宛名の敬称を設定できます。
例：様、さま、さん など
タブウィジェット: 「宛名の敬称」を有効にし、「利用する宛名の敬称」を「様」に設定した場合
１ページに掲載するレビュー数を５件単位で設定できます。（５件〜50件まで選択可能）
ウィジェットタグに【data-review-count="半角数字"】を追加することで、より細かく設定することも可能です。
例：レビュー表示件数を８件にしたい場合
各レビュー下部に、「 役に立った 」ボタンを設置するかどうかを設定できます。
「いいね数表示」を有効にした場合
各レビュー下部に、「 役に立たなかった 」ボタンを設置するかどうかを設定できます。
※ 「いいね数表示」を有効にした場合のみ設定できます。
「悪評価」を有効にした場合
レビューが投稿された日付の表示方法を選択できます。
表示方法 | 説明 |
|---|---|
日付表示 | 2026-03-09 など |
経過時間表示 | 〇週間前、〇年前 など |
タブウィジェット: 「日付表示」を「経過時間表示」に設定した場合
デフォルトでレビューのフィルターを表示するかどうかを設定できます。
無効 にした場合、「 詳細フィルター 」を押すことでフィルターが表示されます。
「デフォルトでフィルター表示」を有効にした場合
レビュー一覧に商品画像を表示させるかどうかを設定できます。
写真画像を表示を「有効」にした場合
カスタムスタイルでは、サイト内に表示されるレビュー一覧の表示をCSSコードを用いて自由にカスタマイズすることができます。
タブウィジェット：カスタムスタイル設定画面
カスタムCSSを有効 にするかどうかを設定できます。
無効 の場合はデフォルトのCSSが適用されます。
カスタムCSSが有効 の場合にのみ編集できます。
カスタムCSSの内容を入力し、保存する を押せば完了です。
タブウィジェット: カスタムCSSを編集し「保存する」を押します。
「購入確認済み」バッジを非表示にする
詳細フィルター内の購入確認済み関連の並び替え／絞り込み項目（例：「購入確認順」）を非表示にしたい場合は、以下を追加してください。
U-KOMIは、「購入確認済み」バッジの表示を推奨しております。
昨今、AIによるレビューの偽造などが問題視される中、「購入確認済み」バッジは、そのレビューが「実際に購入されたお客様による正真正銘の投稿である」という証明となります。
この表示がお客様にとっての強力な 信用シグナル となり、購入を後押しする要素となりますので、ぜひ非表示にする前に一度ご検討いただけますと幸いです。
投稿されたレビューを、各SNS（X、LINE、Facebook）でシェアできるようにするかを個別に設定できます。
有効 にすると、レビュー画面にそれぞれのシェアボタンが表示されます。
タブウィジェット: レビューを、ユーザーがSNSでシェアできるように設定できます。
以上が、タブウィジェットについての説明となります。