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つ作成することができます。

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

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

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

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

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

これは、多くのフィードを管理する大規模な店舗にとって特に役立ちます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WooCommerceのレビューが私のWordPressブログに表示される方法は次のとおりです。

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

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

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

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

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

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

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

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

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

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

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

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でもフォローできます。