トライオンウィジェット
サイトを離れることなく、商品ページ上で直接バーチャル試着を起動できる埋め込み型のUIコンポーネント。
トライオンウィジェットとは?
トライオンウィジェットとは、ECサイトの商品ページに埋め込まれるユーザーインターフェース(UI)コンポーネントです。ユーザーはサイトを離れたり専用アプリをダウンロードしたりすることなく、その場でシームレスなバーチャル試着を体験できます。
これは、顧客がバーチャルフィッティングルームへアクセスするための入り口となります。通常は「カートに追加」ボタンの近くに配置され、クリックすると試着用のモーダルやドロワーが開く仕組みになっています。

仕組み
- 埋め込み: プラットフォーム(Shopifyの場合は通常テーマアプリ拡張機能)から注入されたスクリプトにより、商品ページ上にボタンがレンダリングされます。
- 起動: ボタンをクリックすると、商品ページを開いたままオーバーレイ表示でウィジェットが立ち上がります。
- 撮影: ユーザーが写真をアップロードするか、デバイスのカメラを使用して撮影します。
- 結果: 生成された試着画像が表示されます。多くの場合、ここからサイズや色、他の商品へ切り替えることも可能です。
このスクリプトはすべての商品ページで読み込まれるため、ページ表示速度への影響を最小限に抑えるべく、ウィジェットは通常、小容量の起動用スクリプトと、遅延読み込みされるUI部分に分割されています。
FAQ
疑問にお答えします。
トライオンウィジェットを利用するのにアプリのダウンロードは必要ですか?↓
いいえ。すべての体験はストア内のブラウザ上で完結します。これがアプリベースの試着機能とウィジェットとの決定的な違いです。
The 30-second version
関連用語
- バーチャル試着室
- オンラインで購入する前に、その服を着た時のイメージをデジタル上で確認できる機能です。
- 衣服転送(ガーメントトランスファー)
- 商品写真の衣服を人物画像上にレンダリングし、自然に着用しているように見せるAI技術のプロセス。
- AR試着
- 購入者のライブカメラ映像に3D商品モデルをリアルタイムで重ね合わせるバーチャル体験。