整合電商小工具是將購物網站（電商模組）的商品取出，陳列在首頁或任何頁面上的小工具。只要從新品・熱門・特價・推薦・分類・企劃活動・直接指定中設定基準，商品變動時畫面也會自動更新。在小工具頁面、版面、討論區上方等任何可放置小工具的地方都能使用。

必須已安裝電商模組，且至少有一個購物網站頁面，才會顯示商品。

放置方法

1. 在商店中安裝整合電商小工具。
2. 在小工具頁面（或版面編輯）中選擇新增小工具 > 整合電商小工具。
3. 設定列組成與欄位後儲存。

一個小工具就是畫面上的一列。若要建立多列，放置多個小工具即可。

列組成（預設組合）

選擇如何分割一列。分割出的每一格就是一個欄位，欄位順序由左至右為 1 · 2 · 3 · 4。

列組成	欄位	預設樣式
網格 - 橫向 4 格	1 個	4 件商品並排於一列
網格 - 橫向 3 格	1 個	3 件商品並排於一列
橫向捲動	1 個	左右捲動瀏覽 12 件商品
大卡片 + 網格	2 個	左側 1 張主打商品大卡片，右側 2×2 網格
網格 + 列表	2 個	左側 2×2 網格，右側 5 項直向列表
列表 + 列表	2 個	兩組各 5 項的直向列表
分頁 + 網格	2 個	左側分類分頁，右側 2×2 網格
3 組網格	3 個	三組直向網格
自訂組成	最多 4 個	請參考下方「自訂組成」

若填寫的欄位數大於預設值，就會多出相應的下方列。畫面變窄時，配置會自動改為直向。

欄位設定

為每個欄位設定要顯示什麼、如何顯示。只需填寫列組成所使用的欄位數即可。

項目	說明
購物網站網址	要取得商品的購物網站 mid。留空則使用最先建立的購物網站。也可以為每個欄位指定不同的購物網站
標題	附在欄位上方的標題（例：本週新品）。留空則只顯示商品，不顯示標題
要選出什麼	新品・熱門商品・特價商品・推薦商品・分類・企劃活動・直接指定
對象編號	分類・企劃活動時填寫其編號，直接指定時以逗號分隔填寫商品編號
數量	要陳列的商品數。留空則使用列組成的預設值
形式	僅在自訂組成時使用。從網格・橫向捲動・列表・大卡片・分頁中選擇

選出的基準直接使用電商商品資訊。熱門依銷售量，特價為設有特價的商品，推薦為商品編輯中的推薦標記。

自訂組成

將列組成設為「自訂組成」，即可自由安排比例與形式。

• 自訂組成比例：以 : 分隔填寫欄位寬度。例：50:50、60:40、34:33:33、25:25:25:25
• 在各欄位的形式中選擇網格・橫向捲動・列表・大卡片・分頁。

例如以 60:40 + 欄位 1「橫向捲動（特價商品）」+ 欄位 2「列表（熱門商品）」的方式組合。

共用顯示選項

項目	說明
新品標示時間	登錄後在此時間（以小時為單位）內會加上 NEW 徽章。留空則為 72 小時
價格顯示	是否在卡片上顯示價格
徽章顯示	是否顯示 NEW・折扣率等徽章
售完商品	標示售完後顯示，或完全從列表中排除

須知

• 點選商品卡片會前往該購物網站的商品詳細頁。
• 若為欄位指定不同的購物網站網址，就能在一列中同時陳列多個購物網站的商品。
• 在使用深色佈景主題的版面中，小工具也會一併以深色顯示。