官網體檢報告

Cyberbiz 商品評論功能——已開通、獎勵已設，不用再動後台

現況（後台實查＋前台無頭瀏覽器渲染確認）：功能已開通，前台評論區正常運作（發表評論、評價分佈、星級篩選都在；純文字抓取看到的「留言系統載入中」只是 JavaScript 載入前的佔位文字，顧客實際看得到完整評論區）。

獎勵已設定且開啟中：後台「審核後贈送」→ 優惠券「評價商品拿優惠券！」$50、零門檻、每帳號限 1 次、領後 30 天內有效。官網選單也已掛「留下商品評論！拿優惠券！」介紹頁（/pages/product-feedback）。

真正的缺口（v3 數據更正）：全站已審核評論 199 筆、140 個商品（admin API 完整撈取；先前「6 筆」是留言板列表只看第一頁的誤讀）。機制在、誘因在、評論也在——缺的純粹是「呈現」：評論藏在頁底、列表頁與標題旁完全看不到星等。此缺口已於 2026-06-11 以三件自製工程補上（見 02-3）。

後台管理路徑（審核新評論用）：

限制：顧客須登入會員才能留評——這意味著主動邀評的對象應是已有帳號的回購客，而不是一次性訪客。

沒有大量評價的小品牌，如何建立第一批信任

第一步：主動邀近 30 位回購客留評（本週可做，含可直接複製的訊息）

• 目標：已購買且曾主動回饋過（IG 留言/TG/LINE 表示滿意）的顧客，優先邀請；主力褲款的買家排最前面（褲款目前 0 評論、又是試穿焦慮最高的品類）。
• 時機：收到商品後 7–14 天傳，購買記憶還新鮮、穿了有感受才能寫出有說服力的評論。
• LINE@ 訊息模板（可直接複製，再依顧客微調）：

• 為什麼訊息裡要點名「合身度／尺寸／材質」：引導出來的評論才有資訊量，新客看了才有用。「很好看謝謝」這種評論對轉換沒幫助。
• 數量感：30 位裡若 1/3 留評，全站評論就從 6 筆變 16 筆；集中邀同款買家，單款破 5 筆就有「這款很多人買」的訊號。

第二步：把已設好的「評論送 $50 券」說出去（機制在、但顧客不知道）

• 後台獎勵已上線（留評審核通過自動發 $50 券）、選單也有介紹頁——但出貨流程和 IG 都沒提到它，等於白設。
• 具體做法：① 出貨通知訊息固定加一行「收到後留下評論，送 $50 購物金」 ② IG 限動每週固定一則「評論送購物金」並導到介紹頁 ③ 若有印包裹小卡的計畫，加一行同樣文字＋QR code 連到 /pages/product-feedback。
• 注意：Cyberbiz 沒有 IG 留言自動偵測（已查證）；IG 上收到的口碑，請顧客移到商品頁評論區留才算數（可回覆她「移過去商品頁留，系統會自動送 $50」）。

第三步：IG 顧客心得截圖用在商品描述區

• 商品描述（CKEDITOR）可嵌入 HTML，包括圖片。把顧客 IG 截圖（經授權）放進商品描述下方，做成視覺式心得區塊。
• 這不是平台功能，是 Kim 自己可控的版位——商品描述的 HTML 欄位支援圖片插入。
• 適合銷量較高的主力商品（九分褲、直筒丹寧褲）優先做。

第四步：長期——讓評論自動滾動

• 「留評自動贈 $50 優惠券」已設定並開啟（實查確認），這步不用再做，缺的只是讓顧客知道（見第二步）。
• 串上首購贈點機制：首購贈 100 點（已上線）→ 收貨後留評再拿 $50 券（效期 30 天）→ 兩個誘因都推向 30 天內回購。機制端已全部就位。

評論在頁面上怎麼呈現：4 個做法（按見效快慢排）

做法一：星級徽章掛到商品名稱旁——已上線（2026-06-11，Kim 授權後實作）

• 實查發現：官網版型呼叫評論系統時已經設定好星級徽章的掛載點名稱（board-comments-rating-badge），但商品頁版型裡沒有放這個元素，所以徽章從來沒顯示過——等於功能寫好了、插座沒插。
• 補上之後的效果：商品名稱旁出現「★ 平均分數（N 則評論）」、點了直接跳到評論區；還沒有評論的商品會改顯示「留下評論」的引導連結（評論系統程式內建這兩種狀態，已從程式碼確認）。
• 已上線並實測通過（2026-06-11）實測結果：有評論的商品（Boxy tee）標題下顯示「星星×5＋1 則評論」、點擊跳評論區；零評論商品（亞麻長褲）顯示「發表評論」引導連結。桌機/手機排版皆正常、無 JS 錯誤、加入購物車等功能不受影響。
• 實作方式：product.liquid（樣板編輯器）加一段防禦性 JS（全包 try/catch，任何失敗都靜默、不影響頁面），頁面載入時把掛載元素插到商品標題後，平台評論系統自動認掛載點渲染。改動前原始版型已備份（backups/product_liquid_before_badge_20260611.liquid），編輯器內建「查看之前版本」也可一鍵回復。

做法二：精選評價卡（最終版，2026-06-11 三輪迭代定案）

• 已上線並實測通過定案做法（Kim 提的方向）：評論系統 widget 留在原本頁底不動，購買區正下方放自製「顧客評價」卡——細線框極簡風（星級＋分數＋一句真實評論＋「查看全部評論」連到頁底完整評論區），與品牌調性一致。
• 迭代過程：v1 把整個 widget 搬到「這樣搭」前→Kim 反映無感（量測：商品描述佔手機整頁 78%，搬描述後面等於沒搬）；v2 搬到購買區下→原生樣式（紅藍按鈕、大評分分佈圖）與品牌調性衝突；v3 定案＝widget 回原位＋自製卡。
• 自動化：卡片內容從評論系統即時抓（分數、則數、第一則評論文字），新評論進來自動更新；零評論商品卡片自動隱藏，不出現空框。失敗靜默、不影響頁面。
• 各階段版型備份齊（backups/，五個版本），編輯器「查看之前版本」可一鍵回復。

做法三：精選評論直接嵌進商品描述（今天就能做、不用等任何功能）

• 商品描述支援 HTML，把最有說服力的 1–2 則真實回饋做成卡片放在描述末尾、規格說明之前。模板（CKEDITOR 切「原始碼」貼上，文字換成真實回饋）：

• 鐵則：內容必須是真實顧客說過的話（IG 私訊/留言/LINE 回饋皆可）且取得同意，姓名遮蔽比照後台慣例（陳○○）。不可杜撰——被抓到一次信任全毀。
• 優先做銷量最高的 2–3 款褲（試穿焦慮最高、目前 0 評論的品類）。
• 待確認描述內嵌圖片的上傳路徑（純文字卡片不需圖片、可直接用；要放 IG 截圖才需確認媒體庫連結方式）。

做法五：列表頁星等自製模組——已上線（2026-06-11，Kim 反映一年平台未做、自建解決）

• 已上線並實測通過所有商品/分類/搜尋列表頁，商品價格下方顯示「★★★★★ (則數)」，效果同 Cyberbiz 官方文件展示的列表頁星等。
• 架構：本機排程每日 11:20 自動同步——評論系統 admin API 撈已審核評論 → 算每商品平均星等/則數 → 寫進佈景片段 → 列表頁 JS 渲染（防禦性寫法，資料壞了就不顯示、不影響頁面）。失敗會 TG 通知。
• 與官方原生的差別只有「每日更新 vs 即時」，顧客看不出來；沒評論的商品不顯示星等（不會出現 0 星）。
• 維運：腳本 amesoeur-analyst/scripts/sync_review_stats.py，排程「AmeSoeur Review Stats Sync」；要下架此功能＝刪三個列表版型裡的一行 include，5 分鐘可回復。

做法四：首頁加「顧客回饋」區塊

• 用首頁版型的圖文區塊放 3 則精選回饋（文字卡或經同意的 IG 截圖），點擊連到「留下商品評論！拿優惠券！」介紹頁——同時做信任展示和留評引導。
• 首頁公告列已被「首購贈 100 點」占用（保持，別換掉），所以回饋區塊放在商品輪播之後的位置。
• 已查證首頁由「網站設定」可視化編輯器組區塊（就是 Kim 設首購公告列的同一個介面），新增區塊型態以編輯器內清單為準——Kim 點開「套版主題管理 → 網站設定」即可選，要選哪種型態我可以一起看。

其他信任元素現況