Reviews Feed Pro を使用した WooCommerce レビューフィードの設定

Reviews Feed Pro を使って WooCommerce のレビューフィードを設定し、商品レビューを特定の商品ページだけでなく、サイト内のどこにでも表示させる方法。

WooCommerceの商品レビューを、個々の商品ページだけでなく、WordPressサイトのどこにでも表示したいと思いませんか？

このガイドでは、WooCommerceの商品レビューからレビューフィードを作成する手順を詳しく解説します。ストアでのレビュー機能の有効化から、フィードの埋め込みまでを順を追って説明します。必要なのは、「Reviews Feed」プラグインと、承認済みの商品レビューが1件以上あるWooCommerceストアだけです。

作業を始める前に、WordPressサイトに「Reviews Feed」の有料版と「WooCommerce」プラグインがインストールされ、有効化されていることを確認してください。

• WooCommerceで商品レビュー機能を有効にする
• ソースとして商品を追加する
• テンプレートの選択
• フィードのカスタマイズと保存
• フィードの埋め込み
• よくある質問

WooCommerceで商品レビュー機能を有効にする

まずは、商品レビューを収集できるようストアの設定を行います。「レビューフィード」には、顧客がWooCommerceの商品に投稿したレビューが表示されます。

WordPressの管理画面のサイドバーから、「WooCommerce」→「設定」に移動し、「商品」タブを開きます。

ストアでレビューを受け付けるには、「商品レビューを有効にする」チェックボックスにチェックを入れる必要があります。顧客が星で商品を評価できるようにするには、「レビューに星評価を有効にする」にもチェックを入れてください。フィードには、各レビューとともにこれらの星評価が表示されます。

いずれかのオプションを変更した場合は、ページ下部の「変更を保存」をクリックしてください。

「レビュー」フィードには、承認済みのレビューのみが表示されます。「商品」＞「レビュー」で、審査待ちのレビューを承認することができます。

これで、貴店のレビューを公開する準備が整いました。次に、貴店の商品を情報源として追加します。

ソースとして商品を追加する

各フィードには、1つ以上のソースからのレビューが表示されます。WooCommerceの場合、ソースとは、お客様のストアにある商品のグループを指します。

WordPressの管理画面のサイドバーから、「レビューフィード」＞「すべてのフィード」に移動します。

「すべてのフィード」ページの上部にある「新規追加」をクリックします。

これにより、「フィードの作成」画面が開きます。最初のステップでは、フィードに表示する情報源を選択します。

まだソースを追加していない場合は、「ソースを追加」をクリックしてください。すでに他のソースを追加している場合は、この手順でそれらのソースが一覧表示され、「新規追加」タイルをクリックすると同じウィンドウが開きます。

「ソースの追加」ウィンドウが開き、各レビューソースごとにタイルが表示されます。次に、「WooCommerce」のタイルをクリックします。

タイルを選択したら、ウィンドウの下部にある「次へ」をクリックしてください。

「商品を追加」ステップでは、「レビューフィード」に、ストア内の商品が一覧表示され、各商品のレビュー数と価格が表示されます。また、商品名で検索したり、商品のURLを貼り付けたりして商品を検索することもできます。

リストから、レビューを表示したい各商品の横にあるチェックボックスにチェックを入れてください。選択した商品は、右側の「選択内容」パネルに表示されます。続行するには、少なくとも1つの商品を選択する必要があります。

「カテゴリ」と「タグ」のタブも同様に機能します。カテゴリやタグを選択すると、そこに含まれる商品がソースに追加されます。一つずつ選択する必要はありません。

選択が完了したら、「次へ」をクリックしてください。

「ソース名の追加」ステップでは、Reviews Feed が選択内容に基づいて名前を入力します。この名前はソースの一覧に表示されます。見分けやすい名前に変更することもできます。

作業が完了したら、「完了」をクリックしてください。

「レビューフィード」では、ソースが追加され、「ソースの追加」ステップに戻ります。そこで、新しいソースが商品数とともに表示されます。

フィードにその商品のレビューを表示するには、新しい情報源を選択する必要があります。まだチェックボックスがオンになっていない場合は、その情報源をクリックして選択してください。その後、画面上部の「次へ」をクリックしてください。

フィードのレビューソースとして、あなたの商品が設定されました。次に、テンプレートを選択します。

テンプレートの選択

テンプレートは、レビューのレイアウトを決定します。「Reviews Feed」では、「デフォルト」、「シンプルカード」、「メイソンリー」、「単一レビュー」、「ショーケースカルーセル」、「カルーセル」、「グリッドカルーセル」の7種類のテンプレートが用意されています。

最初は「デフォルト」が選択されています。どれを選べばよいかわからない場合は、「デフォルト」のままにしておいてください。後でフィードエディタで変更することができます。

テンプレートを選んだら、「次へ」をクリックしてください。

フィードのレイアウトが整いました。次は、フィードをカスタマイズして保存します。

フィードのカスタマイズと保存

「レビューフィード」では、フィードが作成され、フィードエディタで開かれます。右側のプレビューには、商品のレビューが表示され、各レビューには投稿者の名前、星の評価、レビュー本文が表示されます。

エディタを開いている間に、「カスタマイズ」タブを使用して、フィードのテンプレート、レイアウト、ヘッダー、レビュー、および「さらに表示」ボタンを変更してください。レビューフィードの外観をカスタマイズする方法については、当サイトのガイドで各セクションごとに詳しく解説しています。

フィードの表示に満足したら、「保存」をクリックしてください。

フィードは、テンプレートと行った変更内容とともに保存されました。次に、その表示方法について見ていきましょう。

フィードの埋め込み

フィードをサイトに追加する準備が整いました。ブロックエディタ内の「レビューフィード」ブロック、またはそのショートコードを使用して追加できます。

フィードのショートコードをコピーしたり、ページに追加したりするには、フィードエディタの上部にある「埋め込み」をクリックしてください。

「フィードの埋め込み」ウィンドウが開きます。「ショートコードを使用」の項目には、フィードのショートコードと「コピー」ボタンが表示されます。このウィンドウでは、次のように表示されます。 [reviews-feed feed="1"]（この数字はフィードのIDです）。

また、このウィンドウには「投稿」または「ページ」というオプションがあり、フィードをページに自動的に追加してくれます。

ショートコードを初めて使う方は、「WordPressでショートコードを追加する方法」を参照して、手順に従って操作してください。

フィードの表示方法については、レビューフィードの表示に関するガイドをご覧ください。

これで完了です！WooCommerceの商品レビューを、サイトのどこにでも表示できるレビューフィードに変えることができました。

次に、フィードに表示するレビューを選択しますか？

評価、キーワード、または情報源ごとにレビューを絞り込む方法については、こちらのガイドをご覧ください。

よくある質問

以下では、WooCommerceのレビューフィードに関するよくある質問のいくつかにお答えします。