メインコンテンツにスキップ
Webflowでレビューを埋め込む方法

Google、Facebook、Yelp、またはTwitterからのレビューをWebflowウェブサイトに簡単に表示する方法のステップと手順です。

Yuka Isobe avatar
対応者:Yuka Isobe
1年以上前に更新

こちらの記事に使用されいてる管理画面の画像は、英語の管理画面を撮影したものです。実際にご利用いただくEmbedSocialの管理画面は日本語仕様です。

Webflowと提携し、WebFlowウェブサイトビルダーにレビューを統合するプロセスを簡単にするための短いチュートリアルを作成できて光栄です。

この記事では、Google、Facebook、Yelp、またはTwitterからのレビューをWebflowウェブサイトに簡単に表示する方法を示します。

EmbedReviewsからレビューウィジェットコードを取得する まだEmbedReviewsアカウントをお持ちでない場合は、7日間のトライアルを開始するためにクリックしてください。

EmbedSocialでウィジェットをすでにお持ちの場合は、以下の手順に従ってください。

  • EmbedReviewsアカウントにログインし、レビューを生成します

  • ウィジェットに移動し、埋め込みたいウィジェットを選択します

  • 左側の設定で「埋め込み」タブをタップし、「コードをコピー」をクリックします(以下の画像参照)。

Copying the code

コードをコピー ウィジェットコードをコピーしたら、Webflowアカウントに切り替えます。

Webflowでレビューウィジェットを埋め込む コードを取得したら、Webflowアカウントにログインし、ウェブサイトの編集ビューに移動します。Googleのレビューを埋め込むには、以下の手順に従ってください。

1.左側のメインメニューから「要素を追加」をクリックします。

Adding an Element

2. 左側の「コンポーネント」メニューから「埋め込みコード」オプションを選択し、レビューを表示したいエディタのセクションにドラッグアンドドロップします。

Adding a section

3. 入力フィールドにEmbedSocialコードを貼り付けます

コードを埋め込む 以上です。

Embedding the code

Webflowでのレビューウィジェットの例 レビューはすぐにWebflowウェブサイトに表示されます。以下はプレビューです: ​

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

Example of reviews widget in Webflow

詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。

こちらの回答で解決しましたか?