私たちはEmbedSocialプラットフォームを継続的にアップデートしており、今回はEmbedSocial製品のソーシャルメディアウィジェットの見た目を全面的に再設計しました。
EmbedSocialは主要なソーシャルメディアネットワークと連携したオールインワンのソーシャルメディアアグリゲーターで、あらゆるウェブサイトでソーシャルメディアの投稿を生成・表示するために構築されています。
EmbedSocialは、モデレーション、カスタマイズ、投稿にカスタムリンクをタグ付けするカスタムCSSオプションなど、プロフェッショナルなツールを提供します。さらに、ソーシャルメディアフィードのデザインをブランドに合わせるための数多くの設定も用意されています。
何千人ものユーザーがこの製品を利用しており、新機能やアップグレードのアイデアについて定期的にフィードバックを寄せてくれています。
そして今回、ソーシャルメディアテンプレートのフロントエンドデザインに関する大幅なアップグレードをリリースできることを嬉しく思います。
お知らせ：新しいソーシャルメディアフィードテンプレート
これらのテンプレートは、既存のユーザーにも新規ユーザーにもすでにご利用いただけます。設定バーのLayoutsセクションからご覧いただけます。
私たちのデザインフェーズについて読み、新しいテンプレートを確認するには、以下のリンクをご覧ください。
デザインフェーズ：ブレインストーミング、モックアップ、プロトタイプ
デザインを始める前に、私たちは次の原則を念頭に置いていました。
- ユーザーのニーズ、要望、フィードバック
- 最新のUIデザイントレンドに従うこと
- レスポンシブで、あらゆるデバイス、ブラウザ、ウェブサイトビルダーにフィットすること
リサーチフェーズでは、マーケティング、UX、カスタマーサクセスの各チームの間でいくつかのワークショップを開催しました。そしてたくさんのピザも！
幸いこれはCOVIDの危機より前のことだったので、オフィスでブレインストーミングを行い、ユーザーのためにどうすればより良いウィジェットをローンチできるかを楽しく視覚化することができました。
新登場：Collageテンプレート
Collageテンプレートはまったく新しいテンプレートで、ゼロから構築され、主にホームページやランディングページでソーシャルメディアの投稿を表示することを目的としています。
用途：ホームページ、ランディングページ
レイアウト：モダン
特徴：
- レスポンシブな4列グリッドレイアウト
- ランディングページのデザインに合わせて、1行の投稿にもっと見るボタンや番号付きページネーションを設定できるオプション
- ホバー時にキャプション／テキストを表示
- ライトボックスで投稿全体を表示、または元の投稿へリダイレクト
- 「フォロー」ボタンを追加
- タイトルの追加または削除
- 投稿にCTAボタンを追加
Feedテンプレート
Feedテンプレートは、専用ページにクラシックなソーシャルメディアウォールを表示したい大多数のユーザー向けにデザインされたデフォルトテンプレートです。ウェブサイト用のソーシャルメディアフィードを作成するために必要なすべての要素を備えています。
用途：専用ページ、ホームページ
レイアウト：クラシック
特徴：
- レスポンシブな3列グリッドレイアウト
- 1ページあたりの投稿数を設定
- もっと見るボタンや番号付きページネーションを追加するオプション
- ライトボックスで投稿全体を表示、または元の投稿へリダイレクト
- 「フォロー」ボタンを追加
- タイトルの追加または削除
- 画像の下のキャプションの表示または非表示
Wallテンプレート
WallテンプレートはFeedによく似ています。ユーザー名とソーシャルメディアネットワークのロゴが投稿の上部でより目立つ、クラシックなソーシャルメディアウォールの見た目により重点を置いています。
用途：専用ページ、ホームページ
レイアウト：クラシック
特徴：
- レスポンシブな3列グリッドレイアウト
- 1ページあたりの投稿数を設定
- もっと見るボタンや番号付きページネーションを追加するオプション
- ライトボックスで投稿全体を表示、または元の投稿へリダイレクト
- 「フォロー」ボタンを追加
- タイトルの追加または削除
- 画像の下のキャプションの表示または非表示
Masonryテンプレート
Masonryテンプレートは、ソーシャルメディアフィードのモダンなPinterest風デザインです。公開した商品画像や投稿を、実際のテキストよりも関連性の高い写真を多く含むかたちで、よりエレガントに見せることを目的としています。
用途：専用ページ、ホームページ
レイアウト：モダン
特徴：
- レスポンシブな3列masonryレイアウト
- 1ページあたりの投稿数を設定
- もっと見るボタンや番号付きページネーションを追加するオプション
- ライトボックスで投稿全体を表示、または元の投稿へリダイレクト
- 「フォロー」ボタンを追加
- タイトルの追加または削除
- 画像の下のキャプションの表示または非表示
Gridテンプレート
Gridテンプレートは、写真を見せ、フォトギャラリーのように見えるフィードを埋め込むためのクラシックなテンプレートです。
用途：専用ページ、ランディングページ、ホームページ
レイアウト：クラシック
特徴：
- グリッドレイアウトの列数を設定できるレスポンシブオプション
- 写真の間にページネーションを設定
- ホバー時にキャプション／テキストを表示
- ライトボックスで投稿全体を表示、または元の投稿へリダイレクト
- 「フォロー」ボタンを追加
- タイトルの追加または削除
- 投稿にCTAボタンを追加
Carouselテンプレート
これは、ウェブサイトの主要なスポットにソーシャルメディアフィードを表示するための最新のUIトレンドにフィットする、モダンなcarouselテンプレートです。ファッションやコスメティックのブランドに最適です。
用途：ホームページ、フッター、商品ページ
レイアウト：モダン
特徴：
- スライドをナビゲートするオプション
- ライトボックスで投稿を開く、または元の投稿へリダイレクト
- 「フォロー」ボタンを追加
- タイトルの追加または削除
- ホバー時にキャプションを表示
- 自動再生を設定
Sliderテンプレート
sliderはcarouselよりもクラシックな見た目で、ほぼあらゆるウェブサイトのデザインにフィットする「安全な」選択肢です。
用途：ホームページ、フッター、商品ページ
レイアウト：クラシック
特徴：
- スライドをナビゲートするオプション
- ライトボックスで投稿を開く、または元の投稿へリダイレクト
- 「フォロー」ボタンを追加
- タイトルの追加または削除
- ホバー時にキャプションを表示
- 自動再生を設定
この投稿に埋め込まれたsliderテンプレートのデモがこちらです。
ユースケース：ShopifyにCollageフィードを埋め込む
私たちのフィードは、あらゆるCMS、ウェブビルダー、eコマースプラットフォームで動作します。
この例では、新しいSliderテンプレートでInstagramフィードを埋め込めるShopifyショップでのシンプルな使い方をご紹介します。
その他のプラットフォーム連携については、以下のリンクをご確認ください。
今すぐソーシャルメディアフィードをウェブサイトに埋め込むべき理由
マーケターとして、ソーシャルメディアチャネルの力とウェブサイトを融合させることで、数多くのメリットを得られます。
主なものをご紹介します。
- 訪問者を惹きつけ続ける、より良いユーザー体験をウェブページ上で生み出す
- 直帰率を下げ、平均セッション時間を伸ばす
- ブランド認知を広め、あなたが体現する価値観を示す
- 強力なソーシャルプルーフを構築する
- 没入感のあるフォーマットで商品を提示し、売上を促進する
- ソーシャルメディアでのプレゼンスを拡大する
埋め込みを始める前に、ウェブサイトにソーシャルメディアフィードを追加することで何を達成したいのか、じっくり考えてみてください。
たとえば、訪問者の滞在時間を増やすことが目標であれば、Facebookフィードを追加すると、訪問者がウェブサイトに来たときに写真や動画を見て長く滞在してくれます。最新の企業ニュースをオーディエンスに届けたいなら、Twitterフィードが最適です。
あるいは、最新のコレクションを見せてオーディエンスを惹きつけたい場合もあるでしょう。その場合は、Instagramフィードの埋め込みが良いアイデアになります。イベントの認知度を高めるには、ハッシュタグキャンペーンを試してみることをご検討ください。
必要であれば、複数のソーシャルメディアアカウントのソーシャルコンテンツを常に1か所にまとめられることもお忘れなく。
選ぶのはあなた次第です！
次のステップ：ソーシャルメディアフィードを埋め込む
新しいテンプレートを気に入っていただけたら幸いです。私たちは既存のユーザーにも新規ユーザーにも、これからもさらに多くのテンプレートを作り続けていきます。
テンプレートにアクセスするために必要なことは、次のとおりです。
- EmbedSocialに**ログイン**する
- Widgetsに移動し、Editをクリックするか、新しいウィジェットを作成する
- サイドバーでLayoutsに移動し、リストからテンプレートを選択する
- ソーシャルメディアフィードをカスタマイズ・変更する
- 提供されたHTMLコードをコピーし、ウェブサイトビルダーに貼り付ける
なお、Facebookページ、Instagram、Twitter、Vimeo、YouTube、TikTokなど、さまざまなソーシャルメディアプラットフォームのメディアを1つのウィジェットに集約・統合できます。どのソーシャルコンテンツがオンラインでのプレゼンスを高めるかを決めるのは、あなた次第です。
まとめ
これらのソーシャルメディアフィードが実際に動いている様子を見て、ウェブサイトのオーディエンスに素晴らしい体験を提供するインスピレーションが湧いたなら幸いです。
ぜひすべてを試して、あなたのウェブサイトにふさわしいWOWファクターがどれになるかを確かめてみてください。
そして、セットアップの過程でサポートが必要になったときは、いつでもお気軽にお問い合わせください。喜んでご案内いたします。
