ウェブサイトにレビュー ウィジェットを埋め込む 4 つの方法 (Google レビューなど)

公開: 2023-05-22

Web サイトにレビュー ウィジェットを追加する方法を知りたいですか?

レビュー ウィジェットを表示することは、ブランドに対する信頼を築き、訪問者を変換するための素晴らしい方法となります。

しかし、サイトにレビュー ウィジェットを手動で埋め込むのは、特にコードの扱いに慣れていない場合には、難しい場合があります。

ソリューション? 最大のプラットフォームからレビューを埋め込む簡単な方法を紹介します。

まずは、レビュー ウィジェットとは何か、そしてレビュー ウィジェットがビジネスにどのように役立つかを見てみましょう。

レビューウィジェットとは何ですか?

レビュー ウィジェットは、WordPress Web サイトでレビューを表示するために使用できるコンテンツのブロックです。

そうすることで、あなたの Web サイトにアクセスした人は誰でも、同じような一般ユーザーによるあなたのブランドに対する好意的なレビューや推薦を見ることができます。

レビュー ウィジェットを効果的にしたい場合は、有名で信頼性の高いレビュー サイトのコンテンツを表示できます。

そのためには、 Tripadvisor、Yelp、Facebook、 Googleを使用するのが最適です。

そうすることで、Web サイト訪問者の変換とビジネスの成長がはるかに簡単になります。

ウェブサイトにレビュー ウィジェットを埋め込む理由

面白い事実: ユーザーの 93% はオンラインで何かを購入する前にレビューをチェックします。

ブランドに対する肯定的なレビューを含むレビュー ウィジェットを埋め込むことで、訪問者に、同じような一般の人があなたの製品に満足していることを示すことができます。

レビューウィジェットの例

したがって、より多くの人に購入してもらい、売上を伸ばすことができます。

さらに、Web サイトでレビュー ウィジェットを使用できる方法がいくつかあります。

  • より多くの人にウェブサイトに登録して購入してもらうよう説得する
  • SEO を強化し、検索結果でサイトを上位にランク付けできる新鮮なコンテンツを表示します。
  • さまざまなコンテンツや写真を使ってウェブサイトをより魅力的にしましょう
  • ブランドへの信頼を築き、より多くの人を熱心な顧客に変え始めましょう

レビュー ウィジェットがビジネスに役立つことがわかったので、レビュー ウィジェットをサイトに追加する方法を見てみましょう。

ウェブサイトにレビュー ウィジェットを追加する方法

レビュー ウィジェットの埋め込みに関しては、次の 2 つのオプションから選択できます。

  • 手動による方法:埋め込みたいレビューの HTML 埋め込みコードを生成し、そのコードをサイトに挿入します。
  • 簡単な方法:ウェブサイトにレビューを自動的に表示できる WordPress プラグインを使用します。

手動の方法を使用すると、レビュー ウィジェットを Web サイトに追加するのに多大な時間と労力がかかる可能性があります。

結局のところ、レビューの埋め込みコードを手動で生成し、サイトに追加することになります。

さらに、コードを自分で編集しない限り、レビュー ウィジェットをカスタマイズすることはできません。 また、コーディングに慣れていない場合は、お金をかけて開発者を雇う必要があります。

手動 Yelp ウィジェットの例

ただし、はるかに簡単なアプローチは、代わりにレビュー集約プラグインを使用することです。 その後、プラグインはレビューを自動的に取得し、Web サイトに表示します。

市場で最良のオプションは Reviews Feed Pro です。

レビューフィードプロプラグイン

Reviews Feed Pro プラグインを使用すると、コーディングの必要がなく、わずか数分でウェブサイトにレビュー ウィジェットを表示できます。

プラグインのガイド付きフローに従うだけで、レビュー ウィジェットを作成、カスタマイズし、サイトに埋め込むことができます。

3-step guided flow reviews feed pro

さらに、このプラグインは、Facebook、トリップアドバイザー、Yelp、Google などの最大のプラットフォームをサポートしています。

このプラグインは非常にユーザーフレンドリーなので、数回クリックするだけでレビュー ウィジェットの外観を自由にカスタマイズできます。

ビジュアル カスタマイザーを使用すると、ヘッダー、ウィジェット レイアウト、ボタンのデザインなどをカスタマイズできます。HTML、カスタム CSS、その他のコードは必要ありません。

ライブフィードエディターがフィードプロをレビュー

変更を加えるたびに、右側のライブ プレビューにレビュー ウィジェットがどのように表示されるかが表示されます。

一番良いところ? ウィジェットに表示するレビューを完全に制御することもできます。

フィルターを追加するだけで、特定の星評価を持つレビューのみを表示したり、禁止用語を含むレビューを非表示にしたりできます。 または、レビュー フィードを管理して、表示または非表示にするレビューを選択することもできます。

ご覧のとおり、Review Feed Pro を使用すると、高品質のレビューを強調表示できるため、より多くのコンバージョンを獲得できます。

さらに、このプラグインには、いつでも手を貸してくれる WordPress 専門家のチームが付属しています。

サポートが必要な場合や質問がある場合は、彼らに連絡してください。 このような質の高い献身的なサポートにより、スマッシュ バルーンは世界最大手のブランドによって使用されています。

ブランド スマッシュバルーン

レビュー ウィジェットをサイトに埋め込む準備はできていますか? ここから Reviews Feed Pro のコピーを入手してください。

レビュー ウィジェットを埋め込む最も簡単な方法がわかったので、プラグインの使用方法を見てみましょう。

この記事で取り上げる内容は次のとおりです。 以下のセクションをクリックして先に進んでください。

  • Google レビュー ウィジェットをウェブサイトに埋め込む方法
  • Facebook レビュー ウィジェットをウェブサイトに埋め込む方法
  • トリップアドバイザーのレビュー ウィジェットをウェブサイトに埋め込む方法
  • Yelp レビュー ウィジェットを Web サイトに埋め込む方法

始めましょう!

Google レビュー ウィジェットをウェブサイトに埋め込む方法

まず、このプラグインを使用してサイトに Google レビュー ウィジェットを表示する方法を見てみましょう。

次の手順に従うだけです。

ステップ 1: Reviews Feed Pro をインストールしてアクティブ化する

サイトにインストールしてアクティブ化する前に、ここから Reviews Feed Pro のコピーを取得して開始できます。

助けが必要? WordPress にプラグインをインストールする方法については、すべての手順を説明するガイドをご覧ください。

プラグインの準備ができたら、次のステップでレビュー ウィジェットを作成できます。

ステップ 2: Google レビュー ウィジェットを作成する

プラグインのシンプルなガイド付きフローから、Google ウィジェットを作成するのは非常に簡単です。

WordPress ダッシュボード領域から、 [レビュー フィード] » [すべてのフィード]メニューを開き、[新規追加]ボタンをクリックします。

新しいボタンのレビュー フィードを追加

次に、サイトに埋め込むレビュー ウィジェットの種類を選択できます。

ここでは、オプションからGoogleウィジェットを選択し、 [次へ]をクリックします。

Googleフィードタイプを選択してください

同様に、Review Feed Pro プラグインはサイト用の新しい Google レビュー ウィジェットを自動的に作成します。

ステップ 3: ウィジェットを Google に接続する

ウィジェットを作成したら、このステップでウィジェットを Google アカウントに接続できるようになります。

まず、ポップアップの「ソースの追加」ボタンをクリックします。

新しいソースレビューフィードプロを追加

ここで、Reviews Feed Pro には、独自の Google API キーを追加するオプションが表示されます。 これにより、レビュー フィードが自動的に更新されます。

API キーをまだお持ちでない場合は、 Google アカウントから API キーを作成する方法については、このガイドをご覧ください。

Google API キーを作成したら、それをポップアップに貼り付けて[次へ]をクリックします。

API キーを使用せずに Google レビュー ウィジェットを作成する場合は、 [スキップ]をクリックすることもできます。

API キーのレビュー フィード pro.jpg を挿入します。

これにより、ウィジェットに接続する Google ビジネス ページを選択できる画面が表示されます。 これを行う最も簡単な方法は、プレイス IDを入力することです。

Place ID がまだわからない場合は、ここで Google の Place ID ジェネレーターを開いてください。

ここで、Google マップが表示されるまで下にスクロールし、検索バーにビジネスの名前と場所を入力します。

地名を入力してください google.jpg

ドロップダウン リストから、レビューを埋め込みたいビジネスを選択します。

これを行うと、Google はその特定のビジネス プロフィールのプレイス ID を表示します。

地図上でPlace IDフィールドを探し、その横にあるコードをコピーするだけです。

それが完了したら、Web サイトに戻り、Google ウィジェットのソースの入力を完了します。

そのためには、下の[完了]ボタンをクリックする前に、先ほどのコードを[場所 ID]フィールドに貼り付けます

プレイス ID を追加 レビューを作成 feed.png

このようにして、新しいレビュー ウィジェットを Google に接続し、ソースを追加しました。 これで、このプラグインを使用して新しいウィジェットを作成するたびに、このソースを再利用できるようになります。

ここから、新しいソースを選択し、 「次へ」ボタンをクリックして続行します。

ソースの Google フィードを確認する

Google ウィジェットは WordPress ウェブサイトのデザインを自動的にコピーするため、レビューは箱から出してすぐに美しく表示されます。

ウィジェットを埋め込む前に、プラグインのカスタマイズ オプションを使用して、サイト上でのレビューの表示方法を制御できます。

ステップ 4: Google レビューをカスタマイズする

独自の Google ウィジェットを簡単に作成できるように、プラグインを使用して事前に設計されたテンプレートをインポートできます。 選択できるテンプレートは次のとおりです。

  • デフォルト
  • シンプルなカード
  • 石積み
  • 単一レビュー
  • ショーケースカルーセル
  • カルーセル
  • グリッドカルーセル

ここでテンプレートを選択し、 「次へ」をクリックするだけです。

レビューフィードテンプレートを選択してください

ウィジェットは、そのテンプレートのデザインも即座にコピーします。 次に、ビジュアル カスタマイザーを使用して、新しい Google レビュー ウィジェットを詳細にカスタマイズできます。

左側のカスタマイズ パネルを使用すると、レイアウト、ヘッダー デザイン、レビュー要素、さらにレビューを読み込むボタンなどをすばやく変更できます。

ウィジェットの設定を開いて、Web サイトにどの顧客レビューを表示するかを制御することもできます。

レビューフィードプロ向けのライブフィードエディター

変更を加えるたびに、右側のライブ プレビューにウィジェットがどのように表示されるかがリアルタイムで表示されます。

Google レビュー ウィジェットのデザインを変更する準備はできていますか? 左側の「レイアウト」オプションをクリックします。

レイアウト オプションのレビュー フィードをクリックします

レイアウトを変更することで、WordPress サイトにレビューをどのように埋め込むかを選択できます。 ここから選択できる 3 つのウィジェット レイアウトがあります。

  • リスト: レビューを 1 つの列に表示して、サイト上で各レビューを明確に表示します。
  • Masonry : 複数の列を持つ Google ウィジェットを使用して、大量のレビューを一度に埋め込む
  • カルーセル: Google レビューを美しいスライドショーで表示して訪問者を惹きつけます

左側でレイアウトを選択したら、 「保存」ボタンをクリックします。

Google レビューのレイアウト オプション

ウィジェットの編集を続けるには、右側のライブ プレビューを使用し、カスタマイズするセクションを直接クリックします。

または、 「カスタマイズ」ボタンをクリックして、メインのカスタマイズ オプションに戻ることもできます。

メインのカスタマイズ オプションに戻る

残りのカスタマイズ オプションを使用すると、ウィジェットのヘッダー、ボタン、レビュー要素などのデザインを簡単に変更できます。 変更を確認する場合は、前と同様に「保存」をクリックします。

Reviews Feed Pro プラグインを使用すると、サイトに埋め込む Google レビューを選択することもできます。

上部の「設定」タブをクリックし、 「フィルター」オプションを選択するだけです。

フィルター設定を開く レビュー フィード プロ

ここから、特定の星評価付きの Google レビューを表示することを選択できます。 そうすることで、Google ウィジェットで質の高い肯定的なレビューを紹介し、訪問者を簡単に変換できるようになります。

続行するには、左側のパネルを使用して、表示する星の評価を選択します

Google レビュー フィードのフィルター

フィルターを選択したら、 [保存]をクリックして Google レビュー ウィジェットを更新します。 ウィジェットには、選択した評価を含む星のレビューが表示されます。

残りのオプションを使用すると、特定の条件に基づいてレビューをフィルターしたり、特定のレビューを非表示にするか表示するかを手動で選択したりすることもできます。 最後に忘れずに「保存」をクリックして変更を確認してください。

いよいよステップ 5 です。ここでは、新しい Google レビュー ウィジェットを WordPress サイトに埋め込みます。

ステップ 5: Google レビュー ウィジェットをウェブサイトに埋め込む

レビュー ウィジェットを作成し、Google に接続し、見た目をカスタマイズしたので、最後のステップに進みます。

ここでは、Google レビュー ウィジェットを埋め込む 2 つの方法から選択できます。

  • Google レビューをウェブページに埋め込む
  • Google レビューをサイドバーまたはフッターに埋め込む

以下では、これら両方の方法を見ていきます。

Web ページに Google レビュー ウィジェットを埋め込む

Google レビュー ウィジェットを簡単に埋め込むために、ビジュアル カスタマイザーから直接開始できます。

エディターから、まず上部にある「埋め込み」ボタンをクリックします。

レビューフィード「埋め込み」ボタンをクリックしてください

これを実行すると、プラグインによってポップアップが開き、Google レビュー ウィジェットを埋め込むすべての方法が表示されます。

ウィジェットをページに表示するか、サイドバーまたはフッターに表示するか、またはショートコードを手動でコピーするかを選択できます。

今回は、 「ページに追加」ボタンをクリックして続行します。

ページ ウィジェット レビュー フィード プロに追加

次に、ポップアップに WordPress サイト上のすべての Web ページのリストが表示されます。

ウィジェットを表示したいページを選択し、下の「追加」ボタンをクリックするだけです。

ページレビューフィードに追加する

これを行うと、WordPress ブロック エディターに移動し、ウィジェットを埋め込むことができます。

これを行うには、まずプラス (+) アイコンをクリックして新しい WordPress ブロックを追加します。

Wordpress に新しいコンテンツ ブロックを追加

次に、上部の検索バーを使用して「レビュー フィード」ブロックを探します。

それを行った後、下の検索結果からレビュー フィードブロックをクリックします。

レビューフィードブロックをWordPressに追加

最後に、 「更新」をクリックすると、 Google レビュー ウィジェットが WordPress サイトに追加されます。

ここで Web ページを開くと、新しい Google レビュー ウィジェットがどのように表示されるかを確認できます。

Google レビュー フィード Wordpress の例

ご覧のとおり、Review Feed Pro を使用すると、WordPress の初心者であっても、Google ウィジェットを簡単に埋め込むことができます。

次に、サイトに Google レビューを埋め込む別の方法を見てみましょう。

Google レビュー ウィジェットをサイドバーまたはフッターに埋め込む

Google レビュー ウィジェットを埋め込むもう 1 つの方法は、ソーシャル メディア レビュー ウィジェットとしてサイドバーまたはフッターに表示することです。

前の方法と同様に、これはビジュアル カスタマイザーから実行できます。

カスタマイザーでウィジェットをもう一度開くには、ダッシュボードからレビュー フィード » すべてのフィードメニューに移動します。

そこから、埋め込みたいレビュー ウィジェットをクリックします。

レビューフィードライブエディターを開く

それをクリックすると、ビジュアル カスタマイザーでウィジェットがもう一度開きます。 先ほどと同じように、ここで[埋め込み]ボタンをクリックして続行します。

レビューフィード「埋め込み」ボタンをクリックしてください

Reviews Feed Pro は、Google レビュー ウィジェットを埋め込むすべての方法を示すポップアップを表示します。

続行するには、 「ウィジェットに追加」ボタンをクリックします。

ウィジェットに追加レビュー フィード プロ

これを実行すると、ウェブサイトのウィジェットページにリダイレクトされるので、Google レビュー ウィジェットを埋め込むことができます。

サイドバーにレビュー ウィジェットを表示するには、 [サイドバー]パネルをクリックします。

サイドバーパネルを開く

この例では、Web サイトのサイドバーも使用します。

代わりにフッターに Google レビューを表示したいですか? その場合は、ここでフッターパネルをクリックしてください。

フッターパネルを開く

Google レビュー ウィジェットを表示する場所を選択したので、下のプラス アイコン (+)をクリックします。

次に、オプションからレビュー フィードウィジェットをクリックします。

レビューフィードブロックをサイドバーに追加

最後に、 「更新」ボタンをクリックして新しいウィジェットを保存できます。

同様に、あなたのウェブサイトにアクセスした人は誰でもあなたの Google レビュー ウィジェットを見ることができるようになります。 どのように見えるかを確認したい場合は、今すぐ Web サイトを開いてください。

サイドバーレビューフィードウィジェットWordPress

Facebook レビュー ウィジェットをウェブサイトに埋め込む方法

コンバージョンを増やし、Facebook レビューで信頼を築きたいですか?

以下の段階的な手順に従って開始してください。

ステップ 1: Reviews Feed Pro プラグインをインストールしてアクティブ化する

まず、Review Feed Pro の独自のコピーをここから入手してください。 プラグインをコンピュータにダウンロードし、WordPress サイトにインストールします。

WordPress プラグインをインストールして有効化する方法がわかりませんか?

これを行うのに役立つ WordPress プラグインのインストール方法に関するこの役立つステップバイステップのチュートリアルを確認してください。

プラグインの準備ができたら、以下の次のステップに進むことができます。

ステップ 2: Facebook レビュー フィードを作成する

数回クリックするだけで、独自の Facebook レビュー フィードを作成できるようになりました。

まず、WordPress ダッシュボードから[レビュー フィード] » [すべてのフィード]メニューに移動します。 次に、 「新規追加」ボタンをクリックして、新しい Facebook フィードの作成を開始します。

新しいボタンのレビュー フィードを追加

次に、プラグインは、フィードを接続するレビュー サイトを選択するよう求めます。 Google、トリップアドバイザー、Facebook、Yelp からのレビューを表示できます。

現時点では、 Facebookを選択して、 「次へ」ボタンをクリックします。

フィードソースの選択 Facebook

これを実行すると、プラグインは Web サイト上に新しい Facebook レビュー フィードを作成します。 ステップ 3 では、このフィードを Facebook ページまたはグループに接続できます。

ステップ 3: Facebook ページまたはグループに接続する

Facebook ページまたはグループに接続すると、新しいフィードでサイト上のレビューの表示を開始できます。

まず、ポップアップの[ソースの追加]ボタンをクリックします。

新しいソースレビューフィードプロを追加

次に、代わりに Facebook グループに接続するか、ページに接続するかを選択できます。

[ソース タイプの選択]で希望するオプションを選択し、 [Facebook に接続]ボタンをクリックします。

この例では、フィードを Facebook ページに接続します。

その後、プラグインは Facebook にリダイレクトし、新しいポップアップを開きます。 ここで、接続したいページまたはグループを選択できます。

続行するには、リストからページを選択し、 「次へ」をクリックします。

Facebookページを選択してください

次に、プラグインに Facebook ページまたはグループへの読み取り専用アクセスを付与できます。

Reviews Feed Pro は完全に安全に使用できるため、プラグインは Facebook 上の情報を表示することのみができ、アカウントに変更を加えることができません。

読み取り専用アクセスを許可するには、下の[完了]ボタンをクリックします。

Facebook フィード プロへの読み取り専用アクセスを許可する

これにより、Web サイトが再度開き、このページまたはグループがレビュー フィード ソースであることを確認できます。

これを行うには、ポップアップでそれを選択し、 「ページをソースとして追加」ボタンをクリックします。

ソースレビューフィードプロとしてページを追加

このソースを接続したので、Web サイトを離れることなく、新しいレビュー フィードに再利用できます。

続行するには、ここで「次へ」ボタンをクリックしてください。

ステップ 4 では、簡単なカスタマイズ オプションを使用して Facebook レビュー フィードの外観を設定できます。

ステップ 4: Facebook レビュー フィードをカスタマイズする

Facebook レビュー フィードのデザインをすばやく簡単に選択できるように、プラグインにはインポートできる専門的にデザインされたテンプレートが付属しています。

  • デフォルト
  • シンプルなカード
  • 石積み
  • 単一レビュー
  • ショーケースカルーセル
  • カルーセル
  • グリッドカルーセル

続行するには、希望するフィード テンプレートを選択し、 [次へ]ボタンをクリックします。

レビューフィードテンプレートを選択してください

Reviews Feed Pro ではビジュアル カスタマイザーが開き、レビュー フィードを詳細にデザインできるようになります。

ここで、左側にカスタマイズ設定が表示されます。 これには、テンプレート、フィード レイアウト、ヘッダー デザイン、レビュー要素などを変更するオプションが含まれます。

右側では、ライブ プレビューを使用して、適用したカスタマイズの変更をリアルタイムで確認できます。

レビュー フィード プロ ライブ フィード エディター

カスタマイズを始める準備はできましたか?

まず、左側のパネルに移動し、 「レイアウト」オプションをクリックします。

レイアウト オプションを開く Facebook フィード プロ

ここで、プラグインを使用すると、Facebook レビュー フィードを表示するための 3 つのレイアウト テンプレート ( listmasonry 、 carousel )から選択できます。

以下でそれぞれのレイアウトを見てみましょう。

レイアウトオプションを確認する

ウェブサイト上でレビューにより多くのスペースを占める場合は、リストレイアウトを使用できます。 したがって、Facebook ページのレビューは次のように明確に表示されます。

リスト レイアウト レビュー フィード

または、Facebook レビューに複数の列を表示したい場合は、石積みレイアウトを使用して、レビューが次のように埋め込まれるようにすることができます。

レビューフィードプロ用の石材フィードレイアウト

埋め込まれた Facebook レビューをスライドショー形式で表示したいですか? カルーセルレイアウトを使用すると、訪問者が投稿にさらに関与できるようになります。

カルーセル レビュー フィードのレイアウト

Facebook レビュー フィードに使用するレイアウトを選択したら、 [保存]ボタンをクリックします。

Facebook フィードをさらにカスタマイズしたいですか? 小さな[カスタマイズ]ボタンをクリックして、カスタマイズ オプションに戻ります。

メインのカスタマイズ オプションに戻る

残りのオプションを使用して、ヘッダー、ボタン、レビュー要素などをカスタマイズできます。

Facebook レビューの見た目に満足したら、 [保存]ボタンをクリックして変更を確認します。

次に、このレビュー フィードの設定を変更し、Web サイトにどの Facebook レビューを表示するかを選択できます。

これを行うには、まず上部にある[設定]タブを開き、 [フィルター]をクリックします。

フィルターを開く レビュー フィード プロ

Facebook レビュー フィードにフィルターを追加して、サイトに表示されるレビューを制御できるようになりました。

左側で、特定の星評価を選択できます。 その後、プラグインはそれらの評価を持つレビューのみを表示します。

レビューをフィルターするライブエディター

こうすることで、高品質の Facebook レビューの表示に重点を置き、スパム ボットや荒らしからレビューを隠すことができます。

変更を保存するには、もう一度「保存」ボタンをクリックします。

残りのオプションを使用すると、禁止用語を含むレビューを非表示にしたり、ブロックリストを作成したり、表示するレビューを手動で選択したりすることができます。

忘れずに「保存」をクリックして変更を確認してください

フィルターとモデレーション設定に満足したら、ステップ 5 に進み、この Facebook レビュー フィードを Web サイトに埋め込みます。

ステップ 5: Facebook レビュー フィードを埋め込む

Web サイトに Facebook レビュー フィードを表示したい場合は、2 つのオプションがあります。

  • Facebook のレビューを WordPress ページに埋め込む
  • Facebook レビュー ウィジェットを WordPress のサイドバーまたはフッターに埋め込む

この例では、Facebook のレビューをページに埋め込みます。

このプラグインは非常にユーザーフレンドリーなので、ビジュアルカスタマイザー内から直接 Facebook レビューフィードの埋め込みを開始できます。

まず、右上隅にある「埋め込み」ボタンをクリックします。

クリックするとポップアップが表示されます。 ここから、Facebook レビューを Web ページ、ウィジェット対応エリアに埋め込むか、ショートコードを手動でコピーするかを選択できます。

「ページに追加」ボタンをクリックして続行できます。

ページに Facebook レビューを追加

次に、Facebook レビューを埋め込む特定のページを選択できます。

ページを選択したら、 「追加」ボタンをクリックして選択を確定します。

Facebook レビューを埋め込む場所を選択してください

レビュー フィード プラグインは、その特定の WordPress ページに送信します。

ページエディター内で、小さなプラスアイコン (+)をクリックして、新しい WordPress ブロックを追加します。

新しいWordPressブロックを追加

次に、検索バーを使用して、すべてのオプションから「レビュー フィード」ブロックを探します。

最後に、 「レビュー フィード」ブロックをクリックして、Facebook レビュー フィードを WordPress ページに追加できます。

Facebook レビュー フィードの外観に満足したら、 [公開]をクリックします。

これで、潜在的な顧客が Web サイトにアクセスすると、Facebook レビュー フィードが埋め込まれているのを見ることができます。 以下に例を示します。

石積みレイアウト Facebook レビュー フィード

ご覧のとおり、Reviews Feed Pro を使用すると、トップ Web サイトからのレビューでコンバージョンをこれまでより簡単に高めることができます。

次に、WordPress サイトに Facebook レビューを埋め込む別の簡単な方法を紹介します。

Facebook プラグインを使用して Facebook レビューを埋め込む方法

この方法では、Facebook プラグインを使用して、わずか数ステップでレビューを埋め込むことができます。

始めましょう。

ステップ 1: Facebook フィード プロをインストールする

プラグインを使用して Web サイトに Facebook フィードを埋め込みたい場合、試すことができる最良のオプションは Facebook Feed Pro です。

カスタムFacebookフィードプロプラグイン

最大の Facebook フィード プラグインであるこのプラグインを使用すると、わずか数分で Facebook フィードを作成、カスタマイズ、埋め込むことができます。コードに 1 行も触れる必要はありません。

ここで Facebook Feed Pro のコピーを入手したら、それを WordPress サイトにインストールしてアクティブ化するだけです。

WordPress プラグインを埋め込む方法がわからない場合は、この簡単なガイドに従ってください。

ステップ 2: Reviews 拡張機能をインストールしてアクティブ化する

すでにプラグインを有効にしていますか? 素晴らしい! 次のステップは、Facebook レビュー拡張機能の独自のコピーをここから入手することです。

上記と同じ手順を使用すると、このプラグインを Web サイトに簡単にインストールしてアクティブ化できます。

次に、WordPress バックエンドからFacebook フィード » 拡張機能メニューに移動します。 ここには、レビュー拡張機能が表示されます。

その横にある「アクティブ化」ボタンをクリックするだけです。

レビュー拡張機能レビュー フィード プロを有効にする

レビュー拡張機能を有効にしたら、次のステップでレビュー ウィジェットを作成できるようになります。

ステップ 3: Facebook レビュー ウィジェットを作成する

プラグインの 3 ステップのガイド付きフローを使用すると、Facebook レビュー フィードを簡単に作成できます。

まず、ダッシュボード領域からFacebook フィード » すべてのフィードメニューに移動し、新規追加ボタンをクリックします。

新しい Facebook フィードを作成する

Facebook フィード Pro を使用すると、タイムライン フィード、Facebook ビデオ フィード、アルバム フィードなど、さまざまなタイプの Facebook フィードを作成できます。

このチュートリアルは Facebook レビュー フィードを対象としているため、ここで[レビューフィード] オプションを選択し、 [次へ]をクリックします。

レビューフィードを作成する Facebook

おめでとう! これで Facebook レビュー フィードが作成されました。 Facebook に接続するには、以下のステップ 4 に進むことができます。

ステップ 4: Facebook レビュー フィードを Facebook に接続する

Facebook レビューを Web サイトに埋め込むには、まずフィードを Facebook ページまたはグループに接続する必要があります。

これを行うには、 「ソースの選択」の下にある「新規追加」ボタンをクリックします。

Facebook フィード プロのソースを追加

プラグインは、Facebook グループまたはページのどちらを表示するかを選択するよう求めます。

ここで、このチュートリアルはペ​​ージから Facebook レビューを埋め込むことに関するものであるため、 [ページ]を選択します。 次に、 「接続」をクリックします。

Facebook フィード プロを使用して Facebook に接続する

Facebook にリダイレクトされ、プラグインへの読み取り専用アクセスを付与できるため、Web サイトに Facebook のレビューを表示できます。

心配する必要はありません。スマッシュ バルーンは完全に安全なので、アカウント上の何も変更されることはありません。

接続したい Facebook ページまたはグループを選択し、 [次へ]をクリックするだけです。

Facebookページを選択してください

アカウント接続を完了するには、Facebook ポップアップで[完了]をクリックします。

Facebook フィード プロへの読み取り専用アクセスを許可する

Facebook アカウントの接続が完了すると、プラグインは Web サイトにリダイレクトします。

ここで、レビューを表示したい Facebook ページを確認するだけです。 次に、 「追加」ボタンをクリックします。

Facebookページをソースとして選択します

最後に、Facebook レビュー フィードを Facebook ページに接続するには、 [次へ]をクリックします。

Facebook フィードをソースに接続すると、プラグインによりさまざまなテンプレートから選択できるようになります。

事前に作成されたテンプレートをインポートすると、Facebook レビュー フィードに独自のデザインを即座に設定できます。

オプションからフィード テンプレートを選択し、 [次へ]ボタンをクリックするだけです。

これにより、Facebook Feed Pro がテンプレートをインポートしてライブ フィード エディターを開き、レビュー フィードを詳細にカスタマイズできるようになります。

ここから、フィードのレイアウト、配色、ヘッダーのデザイン、投稿スタイル、いいねボックスのデザインなどを設定できます。

ライブフィードエディターのレビュー feed.jpg

Facebook フィードの外観に満足したら、 [保存]をクリックして変更を確認します。

最後に、ここで[埋め込み]ボタンをクリックして、Facebook フィードの埋め込みを開始できます。

プラグインを使用すると、Facebook レビューをページに埋め込んだり、Facebook ウィジェットのようにサイドバーやフッター領域に追加したりできます。

Facebookレビューウィジェットを埋め込む

トリップアドバイザーのレビュー ウィジェットをウェブサイトに埋め込む方法

次に、Review Feed Pro プラグインを使用して WordPress サイトにトリップアドバイザーのレビューを表示する方法を見てみましょう。

ステップ 1: Reviews Feed Pro プラグインをインストールする

まず、ここから Reviews Feed Pro プラグインを入手できます。 次に、Web サイトにプラグインをインストールして有効化して続行します。

詳細については、WordPress プラグインのインストールとアクティブ化の方法に関するユーザーフレンドリーなガイドを参照してください。

プラグインがインストールされ有効化されたら、ステップ 2 でウィジェットを作成します。

ステップ 2: トリップアドバイザー ウィジェットを作成する

トリップアドバイザー ウィジェットを作成するには、プラグインのガイド付きフローに従うだけです。

まず、ダッシュボードから[レビュー フィード] » [すべてのフィード]メニューを開き、[新規追加]ボタンをクリックします。

新しいボタンのレビュー フィードを追加

次のステップは、新しいレビュー ウィジェットのソースを追加することです。 このチュートリアルでは、このウィジェットをトリップアドバイザーのページに接続するだけです。

ここで「ソースを追加」ボタンをクリックするだけで開始できます。

新しいソースレビューフィードプロを追加

トリップアドバイザーのページに接続することに加えて、Facebook、Google、Yelp のレビューからのソースを追加することもできます。

続行するには、ポップアップで[トリップアドバイザー]オプションを選択し、 [次へ]をクリックします。

これで、ウェブサイトに新しいトリップアドバイザー ウィジェットが追加されました。 ステップ 3 では、希望するトリップアドバイザーのビジネス ページに接続できます。

ステップ 3: ウィジェットをトリップアドバイザーに接続する

トリップアドバイザー ウィジェットを手動で作成する場合は、トリップアドバイザー API へのアクセスを購入する必要があります。 その結果、ウェブサイトにレビューを表示すると費用がかかる可能性があります。

良いニュース? このプラグインを使用すると、API キーを使用しなくてもトリップアドバイザーに接続できます。

すでに Tripadvisor API キーを持っている場合は、それをポップアップに貼り付けて[次へ]ボタンをクリックします。

または、 「スキップ」ボタンをクリックして続行することもできます。

オプションのステップ Tripadvisor API キーを追加します

次に、ウィジェットに接続するトリップアドバイザーのビジネス ページを選択します。

ここにトリップアドバイザー ページへのリンクを貼り付けて[完了]ボタンをクリックするだけです。

新しいトリップアドバイザー ウィジェットには、この特定のページからのレビューが表示されます。 この方法で自分のページを接続したり、別のトリップアドバイザー ページのレビューを表示することを選択したりできます。

最後に、 [次へ]ボタンをクリックして、トリップアドバイザー ウィジェットのこのソースを確認します。

新しいトリップアドバイザーのレビュー フィードを作成します。

トリップアドバイザー ウィジェットはウェブサイトのデザインを自動的にコピーし、箱から出してすぐに美しく見えるようになります。

ただし、ウィジェットを埋め込む前に、プラグインのカスタマイズ オプションを使用してウィジェットの外観を変更できます。

ステップ 4: トリップアドバイザーのレビューをカスタマイズする

トリップアドバイザー ウィジェットを簡単にカスタマイズするには、プラグインに付属する事前にデザインされたテンプレートを選択するだけです。

さまざまなデザインの 7 つのテンプレートから選択できます。

  • デフォルト
  • シンプルなカード
  • 石積み
  • 単一レビュー
  • ショーケースカルーセル
  • カルーセル
  • グリッドカルーセル

ウィジェット テンプレートを選択したら、 [次へ]ボタンをクリックします。

レビューフィードテンプレートを選択してください

その後、プラグインによってビジュアル カスタマイザーが開き、トリップアドバイザー ウィジェットを詳細にデザインできるようになります。 左側のオプションを使用して、ウィジェットのレイアウト、ヘッダー、ボタン、レビュー要素などをカスタマイズできます。

変更を加えるたびに、右側のライブ プレビューにトリップアドバイザー ウィジェットの外観がリアルタイムで表示されます。

まず、ビジュアル カスタマイザーを使用して、トリップアドバイザーのレビュー ウィジェットのレイアウトを編集できます。

これを行うには、左側の[レイアウト]オプションを選択します。

フィード レイアウト オプションを選択してください。レビュー フィード プロ

トリップアドバイザー ウィジェットには、次の 3 つの異なるレイアウトから選択できます。

  • リスト: トリップアドバイザーのすべてのレビューを 1 つの列に順番に表示します。
  • Masonry : 複数の列を使用して、ウィジェットに一度に大量のレビューを表示します
  • カルーセル: トリップアドバイザーのレビューのカルーセル スライドショーを表示し、サイトをより魅力的なものにします

ウィジェットの新しいレイアウトを選択したら、 [保存]をクリックして変更を確認します。

トリップアドバイザーのフィード レイアウトを選択してください

ご覧のとおり、ビジュアル カスタマイザーを使用すると、コーディングの必要がなく、トリップアドバイザー ウィジェットを簡単に再設計できます。

トリップアドバイザー ウィジェットをカスタマイズし続けるには、上部にある[カスタマイズ]ボタンをクリックします。

メインのカスタマイズ オプションに戻る

残りのカスタマイズ オプションを使用すると、フィードのヘッダー デザイン、ボタン スタイル、レビュー要素などを設定できます。

前と同様に、最後に[保存]をクリックして変更を保存することを忘れないでください。

これを行うと、ウィジェットの設定を変更し、サイトに表示されるレビューを制御できるようになります。

そのためには、上部から[設定] タブを開き、 [フィルター]をクリックします。

フィルターを選択してください

左側のパネルを使用すると、特定の星評価が付いたレビューのみを表示するように選択できます。

表示したい星評価の横にあるボックスにチェックを入れるだけです。

フィルターを選択する トリップアドバイザーのレビュー フィード

フィルターを保存するには、以前と同様に[保存]ボタンをクリックします。

残りの設定を使用すると、選択したレビューを表示したり、禁止用語を含むレビューを非表示にしたりすることができます。

ご覧のとおり、Review Feed Pro では、サイトに表示されるレビューを選択することもできます。 そうすることで、質の高いトリップアドバイザーのレビューを表示し、荒らしやスパムボットからのレビューを非表示にすることができます。

最後に「保存」ボタンをクリックして変更を保存することを忘れないでください。

トリップアドバイザー ウィジェットの準備ができたので、最終ステップに進み、WordPress ウェブサイトに埋め込むことができます。

ステップ 5: トリップアドバイザー ウィジェットをウェブサイトに埋め込む

[埋め込み]ボタンをクリックすると、ビジュアル カスタマイザーから直接ウィジェットの埋め込みを開始できます。

トリップアドバイザーのレビューをWordPressに埋め込む

Reviews Feed Pro に、トリップアドバイザー ウィジェットの埋め込みオプションが表示されるようになりました。 以前と同様に、WordPress ページ、サイドバー、またはウィジェットにレビューを埋め込むことを選択できます。

このチュートリアルでは Web ページを使用するので、ここで[ページに追加]をクリックします。

ページ ウィジェット レビュー フィード プロに追加

次に、ポップアップを使用して、トリップアドバイザーのレビューを表示する WordPress ページを選択できます。

ポップアップでページを選択した後、 「追加」ボタンをクリックして続行します。

ページレビューフィードに追加する

ウィジェットを埋め込みやすくするために、Review Feed Pro は WordPress エディターでそのページを自動的に開きます。

このエディタでは、プラス (+) アイコンをクリックして新しいブロックを追加できます。

Wordpress に新しいコンテンツ ブロックを追加

次に、上部の検索バーを使用して「レビュー フィード」ブロックを探します。

トリップアドバイザー ウィジェットを埋め込むには、検索結果からレビュー フィードブロックを選択します。

レビューフィードブロックをWordPressに追加

最後に、 [更新]ボタンをクリックして、新しいトリップアドバイザー レビュー ウィジェットを保存できます。

Reviews Feed Pro を使用すると、トリップアドバイザー ウィジェットの作成、カスタマイズ、埋め込みがこれまでより簡単になります。 これで、Web サイトを開いて、新しいウィジェットがどのように表示されるかを確認できるようになりました。

埋め込まれたレビュー フィードの例 Tripadvisor

これで、あなたの Web サイトにアクセスした人は誰でも、トリップアドバイザーからの質の高いレビューを見ることができるようになり、より多くの売上を簡単に獲得できるようになります。

Yelp レビュー ウィジェットをウェブサイトに埋め込む方法

代わりに、Yelp レビュー ウィジェットを Web サイトに表示したいですか?

その方法については、以下の手順に従ってください。

ステップ 1: Reviews Feed Pro プラグインをインストールしてアクティブ化する

最初のステップは、Review Feed Pro プラグインのコピーをここから入手し、Web サイトにインストールすることです。

その方法について簡単に復習したいですか? WordPress プラグインをインストールしてアクティブ化する方法については、初心者向けのチュートリアルをご用意していますので、ご覧ください。

プラグインをインストールしてアクティブ化したら、ステップ 2 でウィジェットを作成します。

ステップ 2: Yelp レビュー ウィジェットを作成する

3 ステップのガイド付きフローに従うことで、Yelp WordPress ウィジェットを簡単に作成できるようになりました。

WordPress ダッシュボード領域から、 [レビュー フィード] » [すべてのフィード]メニューを開き、[新規追加]ボタンをクリックします。

新しいボタンのレビュー フィードを追加

Reviews Feed Pro を初めて使用する場合は、プラグインがレビューを取得するソースに接続するように求められます。

したがって、 「ソースの追加」ボタンをクリックして続行できます。

新しいソースレビューフィードプロを追加

次に、追加するソースの種類を選択できます。 4 つのオプションから選択できます。

  • グーグル
  • フェイスブック
  • トリップアドバイザー
  • Yelp

現時点では、ポップアップで[Yelp]オプションを選択し、 [次へ]をクリックします。

スマッシュバルーンレビューフィードにYelpソースを追加

新しいレビュー ウィジェットを作成したばかりなので、次のステップに進み、それをブランドの Yelp ページに接続できます。

ステップ 3: ウィジェットを Yelp アカウントに接続する

新しいレビュー ウィジェットを Yelp に接続すると、Web サイトに Yelp レビューの埋め込みを開始できます。

これを行う最も簡単な方法は、 Yelp API キーを使用することです。

API キーをまだお持ちでない場合は、 Yelp API キーの作成に関するステップバイステップガイドに従ってください。 Yelp API キーの準備ができたら、それをコピーしてサイトをもう一度開きます。

最後に、ポップアップにキーを貼り付けて「次へ」ボタンをクリックします。

API キーを使用せずに先に進む場合は、 「スキップ」をクリックすることもできます。

Yelp API キーを入力すると、Review Feed Pro は、作成する新しい Yelp レビュー ウィジェットにそのキーを自動的に再利用します。

次に、埋め込みたい Yelp ビジネス ページの URLを貼り付け[完了]をクリックします。

Yelp レビューフィードにソースを追加

そうすることで、この Yelp ページが Web サイト上のソースとして保存されます。

「次へ」ボタンをクリックすると、それが新しいレビュー ウィジェットのソースとして確認されます。

レビューフィードのソースを確認する

ご覧のとおり、Reviews Feed Pro を使用すると、新しいウィジェットを作成して Yelp に接続することが非常に簡単になります。

ステップ 4 では、プラグインの簡単なカスタマイズ オプションを使用して、Yelp レビュー ウィジェットのデザインを設定できます。

ステップ 4: Yelp レビュー ウィジェットをカスタマイズする

Reviews Feed Pro の優れた点は、プラグインがウェブサイトのデザインをレビュー ウィジェット用に自動的にコピーしてくれることです。

したがって、Yelp ウィジェットはブランディングと完全に一致し、箱から出してすぐに美しく見えます。

ウィジェットをカスタマイズする方法もたくさんあります。 実際、このプラグインには、デザインをインポートできる 7 つの異なるテンプレートが用意されています。

  • デフォルト
  • シンプルなカード
  • 石積み
  • 単一レビュー
  • ショーケースカルーセル
  • カルーセル
  • グリッドカルーセル

続行するには、好みのデザインのテンプレートをクリックし、 「次へ」ボタンをクリックします。

レビューフィードテンプレートを選択してください

Yelp ウィジェットをさらにカスタマイズするために、プラグインはビジュアル カスタマイザーを開くようになりました。

この使いやすいカスタマイザーから、ウィジェットのレイアウト、ヘッダーのデザイン、レビュー要素、ボタンのデザインなどを編集できます。

さらに、ここからフィルターを追加したり、フィードを調整したりすることも簡単にできます。

レビューフィードプロ向けのライブフィードエディター

右側には、Yelp ウィジェットのライブ プレビューが表示されます。 こうすることで、すべての変更をリアルタイムで追跡できます。

カスタマイズを開始するには、左側の「レイアウト」オプションをクリックします。

レイアウト オプションを開く Yelp レビュー フィード プロ

Yelp ウィジェットには 3 つのレイアウトから選択できます。

  • リスト: Yelp レビューを 1 列に表示して、各レビューを見やすくします。
  • Masonry : 複数の列を使用して Web サイトに一度に多数のレビューを表示します
  • カルーセル: 美しいスライドショー カルーセルにレビューを配置し、訪問者を魅了します。
レイアウト オプション ウェブサイト上の yelp レビューを埋め込む

続行するには、レイアウトを選択し、 [保存]ボタンをクリックします。

その下には、ウィジェットに一度に表示されるレビューの数を変更するオプションがあります。

ウィジェットのレイアウトを設定したら、小さな[カスタマイズ]ボタンをクリックして、メイン オプションにもう一度戻ります。

メインのカスタマイズ オプションに戻る

その後、残りのカスタマイズ オプションを使用して、ヘッダー、ボタン、レビュー テキストなどを数回クリックするだけで変更できます。コーディングは必要ありません。

プラグイン設定を編集して、ウィジェットに表示するレビューを選択することもできます。

まず、上部の[設定]タブに移動し、 [モデレーション]オプションをクリックします。

オープンモデレーション機能 レビューフィードプロ

左側に、新しい Yelp レビュー ウィジェットのモデレーションを有効にするオプションがあります。

左側で[許可リスト]オプションを選択すると、右側で表示するレビューを選択できます。

代わりにブロックリストを使用して、Yelp ウィジェットから特定のレビューを非表示にすることもできます。

モデレーション オプション レビュー フィード プロ

最後に、Yelp ウィジェットの外観に満足したら、 「保存」をクリックします。

さらに、フィルターを使用して、特定の星評価付きの Yelp レビューを表示することもできます。

全体として、Review Feed Pro を使用すると、高品質のオンライン レビューを強調表示したり、スパム ボットや荒らしからレビューを非表示にしたりすることが非常に簡単になります。

最後に忘れずに「保存」をクリックして変更を確認してください。

その後、それをビジネス Web サイトに埋め込みます。

ステップ 5: Yelp レビュー ウィジェットを埋め込む

作業を簡単にするために、ビジュアル カスタマイザーから直接 Yelp ウィジェットの埋め込みを開始できます。

右上隅にある「埋め込み」ボタンを探してクリックします。

Yelp レビューをウェブサイトに埋め込む.jpg

これを行うと、このレビュー ウィジェットのすべての埋め込みオプションを含むポップアップが開きます。 Yelp のレビューをページに表示したり、サイトのワイドレット対応エリアに追加したりできます。

ここで「ウィジェットに追加」ボタンをクリックして続行します。

ウィジェットに追加レビュー フィード プロ

Reviews Feed Pro により、Web サイトのウィジェットページが開きます。 ここで、WordPress ウィジェットを追加、削除、編集できます。

現時点では、レビューを表示する場所に応じて、サイドバーまたはフッターをクリックできます。

サイドバーパネルを開く

この例ではサイドバーを使用します。

次に、下のプラスアイコン (+)をクリックして、新しい WordPress ウィジェットを追加します。

オプションから、レビュー フィードウィジェットをクリックできます。

レビューフィードブロックをサイドバーに追加

最後に、 「更新」をクリックすると、新しい Yelp レビュー ウィジェットが Web サイト上でオンラインになります。

そうすることで、あなたのサイトにアクセスした人は誰でも、あなたのブランドに対する肯定的な顧客レビューをチェックすることができます。 サイトを開いて、Yelp ウィジェットがどのように表示されるかを確認することもできます。

以上です!

これで、いくつかの簡単な手順で Web サイトのレビュー ウィジェットを有効にする方法がわかりました。 Reviews Feed Pro を使用すると、最大のプラットフォームからのレビューをこれまでより簡単に埋め込むことができます。

そうすれば、人々を新しい顧客に変え、売上を伸ばすことが容易になります。

ウェブサイトにレビュー ウィジェットを追加したいですか? まずはここから Reviews Feed Pro を入手してください。

否定的なレビューに対処する最善の方法をお探しですか? Facebook の否定的なレビューに対処するためのこのガイドをご紹介します。

さらにソーシャル メディアのヒントやコツを知るには、Twitter と Facebook で私たちをフォローすることを忘れないでください。