DiviでYelpのレビューを表示したいなら、ラッキーだ！
DiviのWordPressサイトに説得力のあるレビューを加えたい、という問い合わせが数多く寄せられています。
YelpのレビューフィードをDiviのウェブサイトに埋め込むための簡単なガイドをご用意しました。
始めよう！
DiviにYelpレビューウィジェットを追加する理由
人気のウェブサイトビルダーであるDiviは、わずか数クリックであなたのビジネスのための美しいサイトを作成するのに役立ちます。
しかし、ウェブサイトを最大限に活用したいのであれば、Yelpのような信頼できるサイトからの説得力のあるレビューを表示するだけでもいい。
クーポンや割引、ロイヤリティ・プログラム、送料無料、高レビュー・高評価のいずれかを選択させた場合、オンラインショッピング利用者の回答のトップは、高評価が購入を決定する際に最も重要な要素であるというものであった。
Bizrateインサイト
ウェブサイト訪問者にYelpのレビューを見せることで、一般の人々があなたの製品に満足していることがわかります。これは社会的証明として機能し、より多くの訪問者を顧客に変えるのに役立ちます。
さらに、Yelpのレビューを追加することで、Diviサイトは他にも素晴らしい方法で役立ちます：
- Googleは、関連キーワードを含む新鮮なコンテンツを好むため、レビューを追加することは、Divi WordPressサイトのSEOに最適です。
- Yelpのレビューフィードは、新規顧客が購入を完了した後、あなたのウェブサイトから直接レビューを残すこともできます。
- 特定の製品の特徴を訪問者に伝える説得力のある方法として、その特徴について語る好意的なレビューを表示することができます。
- レビューを表示することで、顧客の声に耳を傾けていることを示すことができ、ブランドに対する信頼を築くのに最適な方法です。
ElementorでYelpのレビューを埋め込む方法
このステップバイステップのガイドに従うだけで、あなたのElementorサイトに美しいYelpのレビューフィードが表示されます。
始めよう！
ステップ1: Reviews Feed Proプラグインをインストールして有効化する
あなたのウェブサイトにYelpのレビューを埋め込むための最良の方法は、レビューフィードプロプラグインを使用することができます。
No.1のレビューアグリゲータープラグインとして、信頼性の高いプラットフォームからのレビューを数分で埋め込むことができます！
さらに、このプラグインはDiviウェブサイトのデザインを自動的にコピーし、Elementor、Divi、SeedProd、Beaver Builderなどの人気のページビルダーと完璧に連動します。
まずはこちらをクリックして、Reviews Feed Proを入手してください。その後、あなたのDivi WordPressウェブサイトにプラグインをインストールし、有効化することができます。
詳しくは、WordPressプラグインのインストールと有効化に関するガイドをご覧ください。
ステップ2：Yelpレビューフィードを作成する
新しいレビューフィードを簡単に作成するには、プラグインのシンプルなガイドフローを使用することができます。まず、ダッシュボードエリアからレビューフィード " すべてのフィード メニューを開きます。
新規追加 ボタンをクリックします。
初めてプラグインを使用する場合は、新しいソースを追加するオプションが表示されます。今のところ、これは単にあなたのブランドのYelpページを選択することを意味します。
ここから、Add Sourceをクリックして進む。
そうすると、Reviews Feed Proが使用したいレビュープラットフォームを選択させてくれます：
- グーグル
- フェイスブック
- トリップアドバイザー
- イェルプ
- トラストパイロット
- WordPress.org
Yelpのレビューフィードを埋め込むので、Yelpオプションを選択し、Nextをクリックします。
ステップ3：レビューフィードをYelpに接続する
新しいレビューフィードをブランドのYelpページに接続するには、Yelp APIキーを使用するだけです。
このキーを使用すると、レビューフィードが自動的にあなたのレビューを取得し、レビューフィードも更新されます。
まだキーをお持ちでないですか？Yelp APIキーの作成方法については、こちらのガイドをご覧ください。
最後に、ポップアップにコードを貼り付け、「Next」をクリックする。
次に、レビューを表示したいビジネスを指定します。これは、あなた自身のビジネスでも、Yelpのビジネスページを持つ他のブランドでも構いません。
あとはYelpページのURLをポップアップに貼り付けるだけ。
その後、Finishボタンをクリックして、ソースとして確定します。
このように、Reviews Feed Proプラグインに新しいソースを追加するのはとても簡単です。これで、新しいレビューフィードを作成するときはいつでもこのソースを自由に再利用することができます。
続行するには、ソースを選択し、[Next]ボタンをクリックします。
ステップ4：Yelpレビューフィードをカスタマイズする
その後、このプラグインは、新しいレビューフィードのデザインを即座に変更するためのテンプレートをインポートすることができます。
ユニークなデザインのテンプレートが7種類あり、その中から選ぶことができます：
- デフォルト
- シンプルなカード
- 石工
- シングル・レビュー
- ショーケース・カルーセル
- カルーセル
- グリッドカルーセル
オプションからテンプレートを選んだら、Next ボタンをクリックします。
プラグインのビジュアルカスタマイザーにYelpのレビューフィードが表示されます。左側には、テンプレート、レイアウト、ヘッダー、ボタンなどを変更するオプションがあります。
これらのオプションを使用して変更を加えると、右側のライブプレビューを使用して変更を追跡することができます。
手始めに、Yelpのレビューのレイアウトを変更してみよう。
左側のレイアウトオプションを選択するだけです。
そうすると、3つの異なる方法が表示されます：
- リストYelpのレビューを一列に表示することで、Diviサイト上で各レビューがはっきりと見えるようになります。
- メイソンリー複数のカラムを使用し、一度に大量のYelpレビューを埋め込む
- カルーセル：Yelpのレビューフィードをインタラクティブなスライダーに変え、訪問者の興味を引きます。
続行するには、レイアウトを選択し、Saveボタンをクリックします。
カスタマイズ ボタンでビジュアルカスタマイザーに戻ることができます。
このように、残りのオプションを使ってレビュー要素、ヘッダー、ボタンデザインなどを変更することができます。デザインに満足したら、変更を保存することを忘れないでください。
Yelpのレビューフィードをもっとコントロールしたいですか？
設定]タブをクリックし、左側の[モデレーション]オプションを選択します。
表示するレビューを手動で選択するには、左側の「モデレーションを有効にする 」をクリックしてください。
次に、チェックボックスを使用して、右から埋め込みたいレビューを選択します。
変更を確定するには、「Save and Exit（保存して終了）」ボタンをクリックします。
フィード設定を使って、特定のレビューをブロックしたり、Yelpレビューフィードのフィルターを設定することもできます。前回同様、フィードの編集が終わったら保存することを忘れずに。
ステップ5：DiviにYelpレビューを追加する
プラグインはとても使いやすいので、ビジュアルカスタマイザーから直接埋め込むことができます。
埋め込みボタンをクリックするだけで、すぐに始められます。
そうすると、このレビューフィードを埋め込むすべての方法がポップアップで表示されます：
- ページに追加：既存のWordPressページにレビューフィードを挿入します。
- ウィジェットに追加Yelpのレビューをウェブサイトのサイドバーやフッターに追加する。
- コピーしてください：ショートコードをコピーし、ページビルダーを使ってレビューフィードを埋め込む。
ご覧のように、今は「コピー」オプションを選択すればいい。
ダッシュボードからページ " 新規追加 メニューを開いて、このレビューフィードを挿入する新しいDiviページを作成できます。
そうしたら、一番上にある「Use The Divi Builder」ボタンをクリックします。
投稿にレビューを表示したい場合は、ダッシュボードから投稿 " 新規追加 メニューを開いてください。
ページと同じように、「Use The Divi Builder」ボタンをクリックして進みます。
Diviは、あなたのWordPressサイトにYelpのレビューフィードを埋め込む3つの異なる方法を紹介します：
- 作り始める：白紙からデザインを始める
- レイアウトをブラウズする： あらかじめ用意されたデザインをコピーして編集する
- ページを選ぶ：すでに作ったデザインを再利用する
以下、それぞれのオプションについて説明する：
Start Buildingをクリックすると、Diviはビジュアルエディターで空白のページを開きます。
その後、すぐにレビューフィードを埋め込むことができます。
レイアウトを参照」を選択すると、インポート可能なテンプレートが表示されます。
ここでオプションをブラウズして、気に入ったテンプレートをクリックしてください。
特定のテンプレートの詳細を見ることができます。ライブデモを見るをクリックすると、このデザインをプレビューすることができます。
このデザインをあなたのページや投稿に使用するには、「このレイアウトを使用する」ボタンをクリックしてください。
ビジュアルエディターでテンプレートを開き、Yelpのレビューを埋め込むことができます。
代わりにChoose Page オプションを選択しましたか？
Diviは、このページビルダーを使用して以前に作成したデザインテンプレートのリストを表示します。
続行するには、使用したいテンプレートをクリックします。
最後に、Yelpのレビューフィードを埋め込むことができます。そのためには、まずコンテンツを挿入できる行を追加する必要があります。
緑色のプラスアイコン（＋）をクリックし、挿入したい行のタイプを選択します。
Yelpレビューウィジェット用のスペースを作成したら、行の黒いプラス（+）アイコンをクリックします。
上部の検索バーを使って、「code」 モジュールを探すことができます。そして、下の検索結果からCode モジュールを選択してください。
そうすると、Diviがモジュールの追加オプションを表示します。そこで、先ほどのショートコードをコードフィールドに貼り付けます。
最後に、チェックマークアイコンを選択して、新しいモジュールを保存します。
公開ボタンをクリックすると、このランディングページとYelpのレビューフィードがDiviのウェブサイト上で公開されます。
レビューがどのように見えるかチェックしたいですか？ページを開いてチェックしてみてください。
そうだ！
ご覧の通り、Reviews Feed Proプラグインを使えば、YelpのレビューをDiviに表示するのはとても簡単です！
質の高いソーシャルプルーフを見せることで、訪問者を転換させ、より多くの売上を獲得し、ビジネスを簡単に成長させることができる。
YelpのレビューをDiviに埋め込む準備はできましたか？Reviews Feed Proプラグインを今すぐ入手しましょう！
あなたのサイトにレビューを埋め込む別の素晴らしい方法をお望みですか？Googleのレビュースライダーを埋め込む方法をご覧ください。
また、ソーシャルメディアのヒントやトリックについては、ツイッターや フェイスブックでぜひフォローしてください。
