WordPressのどこにでもWooCommerceレビューを表示する方法（＆amp;売上アップ）

WooCommerceの最高のレビューを商品ページに表示しないのは、トップセールス担当者をバックルームに閉じ込めておくようなものです。レビューが散在していたり隠されていたりすると、ほとんどの訪問者はそれを見ることはありません。それは、信頼を得て販売を促進する機会を逃すことを意味します。

レビューをホームページやその他の主要なページに表示することで、訪問者は実際の顧客体験をすぐに目にすることができます。これにより、購入に対する自信が深まり、ストアの信頼性とコンバージョンが大幅に向上します。

いくつかのプラグインをテストした後、Smash Balloon の Reviews Feed Pro を使用すると、WordPress サイトのどこにでも WooCommerce レビューを簡単に表示できることがわかりました。

このガイドでは、顧客レビューを強力な販売ツールに変えることができるように、プロセスを段階的に説明します。

WordPress ウェブサイトに WooCommerce レビューを表示する理由

商品ページ以外の場所に WooCommerce レビューを表示することは、サイト全体で信頼を築き、売上を伸ばす簡単な方法です。

ほとんどの買い物客は、購入前にソーシャルプルーフを探します。実際、消費者の90％以上が購入前にレビューを読みます。

ただし、レビューが商品ページにのみ表示される場合、多くの訪問者はそれを見ることはありません。これは、ホームページやランディングページに最初にアクセスした場合に特に当てはまります。

多くのWooCommerceストアでこれを見てきました。レビューはありますが、カジュアルな訪問者が通常見ない場所に隠されているため、あまり機能していません。

レビューをより多くの場所に表示することが、なぜ大きな違いを生むのかを説明します。

• 🤝 すぐに信頼を構築する — 訪問者が到着したときに実際のフィードバックを見ると、閲覧や購入に対する自信が高まります。
• 📈 ソーシャルプルーフでコンバージョンを増やす — レビューは他の顧客からの推薦のように機能し、多くの場合、セールスコピーよりも説得力があります。
• 🧩 素晴らしいレビューを見過ごすのをやめる — ショッパーが製品ページにたどり着かなければ、最高の推薦を見逃してしまいます。
• 🧑‍💻 どこにいても訪問者にリーチする — ホームページ、ランディングページ、またはサイドバーにレビューを追加すると、より多くの人がそれらを見ることができます。
• 💰 レビューを柔軟な販売促進ツールとして使用する — 製品、カテゴリ、またはタグごとにフィードバックを強調表示して、さまざまな訪問者が気にするものに合わせることができます。

最も良い点は、これを設定するのにコーディングや技術的なスキルは必要ないということです。以下の手順で、サイトのどこにでもWooCommerceレビューを表示する方法を正確に説明します。

ステップ1：Reviews Feed Proのインストールと有効化

Smash BalloonのReviews Feed Proは、WordPress向けの最高の顧客レビュープラグインです。WooCommerceおよびその他のプラットフォームからのレビューをWordPressウェブサイトのどこにでも表示できます。

この強力なプラグインには、ビジュアルカスタマイザー、柔軟なレイアウトオプション、自動レビュー同期が付属しています。そのため、手動での作業なしにフィードを常に最新の状態に保つことができます。

私が最も高く評価している点の一つは、プラグインがWooCommerceストアを自動的に検出することです。これは、コーディングやAPIキーを扱う必要がないことを意味します。製品に自動的に接続されます。

詳細については、Smash Balloonの詳細レビューをご覧ください。

Reviews Feed無料版は良い出発点ですが、GoogleとYelpのレビューに限定されています。WooCommerceレビューを表示し、より強力なオプションにアクセスするには、Reviews Feed Proが必要です。

開始するには、Smash Balloon Reviews Feed Proのウェブサイトにアクセスしてアカウントにサインアップしてください。そこから、プランを選択してチェックアウトプロセスを完了する必要があります。

購入が確認されると、アカウントダッシュボードからプラグインのzipファイルをダウンロードできるようになります。ライセンスキーもコピーしておいてください。すぐに必要になります。

ここからプラグインをインストールして有効化できます。

WordPress管理画面で、プラグイン » プラグインを追加に移動しましょう。

次に、「プラグインのアップロード」をクリックします。

ファイルアップローダーで、「ファイルを選択」をクリックし、ダウンロードしたzipファイルをアップロードします。

アップロードしたら、「今すぐインストール」をクリックし、「有効化」をクリックします。この手順でヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

有効化後、プラグインにライセンスキーの入力を求められます。先ほどコピーしたキーを、提供されたフィールドに貼り付けて「有効化」をクリックして有効化してください。

ライセンスが検証されたら、「変更を保存」ボタンをクリックするのを忘れないでください。

これで完了です。最初のWooCommerceレビューフィードを作成する準備が整いました。

ステップ2：最初のWooCommerceレビューフィードを作成する

さて、最初のフィードを作成する時間です。

WordPressダッシュボードから、 レビューフィード » すべてのフィードに移動します。ここで、レビューフィードを作成し始めると、すべてのレビューフィードを管理できます。

開始するには、ページ上部の「新規追加」ボタンをクリックします。

プラグインはフィードのソースを追加するように求めます。ソースとは、レビューの出典のことです。この場合は、オンラインストアです。

「ソースを追加」をクリックしてセットアッププロセスを開始します。

次の画面で、利用可能なレビュープラットフォームのリストが表示されます。

オプションから「WooCommerce」を選択します。

Reviews Feed Pro は WooCommerce ストアを自動検出するため、追加の設定なしですぐに接続できます。

次に、フィードに表示したいレビューを決定する必要があります。このプラグインには、3つの柔軟なオプションがあります。

• 個々の製品 — 名前またはSKUで検索して特定の製品を選択します。これは、人気のある製品のレビューを強調したい場合にうまく機能します。
• カテゴリ — 商品カテゴリ全体からのレビューを一度に表示します。これは、商品範囲全体にわたるフィードバックを紹介したい場合に最適なオプションです。
• タグ — 特定のタグを共有する商品からレビューをプルします。これは、「サマーピック」や「スタッフのお気に入り」などのニッチなコレクションやテーマ別のグループに役立ちます。

好みのオプションを選択したら、含めたい特定の製品、カテゴリ、またはタグを検索または選択できます。

完了する前に、Reviews Feed Pro はソースに名前を付けるように求めます。

整理しやすくするために、「サマーコレクションレビュー」や「ベストセラーフィード」など、わかりやすい名前を使用することをお勧めします。

選択に満足したら、「完了」をクリックします。

Reviews Feed Pro は、選択した商品、カテゴリ、またはタグに関連付けられたレビューをプルし、カスタマイズの準備ができたフィードを取得します。

「次へ」をクリックしてください。

ステップ 3: レビューフィードのデザインをカスタマイズする

フィードがレビューをプルするようになったので、サイトで見栄えを良くする時が来ました。

Reviews Feed Pro は、ライブカスタムizer にリダイレクトします。変更を加えるたびに、フィードのリアルタイムプレビューが表示されます。これにより、公開する前にすべてを正確に調整しやすくなります。

レイアウトの調整

まず、フィードのレイアウトを選択します。プラグインにはいくつかのオプションがあります。たとえば、次のとおりです。

• カルーセル — レビューをスライド形式で表示します。これは、スペースが限られているホームページやランディングページに適しています。
• グリッド — レビューを整理されたクリーンなグリッドで表示し、ほとんどのページに適しています。
• マソンリー — グリッドに似ていますが、カードの高さが異なり、より自然なPinterestスタイルの外観になります。

シンプルカードやシングルレビューなどの他のオプションもあります。各レイアウトには独自の雰囲気があるため、3つすべてをプレビューして、ブランドに最適なものを見つける価値があります。

このガイドでは、「カルーセル」テンプレートを選択します。

レイアウトを選択すると、カスタマイザーの「レイアウト」パネルが表示されます。

ここでは、左側のパネルからレビューの外観を制御できます。たとえば、次のとおりです。

• レビュー間の間隔 — 各レビュー間のスペースを制御し、すべてが混雑しすぎず、読みやすくなるようにします。
• デスクトップ、タブレット、モバイルで表示されるレビューの数 — 画面サイズごとに表示するレビューの数を選択できるため、レイアウトはどのデバイスでも見栄えが良くなります。

これらのデフォルトのレイアウト設定はほとんどのサイトでうまく機能するため、そのままにしておくか、必要に応じて調整できます。

このパネルを下にスクロールすると、さらにカスタマイズ設定が見つかります。

• カルーセルブレークポイント — レビューカルーセルが異なる画面サイズでどのように調整されるかを設定します。
• 列と行のレイアウト — 各行と列に表示されるレビューの数を制御します。
• 巻き戻しまたは無限ループ — カルーセルが最後のレビューで停止するか、最初に戻るかを選択します。
• スライド間隔時間（ミリ秒） — 自動再生が有効になっているときにレビューが移動する速度を決定します。
• ナビゲーションコントロール — カルーセルを使いやすくしたり、シンプルな外観を維持したりするために、矢印とページネーションドットを表示または非表示にします。
• 自動再生 — スライドの自動再生をオンまたはオフにします。
• コンテンツの長さ — レイアウトをすっきりさせるために、各レビューに表示される文字数を制限します。

ここでは、ナビゲーションコントロール以外はすべてそのままにしました。矢印は、その方がすっきりすると感じたので非表示にしました。

これで、メインのカスタマイズパネルに戻るボタンをクリックできます。

ヘッダーのカスタマイズ

ここから、WooCommerceのレビューヘッダーをカスタマイズできます。ヘッダーはレビューフィードの上部に表示され、訪問者に何を見ているのかについてのコンテキストを即座に提供します。

まず、カスタマイザー内で有効になっていることを確認し、「見出し」をクリックしてカスタマイズできます。

「コンテンツ」フィールドで、見出しを編集できます。「お客様の声」のようなものは、ほとんどのストアでうまく機能します。

ヘッダーがサイトのデザインに自然に溶け込むように、テキストの色とサイズを変更することもできます。

完了したら、ボタンをクリックしてメインのカスタマイズパネルに戻ることができます。

レビューセクションのカスタマイズ

次に、レビューフィードを微調整できます。

「レビュー」パネルでは、投稿スタイルと個々のレビューの表示方法をカスタマイズできます。

まず「投稿スタイル」から始めましょう。

2つのオプションから選択できます。

• ボックス — 各レビューを境界線付きのボックス内に表示し、背景色を設定できます。
• 通常 — ボックスレイアウトなしでレビューを表示し、カスタマイズ可能な色のクリーンな区切り線を使用して、より合理化された外観にします。

背景色または区切り線の色をブランドカラーに合わせることで、フィードがWordPressテーマに自然に溶け込むのに役立ちます。

次に、「個々の要素を編集」ページで、各レビューカード内に表示されるものをプラグインで正確に制御できます。

レビュー投稿者の名前、星評価、レビュー日、またはレビューテキストなどの要素を表示または非表示にすることを選択できます。これにより、物事をクリーンで集中した状態に保つための多くの柔軟性が得られます。

これらの各要素について、色、パディング、およびマージンを編集できます。

また、「レビュー段落」でフォントの太さ、高さ、サイズをカスタマイズすることもできます。さらに、レビュアーがアップロードした画像や動画を表示または非表示にすることもできます。

次に、フィードに多くのレビューが含まれている場合、「もっと読み込む」ボタンを有効にすることで、ページが圧倒されるように感じることなく、訪問者が追加のレビューを閲覧できるようになります。

フィードをコンパクトに保ち、固定数のレビューのみを表示したい場合は、このオプションをオフのままにしておくことができます。

次に進む前に、カスタマイザーのデバイスプレビューオプションを使用して、小さい画面サイズでフィードをプレビューする時間を取ってください。

Reviews Feed Proはレスポンシブデザインですが、モバイルデバイスでもすべてがすっきりと読みやすく表示されることを常に確認することをお勧めします。

フィードの外観に満足したら、「保存」をクリックしてカスタマイズ設定を保存します。

ステップ4：1つのフィードに複数のソースを追加する（オプション）

レビューフィードをさらに進化させたい場合は、Reviews Feed Proを使用すると、複数のソースからのレビューを1つのフィードにまとめることが簡単にできます。

これは完全にオプションですが、1か所でより幅広い顧客からのフィードバックをアピールする強力な方法になります。

既存のフィードに2番目のソースを追加するには、フィードエディタ内の設定 » ソースに移動します。

次に、「別のソースを追加」ボタンをクリックします。

これにより、ステップ2で完了したのと同じソース設定プロセスを実行できます。

そこから、同じフィードに別の製品、カテゴリ、またはタグを追加できます。

これの実用的な用途の1つは、異なる製品カテゴリからのレビューを組み合わせることです。たとえば、衣料品店を経営している場合、男性用と女性用のカテゴリからのレビューを1つのフィードに組み合わせて、一般的なお客様の声ページを作成できます。

ソースの組み合わせ方にもっとクリエイティブになることもできます。

優れたアプローチは、広範なカテゴリと特定の個々の製品を組み合わせることです。たとえば、すべての「アクセサリー」カテゴリからのお客様の声を取り込み、その上に特定のベストセラー製品を追加できます。

このようにして、最も人気のあるアイテムはより多くの注目を集め、フィードは全体的にバランスが取れたものになります。

時間が経つにつれて複数のフィードを作成する場合は、ソースポップオーバーを使用して整理整頓してください。

ワンクリックで、フィードに接続されている製品、カテゴリ、またはタグを確認できます。また、エディターを開かずにソースを確認し、プロモーションまたは季節キャンペーンのためにフィードをより速く更新できます。

これは、多くのフィードを管理する大規模なストアに特に役立ちます。

ここにいる間に、「モデレーション」などの他の設定もいくつか確認することをお勧めします。

これにより、WooCommerceのレビューを簡単にモデレートおよびフィルタリングして、サイトに表示するレビューを正確に選択できます。ただし、自動的に更新したい場合は、この設定を無効のままにしておくことができます。

ステップ5：サイトにレビューフィードを表示する

フィードを作成し、カスタマイズしたら、それを活用する時です。

レビューをどこに配置するかは、レビューそのものと同じくらい重要です。訪問者がソーシャルプルーフの影響を受けやすい瞬間に、それらを訪問者の目に触れさせることが目標です。

まずホームページから始めることをお勧めします。ほとんどの訪問者が最初にアクセスする場所であり、適切に配置されたレビューフィードはすぐに信頼を築くことができます。

ここでは、Reviews Feed Proを使用して、これらのそれぞれを行う方法を説明します。

ブロックを使用してホームページにフィードを追加する

レビューフィードを特定のページに埋め込む最も簡単な方法は、WordPressブロックエディター内のレビューフィードブロックを使用することです。

これを行うには、単に「埋め込み」ボタンをクリックして、埋め込みウィザードを起動します。

ポップアップで、フィードのショートコードと「ページに追加」オプションが表示されます。

「ページに追加」を選択しましょう。

次に、フィードを表示したいページ（ホームページやカスタムランディングページなど）を選択します。

「追加」ボタンをクリックします。

ブロックエディターで、「+」アイコンをクリックして新しいブロックを追加します。

「レビューフィード」を検索し、結果から選択します。

すると、コンテンツエディター内にレビューフィードが表示されます。

複数のレビューフィードがある場合、プラグインで表示したいフィードを選択できます。また、エディターの右側にあるブロックの設定パネルのドロップダウンメニューをクリックすることもできます。

ここから、レビューブロックを上下に移動できます。

配置に満足したら、「公開」または「保存」をクリックして変更を保存します。

これで、サイトにアクセスして動作を確認できます。

ショートコードを使用してサイドバーとウィジェットエリアにレビューを追加する

この方法は、クラシックWordPressテーマで一般的に使用されるサイドバーやフッターに最適です。ショートコードブロックをサポートするほとんどのページビルダーでも機能します。

開始するには、レビューフィードProのカスタマイザー内の「埋め込み」をクリックするだけです。

ポップアップには、レビューフィードのショートコードと「ページに追加」オプションが表示されます。

レビューフィードのショートコードの横にある「コピー」をクリックしてください。

次に、「外観 » ウィジェット」に移動します。

次に、サイドバーやフッターなど、好みのウィジェットエリアに「ショートコード」ブロックを追加します。

ここで、コピーしたショートコードをウィジェットに貼り付けます。

これで完了したら、「更新」をクリックして保存します。

これで完了です。サイトにアクセスして、すべてが機能していることを確認できます。

例えば、私のコンタクトページでのWooCommerceレビューの表示は以下のようになります。

フルサイト編集（FSE）を使用してサイト全体にフィードを追加する

WordPressテーマがフルサイト編集をサポートしている場合は、さらに強力なオプションが利用できます。FSEを使用すると、ヘッダー、フッター、カスタムページテンプレートなどのテーマテンプレートにレビューフィードを直接追加できます。

これにより、レビューを個別に編集することなく、複数のページにわたって一貫して表示できます。多くの手作業なしでサイト全体にソーシャルプルーフを掲載したいストアにとって、これはまさに時間を節約できます。

開始するには、WordPressダッシュボードから「外観 » エディター」に移動します。

そこから、フィードを追加したいテンプレートに移動します。

例えば、アクティブな「ブログ」テンプレートに追加します。

テンプレートエディターに入ったら、「+」アイコンをクリックして新しいブロックを追加します。

次に、「レビューフィード」を検索して、通常のページに追加するのと同じように挿入します。

これが完了したら、サイトにアクセスして結果を確認してください。

私のWordPressブログでは、WooCommerceのレビューは次のように表示されます。

追加のヒント：WordPressでGoogle、Facebook、Yelpのレビューを表示する

より多くのソーシャルプルーフをサイトに表示したい場合は、WooCommerceのレビューと並べて、Google、Facebook、Yelpなどの主要プラットフォームからのレビューを表示できます。

これらは信頼性を高め、コンバージョンをさらに向上させることができます。

Smash Balloonのレビューフィードプロはこれらすべてのプラットフォームをサポートしているため、それぞれに個別のフィードを作成したり、ステップ4で学んだマルチソース機能を使用してWooCommerceレビューと組み合わせたりできます。

これは、ストアが単にWordPressウェブサイトだけでなく、複数のプラットフォームで信頼されていることを訪問者に示すのに最適な方法です。

詳細については、Google、Facebook、YelpのレビューをWordPressに表示する方法に関するガイドをご覧ください。

WordPressでWooCommerceのレビューを表示することに関するよくある質問

以下は、WordPress ウェブサイトに WooCommerce レビューを表示することに関するよくある質問への回答です。

特定の製品からのレビューのみを表示できますか？

はい、Smash Balloon Reviews Feed Proを使用して特定の製品のレビューを表示できます。フィードを設定するときに「個別製品」オプションを選択し、製品名を指定して選択できます。これにより、それらの製品からのレビューのみがフィードに表示されます。

新しいレビューは自動的にフィードに表示されますか？

Reviews Feed Pro を使用している場合、新しいレビューは手動で更新することなく、自動的にフィードに表示されます。このプラグインはバックグラウンドで WooCommerce ストアと同期するため、新しいレビューが届き次第取得して表示されます。

短いレビューはフィードに表示されますか？

はい、短いレビューはデフォルトでフィードに表示されます。ただし、一部の顧客レビュープラグインでは、各レビューカード内に表示されるコンテンツを制御できます。

複数のページに WooCommerce レビューフィードを表示できますか？

はい、WooCommerce レビューフィードは好きなだけ多くのページに表示できます。

たとえば、Reviews Feed Proを使用している場合、ブロックエディターでブロックを使用してフィードを追加したり、レビューを表示したいページ、ウィジェットエリア、またはページビルダーモジュールにショートコードを貼り付けたりできます。

WooCommerce のレビューと他のプラットフォームのレビューを組み合わせることはできますか？

はい、Reviews Feed Pro を使用すると、Google、Facebook、Yelp などの他のプラットフォームのレビューと WooCommerce のレビューを組み合わせることができます。

WooCommerceストアを成長させるための次のステップ

おめでとうございます – WooCommerce 製品からフィードを作成する方法を学びました！

次に、以下の他の役立つガイドを確認することをお勧めします。

• WordPressで顧客レビューページを追加する方法
• WordPressでローテーションするお客様の声を追加する方法
• WooCommerceの商品レビュー後にクーポンを送る方法
• より多くの顧客レビューを獲得する方法
• ベストなWooCommerceポイント＆リワードプラグイン

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。