トライオンウィジェット

サイトを離れることなく、商品ページ上で直接バーチャル試着を起動できる埋め込み型のUIコンポーネント。

トライオンウィジェットとは?

トライオンウィジェットとは、ECサイトの商品ページに埋め込まれるユーザーインターフェース(UI)コンポーネントです。ユーザーはサイトを離れたり専用アプリをダウンロードしたりすることなく、その場でシームレスなバーチャル試着を体験できます。

これは、顧客がバーチャルフィッティングルームへアクセスするための入り口となります。通常は「カートに追加」ボタンの近くに配置され、クリックすると試着用のモーダルやドロワーが開く仕組みになっています。

商品ページに埋め込まれたトライオンウィジェットのボタン
商品ページに埋め込まれたトライオンウィジェットのボタン

仕組み

  1. 埋め込み: プラットフォーム(Shopifyの場合は通常テーマアプリ拡張機能)から注入されたスクリプトにより、商品ページ上にボタンがレンダリングされます。
  2. 起動: ボタンをクリックすると、商品ページを開いたままオーバーレイ表示でウィジェットが立ち上がります。
  3. 撮影: ユーザーが写真をアップロードするか、デバイスのカメラを使用して撮影します。
  4. 結果: 生成された試着画像が表示されます。多くの場合、ここからサイズや色、他の商品へ切り替えることも可能です。

このスクリプトはすべての商品ページで読み込まれるため、ページ表示速度への影響を最小限に抑えるべく、ウィジェットは通常、小容量の起動用スクリプトと、遅延読み込みされるUI部分に分割されています。

FAQ

疑問にお答えします。

トライオンウィジェットを利用するのにアプリのダウンロードは必要ですか?

いいえ。すべての体験はストア内のブラウザ上で完結します。これがアプリベースの試着機能とウィジェットとの決定的な違いです。

The 30-second version

関連用語

バーチャル試着室
オンラインで購入する前に、その服を着た時のイメージをデジタル上で確認できる機能です。
衣服転送(ガーメントトランスファー)
商品写真の衣服を人物画像上にレンダリングし、自然に着用しているように見せるAI技術のプロセス。
AR試着
購入者のライブカメラ映像に3D商品モデルをリアルタイムで重ね合わせるバーチャル体験。

自社の商品で試してみる。

数分でShopifyにGenlookをインストールし、顧客が購入前に商品をプレビューできるようにしましょう。