---
title: "フォームの回答をレビューウィジェットに表示する方法"
date: 2021-12-01
modified: 2023-05-16
canonical_id: forms-reviews-integration
locale_slug: "forms-reviews-integration"
author: "osogovo"
category:
  - blog
  - product-updates
summary: "WEBフォームでお客様のレビューを集め、その内容をレビューウィジェットに表示する方法をご紹介します。"
draft: false
seo:
  og_image: "https://embedsocial.com/wp-content/uploads/2021/12/show-form-reviews-in-reviews-widget.jpg"
  og_image_alt: "フォームの回答をレビューウィジェットに埋め込む"
  og_image_width: 920
  og_image_height: 480
  title: "フォームの回答をレビューウィジェットに表示する方法"
  description: "WEBフォームでお客様のレビューを集め、その内容をレビューウィジェットに表示する方法をご紹介します。"
  structured_data: article
---
[EmbedSocial](/products/reviews/)プラットフォームでは、フィードバックフォームをはじめとするさまざまなソースから、お客様のレビューを収集することができます。

ただし、自社のブランディングに合わせたデザインや独自の入力項目を備えたカスタムフィードバックフォームを作りたい場合や、別の目的で顧客情報を集めつつ、その中でお客様の声やフィードバックも依頼したいといった場合には、[フォームビルダー](/ja/blog/web-form-builder/)が必要になることもあります。

そうしたときに最適なワークフローは、お客様の声に関連する情報をすべてレビュー管理プラットフォームに集約することです。これにより、さまざまな収集元から集めたお客様の声を、いつでも一元的に保管しておくことができます。

この記事の内容：

表示

-   [EmbedFormsとEmbedSocialの連携](#embedforms-integration-with-embedreviews)
-   [ステップ1：EmbedFormsでレビューフォームを作成する](#ステップ1embedformsでレビューフォームを作成する)
-   [ステップ2：フォームをEmbedSocialと連携する](#step-2-connectfform-with-embedreviews)
-   [ステップ3：レビューウィジェットで結果を表示するには？](#ステップ3レビューウィジェットで結果を表示するには)
-   [ライブデモ](#ライブデモ)

## EmbedFormsとEmbedSocialの連携

そんな手間はもう必要ありません。[EmbedForms](/forms/)と[EmbedSocial](/products/reviews/)の連携が実現し、EmbedFormsで作成したカスタムフォームの回答を、EmbedSocialと同期できるようになりました。

回答をレビューカードのデータと紐づければ、集めた回答をフィードバックウィジェットやレビューウィジェットとしてウェブサイトに表示するウィジェットを作成できます。

これから、この連携を使って、カスタムフォームで集めた回答からレビューウィジェットを作成する方法をご紹介します。

## ステップ1：EmbedFormsでレビューフォームを作成する

![商品レビュー用の収集フォーム](https://embedsocial.com/wp-content/uploads/2021/12/eshop-review-form-1024x581.jpg)

まず、[アカウント](/admin/continue_plugin_purchase/socialfeed29/free?continue_onboarding=ai_widget)を作成し、EmbedFormsを使い始めましょう。

次に、あらかじめ用意されたテンプレートの中から、レビューフォームまたはフィードバックフォームを選びます。一から作成することもできますが、その場合は以下のような情報を含むフォームを作成する必要がある点にご注意ください。

-   顧客名
-   星評価
-   レビューまたはフィードバックの入力欄
-   商品写真（任意）
-   顧客写真（任意）

前述の通り、レビューウィジェットの作成に必要なレビューカードのデータと紐づけるために、これらの情報が必要になります。

最後に、このフォームを公開し、お客様からのレビューの受付を開始しましょう。

**プロのヒント：** ウィジェット機能を使えば、フォームを[フィードバックウィジェット](/ja/blog/customer-feedback-tools-and-widgets/)としてウェブサイトに埋め込むことができ、より多くのレビューをより早く、より簡単に集められます。

## ステップ2：フォームをEmbedSocialと連携する

回答がいくつか集まったら、EmbedSocialと連携し、集めたレビューをレビューウィジェットと同期する準備が整います。

手順は以下の通りです。

まず、EmbedSocialにログインし、次の手順に従ってください。

1.  [ソース](/admin/reviews_sources)に移動し、**「ソースを追加」**をクリックします

![新しいレビューソースを接続](https://embedsocial.com/wp-content/uploads/2021/12/add-reviews-source.jpg)

2\. ポップアップから**「EmbedForms」**を選択します

![EmbedFormsを選択](https://embedsocial.com/wp-content/uploads/2021/12/choose-embedforms-as-source.jpg)

3\. EmbedSocialと同期したいお客様の声のフォームを選び、**「次へ」**をクリックします

![EmbedSocialと連携するお客様の声のフォームを選択](https://embedsocial.com/wp-content/uploads/2021/12/select-reviews-form.jpg)

4\. フォームの質問項目をレビューカードのデータと紐づけ、**「次へ」**をクリックします

![フォームの回答をレビューカードと紐づける](https://embedsocial.com/wp-content/uploads/2021/12/match-forms-with-reviews-data.jpg)

5\. 最後に、フォームのすべてのデータがインポートされます。さらに回答を集めるために待つこともできますし、インポートした回答を使ってすぐに**「ウィジェットを作成」**することもできます

これで完了です。詳しくは、[連携の詳しい解説記事](/help/en/articles/5704529-how-to-display-embedforms-responses-into-embedreviews-widgets)をご覧いただくか、以下の動画をご確認ください。

## ステップ3：レビューウィジェットで結果を表示するには？

前のセクションでは、EmbedFormsで作成したフォームをEmbedSocialと連携し、すべての回答をレビューウィジェットのデータ項目と紐づける方法をご説明しました。

フォームをEmbedSocialと同期すれば、ウィジェットを新しく作成することはもちろん、FacebookやGoogleのレビューなど、すでにある既存のウィジェットにこのソースを組み合わせることも簡単です。これにより、ウェブサイトに大きなレビューページを1つ用意できます。

ウィジェットを作成するには、最後のステップで**「ウィジェットを作成」**をクリックするか、「ウィジェット」に移動して「新規作成」をクリックします。

![アンケート回答からレビューウィジェットを作成](https://embedsocial.com/wp-content/uploads/2021/12/create-reviews-widget-with-responses.jpg)

レビューウィジェットを埋め込むには、提供されたコードをコピーし、ウィジェットを表示したいウェブサイトの位置に貼り付けるだけです。

レビューをGoogleのレビューと組み合わせる場合は、カスタムフォームからインポートしたレビューも含めた[Googleレビューウィジェット](/google-reviews-widget/)を作成できます。

## ライブデモ

こちらが、EmbedFormsで作成したフォームです。


そして、このフォームに入力があるたびに、EmbedSocialで作成したレビューウィジェットを使って、お客様の声をこのウェブサイト上に表示しています。こちらがそのウィジェットです。

{{embedsocial-hashtag:fc7a77841c0e72525ce6df49ec0ddd9ae98c5fcb}}

**重要なポイント：** フォームの連携設定は一度だけ行えば十分です。あとはフォームに新しい回答が届くたびに、システムが自動的にウィジェットを更新します。

この新しい連携機能が、お客様のレビューをさらに活用するお役に立てれば幸いです。ご不明な点があれば、画面右下のチャットアイコンからお気軽にお問い合わせください。

### オンラインでの評判を自動で管理しませんか？

EmbedSocialなら、Google、Facebook、Yelpのレビューやフォーム、バッジを簡単に埋め込めます。

  
 無料トライアルを開始 →

[7日間の無料トライアル](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) · 簡単セットアップ · いつでもキャンセル可能

![Googleウィジェットを埋め込む](https://embedsocial.com/wp-content/uploads/2017/10/emebreviews-cta.png)