Instagram商品カタログ

Instagram商品カタログウィジェットは、ショッパブルなプロダクトカードとビジュアルなUGCギャラリーを融合し、インスピレーションを購入へとつなげる「ルックを買う」セクションを作り出します。訪問者は上部で注目アイテムを閲覧し、その下で実際の写真／動画を探索でき、各タイルにはタグ付けされた商品数が表示されます。

機能

• 2階層レイアウト：

  • 上段：画像、商品名、価格付きの注目商品カルーセル

  • 下段：商品タグインジケーター付きのUGCギャラリータイル（例：「1商品」「2商品」）

• コレクション風ヘッダー：「Featured Collections」のようなタイトルと、意図を明確にする「ルックを買う」ラベル

• 商品スライダーナビゲーション：左右の矢印で、ページスペースを取らずにより多くのアイテムを閲覧

• ショッパブルUGCタイル：各投稿に1つまたは複数のタグ付き商品を含めることが可能

• すっきりしたEコマースUI：丸みのあるカード、統一された間隔、価格を前面に出した表示

• スピーディーな発見フロー：ユーザーは商品から始めることも、インスピレーションから始めてそこから購入することも可能

• モバイルフレンドリー：カルーセルとタイルがスムーズに適応し、タップ操作のショッピングに対応

ユースケース

• ホームページの「ルックを買う」セクション：ベストセラーとUGCのスタイリングインスピレーションを組み合わせる

• コレクションランディングページ：注目アイテム＋実際のお客様コンテンツを1つのブロックで紹介

• ファッション＆ライフスタイルEコマース：コーディネート、バンドル、シーズン編集、カプセルコレクションに最適

• UGC主導のストア：コミュニティコンテンツをショッパブルなルックブックに変える

• キャンペーンページ：上部に商品、下部にクリエイター／お客様の投稿を配置してドロップを強調

埋め込み方法

1. EmbedSocialでInstagram（またはUGCソース）を接続します。

2. ショッパブル／UGCテンプレートライブラリから「UGC＋商品コレクション」テンプレートを選択します。

3. 商品カタログまたは商品リンクを追加し、各UGC投稿で商品をタグ付けします。

4. 注目商品の行（表示するアイテム、順序、価格表示）を設定します。

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

6. サイト（Shopify、WooCommerce、Webflow、WordPress、Wix、Squarespace、またはカスタムHTML）に貼り付けて公開します。

インスピレーションを購入への道筋に変えましょう。UGCカタログウィジェットを埋め込んで注目アイテムを紹介し、買い物客が実際のコンテンツを探索して、わずか数クリックでルックを購入できるようにしましょう。