Shopifyアプリ「Product Reviews」で商品ページにカスタマーレビューを表示しよう

2022.07.17

2022.07.19

tn productReviews

オンラインストア、地図アプリ、グルメサイト…口コミやレビューは、さまざまな活動における重要な判断基準の一つです。
ネットショッピングでは特に、実際に商品を使用したユーザーの声は購入時の大きな後押しになります。

この記事では、商品ページにカスタマーレビューを表示させる簡単な方法として、Shopifyアプリ「Product Reviews」をご紹介します。

 

「Product Reviews」主な機能は?

「Product Reviews」は、商品ページにカスタマーレビューや星評価を表示させることができる、Shopify提供の無料アプリです。
操作は通常の管理画面で行うため、誰でも簡単に使い始めることができます。

デザインのカスタマイズ

レビュー欄や星評価のデザインを、コーディング作業なしでカスタマイズできます。
テキスト、サイズや色、レイアウトを設定し、ストアのテーマに沿ったレビュー表示をしましょう。

CSV形式でのインポート・エクスポート

レビューを一括エクスポートすることで、ショップや商品の改善点を分析しやすくなります。
また、インポート機能を使って、同じ商品を取り扱う他のショップからレビューを反映させることも可能です。

Google検索結果へのレビュースコア反映

「Product Reviews」を使用すると、Google検索結果にも商品レビューが表示されるようになります。検索からのトラフィック増加が期待でき、SEO対策にもつながります。

 

設定方法

インストール

  1. Shopifyアプリストアにアクセスし、「Product Reviews」を追加
  2. [アプリをインストール]をクリック

14b7d76f2abce310837a677aad65c1ad

商品ページにレビューリストを追加

  1. 管理画面から [オンラインストア] > [テーマ] >[カスタマイズ]の順に移動
  2. 任意の商品ページを開き、画面左側 [セクションを追加] をクリック
  3. 表示された [アプリ] 欄から[Reviews (Product Reviews) ]を選択し、ページ上の配置したい箇所にドラッグ&ドロップで設置
  4. [保存] をクリック

ee2e33dc62cf25753368e647c6f25b93

ページに星評価を表示

    1. 管理画面から [オンラインストア] > [テーマ] >[カスタマイズ]の順に移動
    2. 評価を表示させたいページを開き、画面左側 [セクションを追加] をクリック
    3. 表示された [アプリ] 欄から[Star rating (Product Reviews) ]を選択し、ページ上の配置したい箇所にドラッグ&ドロップで設置
    4. [保存] をクリック

bf15ad133694937d320a323e221fa42f

レビュー公開設定の確認

      1. 管理画面から、[アプリ管理]に進む
      2. 「Product Reviews」の[Settings]をクリック
      3. Auto publish欄の設定を確認
        →スパムチェック後にレビューを自動公開する場合は[Enabled]を選択
        →レビューを手動で公開する場合は[Disabled]を選択
      4. [Save] をクリックし、設定を保存

8c1ef54943c3a053965add83ae9dcaf2

メール通知設定

      1. 管理画面から、[アプリ管理]に進む
      2. 「Product Reviews」の[Settings]をクリック
      3. レビュー投稿時に通知が欲しい場合Email settings欄にチェックを入れる
      4. [Save] をクリックし、設定を保存

ec543303116fa24ae70eaab8c63ab252

評価の星の色を変更

      1. 管理画面から、[アプリ管理]に進む
      2. 「Product Reviews」の[Settings]をクリック
      3. Star icon color欄の[Custom color]を選択し、任意の色を設定
      4. [Save] をクリックし、設定を保存

e758663032cde46269a918d81c8f55fe

レビューのレイアウト設定

      1. 管理画面から、[アプリ管理]に進む
      2. 「Product Reviews」の[Settings]をクリック
      3. Review listing layout欄で枠線と境界線の色、余白、1ページに表示するレビュー数を設定
      4. [Save] をクリックし、設定を保存

fdd9cd6031bdf5eeed8d3a59b32fe20e

レビューリストのテキストを変更

      1. 管理画面から、[アプリ管理]に進む
      2. 「Product Reviews」の[Settings]をクリック
      3. Review listing text欄でタイトルやその他の表示テキストを設定
      4. [Save] をクリックし、設定を保存

da83749c4bbf35f3c90b18d18d195252

レビュー投稿フォームのテキストを変更

      1. 管理画面から、[アプリ管理]に進む
      2. 「Product Reviews」の[Settings]をクリック
      3. Review form text欄で各項目の表示テキストや、入力必須項目を設定
      4. [Save] をクリックし、設定を保存

456ddc4d283f0979c7b4d2da72833d84

バッジの設定

      1. 管理画面から、[アプリ管理]に進む
      2. 「Product Reviews」の[Settings]をクリック
      3. Badge text欄でレビューがない時とある時の、表示テキストを設定
      4. [Save] をクリックし、設定を保存

211fd68b819ca1877f2013afd9497b79

カスタマーレビューを表示して、売上と信頼度をアップ

レビュー機能を使うと、説明欄に記載しきれなかった商品の魅力はもちろん、過去のストアによる対応等もユーザーに届きます。
これらは商品やストアの信頼度アップ、そして売上アップにつながります。

商品ページへのレビュー表示を試したい方、売上アップ策を探している方は、今回紹介した無料アプリ「Product Reviews」の導入を検討してみてください。

KEiSoN★

デジタルハリウッドオンラインスクールで、webデザインの基本を学ぶ。
2007年よりECカート開発会社にてwebディレクター/webデザイナーとして従事。マネージャー職も務める。
2009年1月よりフリーランスのwebディレクター/Webデザイナーとして独立。2015年11月にスカイゴールド株式会社として法人化。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発が得意。
国内外の様々な価値観・クリエイティブに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。