試穿小工具

嵌入產品頁面的 UI 介面元件,讓購物者無需離開網站即可直接啟動虛擬試穿體驗。

什麼是試穿小工具?

試穿小工具是嵌入在電子商務產品頁面上的使用者介面元件,讓購物者無需離開網站或下載應用程式,即可啟動虛擬試穿體驗。

它是消費者進入虛擬試衣間的專屬入口:通常是位於「加入購物車」區塊附近的一個試穿按鈕,點擊後會開啟互動視窗(modal)或側滑選單(drawer)來進行試穿。

嵌入在產品頁面上的試穿按鈕
嵌入在產品頁面上的試穿按鈕

運作原理

  1. 嵌入(Embed):透過平台注入的腳本(在 Shopify 上,通常是佈景主題的 App Embed)在產品頁面上渲染出試穿按鈕。
  2. 啟動(Launch):點擊按鈕後,會以覆蓋層(overlay)的形式開啟小工具,並將原本的產品頁面保留在底層。
  3. 捕捉(Capture):購物者上傳照片或直接使用相機拍攝。
  4. 結果(Result):顯示渲染後的試穿畫面,通常還會提供切換尺寸、顏色或不同產品的選項。

由於該腳本會在每個產品頁面上載入,為了降低對網頁效能的影響,試穿小工具通常會拆分為一個小型的啟動腳本與延遲載入(lazy-loading)的 UI 介面。

常見問答

為您解答疑問。

使用試穿小工具需要下載應用程式嗎?

不需要。整個體驗完全在商店網頁內的瀏覽器中執行。這也是小工具與需要另外下載 App 的試穿流程最大的不同之處。

相關術語

虛擬試衣間
一種數位體驗,讓消費者在線上購物前,能預覽服飾穿在自己身上的實際效果。
服裝轉換
服裝轉換是將 2D 產品圖上的服裝渲染至人物照片上的 AI 處理過程。
AR 虛擬試穿戴
一種將 3D 產品模型即時疊加到消費者相機畫面上的互動體驗。

在您自己的產品上查看效果。

只需幾分鐘即可在 Shopify 上安裝 Genlook,讓購物者在購買前預覽產品。