商品詳情頁是電商產品訂單轉化的關鍵頁面，也是構造整個產品信息架構閉環(huán)的關鍵節(jié)點，對全站流量的分流引導、訂購達成、提升訂購轉化有著重要的意義。

　　一、商品詳情頁意義

　　1.1 訂購轉化

　　電商所有的一、二信息層級和營銷活動，不管是出于促活、引流，還是拉新的目的，都很難呈現(xiàn)更多的商品信息給用戶，加之用戶對電商產品質量等信任問題普遍存在的情況下，唯有將流量引入可以幫助做購買決策的地方，才能有效地促成訂購，提升轉化。

　　所以商品詳情頁的應用場景之一就是向用戶展示 a.商品具體信息 ，幫助用戶快速了解商品詳情 b. 提供的售后保障、正品信息等服務，消除用戶的購買擔憂 c. 當前存在的優(yōu)惠促銷活動 ，刺激用戶購買欲望 d.以往購買者對商品的評價信息，增加用戶對商品的信任 。 以此循序漸進的引導用戶，從認識、了解商品——信任商品——購買刺激，達到讓用戶收藏、加入購物車或直接購買的目的。

　　1.2 流量分發(fā)

　　如果用戶在了解商品詳情后，依然認為商品不符合要求，很容易導致跳出。如果，商品詳情能根據用戶以往購買習慣、喜好、瀏覽歷史綜合分析，最終精準的為用戶推薦同類商品，就可以將用戶引入其他商品頁面，重復上面所說的場景，既可以有效的分流降低跳出率 構造產品閉環(huán)，又可以提升訂購轉化。

　　二、商品詳情頁面設計

　　據統(tǒng)計，60%的文字信息用戶不會閱讀，而商品詳情頁需要介紹商品是什么、為什么買等需要傳達給用戶的信息，其中文字信息占半壁江山。因此商品詳情頁的頁面設計需要信息層級清晰、可讀性高、扁平化；讓用戶進入商品詳情頁之后，第一屏展示的信息就能讓用戶知道：當前商品的基本信息（什么商品）、有什么優(yōu)惠和促銷活動（刺激用戶購買沖動）。

　　之后便是商品詳情內容和依據數(shù)據分析今準推薦的商品信息。詳情頁面的信息層級基本如此。交互上的設計盡可能讓用戶可快速查看想了解的信息內容，如下滑時頂部即露出tab 切換欄，切換時錨點定位至對應位置。tab切換的頻道通常為商品詳情頁主要信息內容：商品、評價、詳情、推薦

　　根據產品的定位，商品詳情頁呈現(xiàn)的信息也有較大差別，如盒馬生鮮強調商品新鮮、解決一頓飯問題的產品需要讓用戶明確知曉商品送達的時間范圍，所以詳情頁內容也會區(qū)別于一般電商詳情頁。

　　三、商品詳情頁規(guī)則

　　商品詳情頁信息層級如上，但是具體展示什么內容，需要在進入商品詳情頁時判斷，如：當前商品是否有特殊標簽（團購、秒殺等）、商品可參加什么促銷、優(yōu)惠券、售后是否可退可換、商品配送時間和地區(qū)是否有限制等信息。以下就常見的內容介紹規(guī)則（所有規(guī)則可根據產品特性做調整）：

　　3.1 商品主圖信息：

　　a.商品主圖信息包括：短視頻、圖片、全景圖片等，當商品同事具有不同類型的主圖信息時，優(yōu)先順序要確定。

　　b. 主圖信息分頁按鈕，滑動即翻頁，翻至最后一頁時，進入商品詳情頁面

　　c. 商品標簽：根據促銷活動打標，在用戶了解商品基本信息時，增加用戶的關注。如： 限時秒殺、團購、折扣（數(shù)值）等

　　3.2 商品價格

　　a. 價格類型： 比較重要的信息，文字高亮； 劃線價格等輔助價格信息做參照，增加價格對用戶的刺激，如： 當前銷售價、劃線價、跨境綜合稅（跨境商品）

　　b. 價格標簽： 根據產品和商品的特性，可適當露出價格標簽，如會員專享價等; 價格標簽一般在商品價格有對比（最終銷售價格、劃線價格）情況下展示，如果沒有價格對比，不展示標簽

　　3.3 商品庫存信息：庫存緊張、僅剩X件等內容展示;庫存范圍對應展示內容，傳單用戶需要盡快下單的信息

　　3.4 促銷活動、優(yōu)惠券

　　a.系統(tǒng)中商品符合該時間的促銷活動、和優(yōu)惠券，就在對應區(qū)域展示；沒有促銷、優(yōu)惠，該區(qū)域隱藏

　　b.僅登錄用戶可領，未注冊（登錄），則引導用戶注冊（登錄）

　　c. 優(yōu)惠券展示與優(yōu)先規(guī)則： 僅露出部分優(yōu)惠券，全部優(yōu)惠券通過Toast彈窗展示；按照優(yōu)惠額度大小、生效時間等綜合規(guī)則進行排序

　　d .促銷活動排序，按照設置活動時的權重值展示

　　e. 單擊促銷信息，跳轉至符合該促銷活動的商品集合頁面

　　3.5 售后服務標簽

　　如：【正品保障、平臺客服、無理由退換貨/不支持無理由退換貨】 等標簽按照商品屬性展示； 部分商品如跨境商品，一般不提供無理由退換貨服務等

　　3.6 商家店鋪入口露出： 如果商品屬于有店鋪的商家商品，對應露出店鋪入口； 單擊可跳轉至店鋪首頁

　　3.7 商品評價信息：

　　a 評價信息： 總評價數(shù)、評價分類、每類別的評價數(shù)

　　b.評價信息默認展開展示的數(shù)量，評價總數(shù)超過默認數(shù)量；露出查看【更多入口】，單擊查看更多，則進入評價頁面

　　c. 有圖片的評價信息： 其中文字信息最多展示的行數(shù)（2-3行） 圖片默認展示的數(shù)量，單擊則浮層展示評價的全部信息（圖片、分頁表現(xiàn)、評價詳細內容等）

　　3.8 底部標簽欄：

　　底部標簽欄，即主要操作入口，如： 客服、收藏、購物車、加入購物車、立即購買、貨到通知等

　　展示什么標簽欄，視商品而定

　　3.9 推薦商品

　　可為用戶推薦相同品類的商品（當前商品品類、用戶瀏覽過的品牌、用戶喜好等數(shù)據分析），以及類似商品和配套商品的。

　　4.0其他

　　不同平臺、不同商品展示的信息有差異，但不管展示什么內容，都是依據商品即商品相關屬性； 所以商品詳情頁的內容，在進入商品詳情頁時即判斷展示的信息，再根據頁面的設計，在不同區(qū)域分別露出信息內容。

　　最后，商品詳情頁是轉化和分流的重要頁面，不僅僅需要展示基本信息，更重要的是商品詳情頁的營銷策略、推薦分流。好的商品詳情頁，可以讓明確購買目的的用戶，快速決策是否下單購買、或者先收藏；讓不明確購買目的 的用戶可以繼續(xù)逛起來。在設計自己產品商詳頁時，需要根據產品特性、用戶場景針對性規(guī)劃信息架構，最大可能的的提高轉化，構造流程閉環(huán)。