新着お知らせ EmbedSocial MCP: connect your data to any AI tool
ProInstagramInstagram StoriesFeed

舞台裏ウィジェット

Instagram舞台裏スライダーは、ブランドの「エディトリアル」セクションでInstagram投稿を引き立てる、大胆でストーリー主導のカルーセルです。左側の力強いナラティブパネル(見出し+説明文)と、右側のスワイプ可能な投稿カードを組み合わせており、制作過程やカルチャー、舞台裏のコンテンツを、単なる埋め込みではなくウェブサイトの一部のように感じられる形で紹介するのに最適です。

機能

  • ストーリー+スライダーの分割レイアウト:左側にテキスト導入パネル、右側にInstagram投稿カルーセル

  • エディトリアルセクションラベル:「Behind the scenes」のようなカテゴリタグでコンテンツのテーマを示す

  • ブランドの背景ブロック:セクションを際立たせるインパクトのある背景色

  • 投稿カードデザイン:各カードに大きな画像、アカウント名、タイムスタンプ、キャプションの抜粋を表示

  • Instagramアイコンバッジ:各投稿に小さなIGマーカーを付け、プラットフォームを瞬時に認識

  • ナビゲーションコントロール:左右の矢印でスムーズに閲覧(モバイルではスワイプ)

  • カードごとの「View post」CTA:明確なクリック先で、より深いエンゲージメントを促進

  • レスポンシブレイアウト:小さな画面でもきれいに積み重なり、カルーセルを使いやすく維持

活用シーン

  • 会社概要/ブランドストーリーページ:製品の作り方、撮影の様子、チームカルチャーの築き方を紹介

  • サステナビリティ&プロセスページ:工場、素材、ラボ、パッケージ、製造工程を強調

  • 採用ページ:チームの一場面や職場のカルチャーを紹介

  • ECサイトのホームページ:商品グリッドを超えた個性と信頼性を加える

  • キャンペーンのストーリーテリング:テーマ別スライダーを作成(舞台裏、ローンチ、イベント、クリエイターの旅)

埋め込み方法

  1. EmbedSocialでInstagramソースを連携します(プロフィール、ハッシュタグ、メンション)。

  2. Instagramテンプレートライブラリからテンプレートを選択します。

  3. 左パネルをカスタマイズします:セクションラベル、見出し、説明文(ブランドのトーンに合わせる)。

  4. カルーセルのオプションを設定します(表示する投稿数、ナビゲーション矢印、キャプションの長さ、「View post」ボタン)。

  5. 埋め込みコード(JavaScriptまたはiFrame)をコピーします。

  6. ウェブサイトビルダー/CMS(Shopify、Webflow、WordPress、Wix、Squarespace、またはカスタムHTML)に貼り付けて公開します。

Instagramのコンテンツをブランドのストーリーテリングへ。Instagram舞台裏スライダーを埋め込んで、製品の背後にいる人々とプロセスを、厳選されたスワイプ可能なビューで訪問者に届けましょう。

このテンプレートを自分仕様にカスタマイズ。

EmbedSocialでカスタマイズして、数分でウェブサイトに埋め込めます。コードは不要です。