すべてのウィジェットは、コンテンツに適用するレイアウトです。同じ投稿でも、グリッド、コラージュ、slider、小さなフローティング要素として表示できます。レイアウトは、出発点に選んだテンプレートや、AIデザインに依頼した内容で決まり、ソースに手を加えることなくいつでも変更できます。
このページでは、レイアウトの種類、複数のソースを1つのウィジェットにまとめる方法、そしてウィジェットをページ上にフローティング表示する方法を説明します。
ウィジェットのレイアウト
- Feed は定番のグリッドです。投稿を行と列に並べる、多くのソーシャルフィードやレビューウォールで使われるレイアウトです。
実際の表示：Agency Google Reviews Widget
- Collage はメイソンリー形式です。大きさの異なるタイルを敷き詰めるレイアウトで、写真の多いInstagramのコンテンツに向いています。
実際の表示：Free Shoppable Instagram Widget
- Slider は投稿を横方向にスクロールし、1件または数件ずつ表示します。トップページの帯など、幅の狭いセクションに適しています。
実際の表示：Blue Single Reviews Slider
- フローティングポップアップは、ページ内に配置するのではなくページ上に浮かせて表示します。レイアウトを変更せずに、サイトのすべてのページで機能します。
実際の表示：Floating Instagram Widget
- バッジはフローティング形式のコンパクト版です。画面の端に固定される小さな評価バーで、サイト全体でレビューのスコアを示すのに最適です。
実際の表示：Dark Floating Badge with Avatars
ソーシャルフィードウォールは、Feedレイアウトにセクションやページの全幅を与えたものです。ソースから集めたすべてのコンテンツを1つのグリッドにまとめたもので、アプリが以前フィードと呼んでいたものにあたります。1つのウィジェットに複数のソースをまとめると（下のコンボウィジェットをご覧ください）、Instagramの投稿、レビュー、カスタムのエントリーを並べて表示できます。 Wall of loveは、フィードレイアウトをページ全体の規模で使うものです。集めたレビューと推薦コメントのすべてを、ご自身のサイトの1ページにまとめたもので、いわゆるオールインワンのレビューページにあたります。Wall of Loveのテンプレートから始めて、セクションではなく1ページを割り当ててください。すべてのレイアウトはテンプレートライブラリで実際に動作するウィジェットとしてご覧いただけます。
評価バッジ
バッジは、レビュー自体ではなく集計された評価を表示します。平均スコア、星、レビュー件数をコンパクトなバーにまとめてページの端に固定するため、1つ埋め込むだけでサイト全体をカバーできます。作成方法は2つあります。テンプレートから 'Badge' のテンプレートを適用するか、AIデザインに作りたいバッジを説明します（例：「ページ右下にGoogleレビューのフローティングバッジを作成して」）。どちらの方法でも、表示する隅・色・サイズはあとから 'Settings' や追加のプロンプトで調整できます。
バッジからリンクを設定することもできます。元のレビューのソースを指定すればクリックでGoogleやFacebookのページが開き、任意のURLを指定することもできます。
コンボウィジェット
コンボウィジェットは、複数のソースから同時にコンテンツを取得するウィジェットです。1つのウィジェットでInstagramの投稿、Facebookの投稿、Googleのクチコミをまとめて表示できます。専用のウィジェットの種類があるわけではありません。'Bulk sources setup' で複数のプラットフォームを選び、ウィジェットを作成する前にソースの詳細を設定できます。既存のウィジェットの場合は、'Sources' タブを開き、表示したい接続済みのソースをすべて有効にします。
ソースは自由に組み合わせられます。複数のプラットフォームの投稿、複数のレビューソースのレビュー、レビューと投稿の組み合わせ、同じ企業の複数のロケーションなどです。各ソースはプランの利用枠で1件ずつカウントされ、埋め込みコードは変わらないため、公開中のウィジェットは埋め込み直しなしで追加したソースの表示を始めます。
フローティングウィジェットを作成する方法
どのウィジェットでもフローティング表示にできます。切り替えは専用のウィジェットの種類ではなく、ウィジェットの設定にあります。
Settingsを開きます。 ウィジェットエディタで左側のレールの 'Settings' をクリックします。
表示位置をFloatingにします。 'Widget position' で 'Inline' ではなく 'Floating' を選びます。
フローティングする位置を選びます。 'Float position' で 'Bottom right' などの隅を選ぶと、プレビューにその位置で固定されたウィジェットが表示されます。
動作を調整します（任意）。 'Show widget once per session' をオンにすると、ページを表示するたびにポップアップが再表示されることはありません。
Inlineの場合は、ウィジェットを表示したい場所に埋め込みコードを貼り付ける必要があります。Floatingの場合はウィジェットが自分で位置を決めるため、コードはページ内のどこにあっても構いません。
使うウィジェットを選びませんか？
ウィジェットの種類に関するよくある質問
1つのウィジェットにいくつのソースをまとめられますか？
接続しているソースの数だけまとめられます。プランで制限されるのはアカウント全体のソース数であり、1つのウィジェットで使えるソース数ではありません。
ソースを追加したり表示位置を変更したりしたら、埋め込み直しが必要ですか？
いいえ。埋め込みコードは変わらないため、変更は公開中のサイトに自動的に反映されます。
フローティングポップアップとバッジの違いは何ですか？
どちらもページ上に浮かせて表示します。ポップアップは投稿やレビューを表示し、バッジはスコアを示すコンパクトな評価バーです。
フローティングウィジェットの埋め込みコードはどこに置けばよいですか？
ページ内のどこでも構いません。フローティングウィジェットは自分で位置を決めるため、コードの場所は影響しません。
次のステップ
テンプレートで出発点となるデザインを選び、'Sources' タブでソースを指定して、フィルターで表示する投稿を絞り込みましょう。ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、support@embedsocial.com までメールをお送りください。喜んでサポートいたします 🙏