Shopify向けショッパブルウィジェットとは？
Shopify向けショッパブルウィジェットとは、商品にリンクしたUGC、ソーシャル投稿、ショート動画をストア上に直接表示する動的なコンテンツブロックです。トップページ、商品ページ、コレクションページに設置することで、リアルなお客様コンテンツを見せながら、買い手により早い購入への導線を提供できます。
EmbedSocial: Shoppable UGCアプリを使えば、接続したソースからUGCを収集してキュレーションし、Shopify商品をタグ付けすることで、各ウィジェットがコンバージョンの導線になります。リアルなお客様の写真、動画、レビューを一つの体験にまとめ、インスピレーションからチェックアウトまで買い手を導きます。
これは単なるギャラリーではありません。買い手が自信を持って商品を見つけられるよう支援する、コンバージョンに焦点を当てたShopify向けショッパブルウィジェットです。
Shopifyストアでショッパブルウィジェットを使うべき理由とは？
Shopifyにショッパブルウィジェットを追加すると、ストアの見た目を良くする以上の効果があります。発見から購入までの摩擦を減らしながら、ソーシャルプルーフを目に見える形で保ちます。
一目で信頼を築く, リアルなお客様の写真、動画、レビューは、買い手が商品の品質をより早く確認するのに役立ちます。ソーシャルプルーフは、買い手がストア上で選択肢を比較する際のためらいを減らします。
コンバージョンを増やす, Shopify向けショッパブルウィジェットを使えば、UGCが購入プロセスの一部になります。投稿や動画に商品をタグ付けし、商品ページに直接リンクすることで離脱を減らせます。
エンゲージメントを高める, 動画やUGCのウィジェットは、買い手の探索を自然に促します。訪問者が本物のコンテンツと商品リンクを一か所で閲覧できれば、サイト滞在時間が長くなります。
商品発見を促す, 実際の利用シーンでより幅広い商品の組み合わせを見せることで、買い手は通常のカタログページでは見逃しがちな商品を発見できます。これはAOVの向上やリピート購入の後押しにつながります。
より適切な期待値を設定する, UGCは買い手が実生活の文脈で商品を見るのに役立ち、購入への自信を高め、配送後の期待のミスマッチを減らせます。
ページを常に新鮮に保つ, 自動更新されるウィジェットは、新しいコンテンツで商品ページやランディングページをアクティブに保ちます。これはエンゲージメントを支え、マーチャンダイジングやSEOの取り組みを強化できます。
Shopify向けショッパブルウィジェットの機能
ショッパブルな投稿と動画, UGCやソーシャルコンテンツにShopify商品をタグ付けすることで、買い手は商品を発見し、商品ページやチェックアウトへより早く進めます。
商品ページごとの動的コード, 商品テンプレートに再利用可能なウィジェットコードを一つ使うだけで、商品ページごとに該当するタグ付き画像や動画を動的に読み込めます。
API連携と自動同期, 接続したソーシャルソースから自動でコンテンツを取得し、毎回手動で公開することなくショッパブルウィジェットを最新に保ちます。
商品カードと購入リンク, 商品の詳細やクリック可能な購入アクションをウィジェット内に表示し、買い手がより少ないステップで閲覧・購入できるようにします。
AIエディタ、テンプレート、デザインコントロール, EmbedSocialのエディタに加え、テンプレートとスタイリングコントロールを使い、グリッドやカルーセルから商品中心のレイアウトまで、ブランドに合ったショッパブルセクションをより速く作成できます。
AIキュレーションツール, AI支援のスコアリング、モデレーション、タグ付けを使ってUGCをより速く整理し、各ウィジェットに最も関連性の高いコンテンツを公開します（利用可否は設定やプランによって異なる場合があります）。
権利に配慮した公開ワークフロー, EmbedSocialプラットフォームのワークフローはUGCの権利リクエストや承認プロセスをサポートでき、チームが承認済みコンテンツをより速くウィジェットに反映できます（プランごとの正確な利用可否をご確認ください）。
ウィジェット分析とパフォーマンス追跡, ウィジェットの表示数、クリック、エンゲージメントを追跡し、どの配置やUGCアセットが最良の結果をもたらすかを把握できます。
ノーコード埋め込みとレスポンシブレイアウト, Shopifyテーマへの配置または埋め込みコードで公開でき、デスクトップとモバイルの両方でショッパブルウィジェットを高速かつレスポンシブに保ちます。
Shopify向けショッパブルウィジェットの追加方法は？
Shopify向けショッパブルウィジェットの追加は簡単です。次のステップに従って素早く立ち上げ、UGCをショッピング体験へと変えていきましょう。
ステップ1：Shopifyに接続して商品を同期する
Shopifyの商品カタログをEmbedSocialに取り込む方法は2つあります。
- Shopify App StoreからShopifyアプリをインストールすると、すべての商品がEmbedSocialアカウントのProductsページに自動的に取り込まれます。
- EmbedSocial内からXMLでShopifyを接続すれば、Shopify管理画面に別のアプリを追加することなくカタログをインポートできます。EmbedSocialのProductsページにインポートするための商品XMLファイルが必要です。
どちらの方法でも商品が同期され、Shopifyで商品を追加、編集、削除すると、カタログがEmbedSocialで自動的に更新されます。
XMLファイルの仕組み：
- Shopifyが商品フィードURL（XML）を生成します。これには商品データ（商品ID、タイトル、URL、画像、価格、在庫状況、バリエーションなど）が含まれます。
- EmbedSocialで、そのXMLフィードURLを貼り付けてカタログをインポートします。
- EmbedSocialがフィードを自動で再同期するため、Shopifyでの変更（新商品、編集、削除）は次回の同期後にEmbedSocialへ反映されます。
XMLオプションを使う場合：
- Shopify管理画面で追加のアプリを管理したくない場合
- テーマを変更せずにカタログを素早くインポートしたい場合
- タグ付けと動的ウィジェットのための商品データだけが必要な場合（より高度なShopify操作は不要）
Shopifyの商品XMLフィードリンクを見つける方法：
オプション1：GoogleおよびYouTube販売チャネルのフィード（最も一般的）
- Shopify管理画面で設定 → アプリと販売チャネルに移動します。
- GoogleおよびYouTubeを開きます。
- 商品フィード（またはフィード設定）に移動します。
- XMLフィードURLをコピーします。
これは商品カタログ向けに作られているため、通常最もきれいなXMLフィードです。
オプション2：フィードジェネレーターアプリを使う。組み込みのフィードが利用できない場合は、商品フィードアプリをインストールします（Shopify App Storeで「productフィード xml」または「google merchantフィード」を検索）。設定後、アプリがコピー可能な公開XMLフィードURLを提供します。
オプション3：開発者にストアのフィードURLを尋ねる。一部のストアにはカスタムXMLエンドポイント（例えばテーマやミドルウェアによって生成されたもの）があります。これが存在する場合、開発者が正確なURLを共有できます。
ヒント：XMLリンクはブラウザで開いた際に、構造化されたXMLコンテンツ（通常の商品ページではなく）が表示されるはずです。
ステップ2：ウィジェットを作成し、投稿に商品をタグ付けする
EmbedSocialでWidgetsに移動してUGCウィジェットを作成し、各画像や動画にそれが紹介する商品をタグ付けします。1つの投稿には1つまたは複数の商品をタグ付けできます。
ステップ3：動的な埋め込みコードをコピーしてShopifyに貼り付ける
Embedに移動し、Dynamicコードを選択してShopifyの商品ページファイルに貼り付けます。
data-productId="{{ product_id }}"が動的な部分です。Eコマースプラットフォームがレンダリングのタイミングでカレントとなっている商品のIDを挿入します（例えばShopifyの商品テンプレート上で）。- オンラインストア → テーマ → コードを編集に移動します。
- 次を開きます：
templates/product.json - そのファイルは通常メインの商品セクションを読み込みます。最も一般的なのは：
sections/main-product.liquid - ウィジェットを表示したい場所（例えば商品説明の下）で、
sections/main-product.liquid内に動的な埋め込みコードを貼り付けます。
注意：このウィジェットを特定の商品ページのみに表示するには、Select catalogドロップダウンを開いて表示したい商品を選択します。ウィジェットは選択したそれらの商品ページにのみ表示されます。
ステップ4：公開し、商品ページごとにウィジェットを更新させる
お客様が商品ページを開くと、ウィジェットがその商品IDを検出し、EmbedSocialでその商品にタグ付けされた投稿だけを表示します。
公開後、Shopify向けショッパブルウィジェットはソーシャルプルーフやUGCを商品発見、クリック、購入へと変え始めます。
ステップ5：完全なチュートリアルを見る
はじめに。ソーシャルプルーフを販売チャネルに変えましょう。 EmbedSocial: Shoppable UGCをインストールし、リアルなお客様コンテンツで収集、キュレーション、コンバージョンを実現するShopify向けショッパブルウィジェットを立ち上げましょう。
