商品詳情頁是電商產品訂單轉化的關鍵頁面，也是構造整個產品信息架構閉環的關鍵節點，對全站流量的分流引導、訂購達成、提升訂購轉化有著重要的意義。
一、商品詳情頁意義
1.1 訂購轉化
電商所有的一、二信息層級和營銷活動，不管是出於促活、引流，還是拉新的目的，都很難呈現更多的商品信息給用戶，加之用戶對電商產品質量等信任問題普遍存在的情況下，唯有將流量引入可以幫助做購買決策的地方，才能有效地促成訂購，提升轉化。
所以商品詳情頁的應用場景之一就是向用戶展示 a.商品具體信息 ，幫助用戶快速瞭解商品詳情 b. 提供的售後保障、正品信息等服務，消除用戶的購買擔憂 c. 當前存在的優惠促銷活動 ，刺激用戶購買慾望 d.以往購買者對商品的評價信息，增加用戶對商品的信任 。 以此循序漸進的引導用戶，從認識、瞭解商品——信任商品——購買刺激，達到讓用戶收藏、加入購物車或直接購買的目的。
1.2 流量分發
如果用戶在瞭解商品詳情後，依然認為商品不符合要求，很容易導致跳出。如果，商品詳情能根據用戶以往購買習慣、喜好、瀏覽歷史綜合分析，最終精準的為用戶推薦同類商品，就可以將用戶引入其他商品頁面，重複上面所說的場景，既可以有效的分流降低跳出率 構造產品閉環，又可以提升訂購轉化。
從以上商品詳情的意義分析，可以羅列出商品詳情頁的信息架構如下：
二、商品詳情頁面設計
據統計，60%的文字信息用戶不會閱讀，而商品詳情頁需要介紹商品是什麼、為什麼買等需要傳達給用戶的信息，其中文字信息佔半壁江山。因此商品詳情頁的頁面設計需要信息層級清晰、可讀性高、扁平化；讓用戶進入商品詳情頁之後，第一屏展示的信息就能讓用戶知道：當前商品的基本信息（什麼商品）、有什麼優惠和促銷活動（刺激用戶購買衝動），參考如下：
以上信息可以讓用戶瞭解商品和當前購買優惠，用戶在此基礎上要下單購買還需要了解更多信息，如商品的規格尺寸、顏色，商品退換貨規則；其他買家對商品的評價如何，在用戶瞭解商品基礎信息後，繼續瀏覽時即呈現該部分內容，也就是在第一屏之後即呈現，參考如下：
之後便是商品詳情內容和依據數據分析今準推薦的商品信息。詳情頁面的信息層級基本如此。交互上的設計儘可能讓用戶可快速查看想了解的信息內容，如下滑時頂部即露出tab 切換欄，切換時錨點定位至對應位置。tab切換的頻道通常為商品詳情頁主要信息內容：商品、評價、詳情、推薦
根據產品的定位，商品詳情頁呈現的信息也有較大差別，如盒馬生鮮強調商品新鮮、解決一頓飯問題的產品需要讓用戶明確知曉商品送達的時間範圍，所以詳情頁內容也會區別於一般電商詳情頁。
三、商品詳情頁規則
商品詳情頁信息層級如上，但是具體展示什麼內容，需要在進入商品詳情頁時判斷，如：當前商品是否有特殊標籤（團購、秒殺等）、商品可參加什麼促銷、優惠券、售後是否可退可換、商品配送時間和地區是否有限制等信息。以下就常見的內容介紹規則（所有規則可根據產品特性做調整）：
3.1 商品主圖信息：
a.商品主圖信息包括：短視頻、圖片、全景圖片等，當商品同事具有不同類型的主圖信息時，優先順序要確定。
b. 主圖信息分頁按鈕，滑動即翻頁，翻至最後一頁時，進入商品詳情頁面
c. 商品標籤：根據促銷活動打標，在用戶瞭解商品基本信息時，增加用戶的關注。如： 限時秒殺、團購、折扣（數值）等
3.2 商品價格
a. 價格類型： 比較重要的信息，文字高亮； 劃線價格等輔助價格信息做參照，增加價格對用戶的刺激，如： 當前銷售價、劃線價、跨境綜合稅（跨境商品）
b. 價格標籤： 根據產品和商品的特性，可適當露出價格標籤，如會員專享價等; 價格標籤一般在商品價格有對比（最終銷售價格、劃線價格）情況下展示，如果沒有價格對比，不展示標籤
3.3 商品庫存信息：庫存緊張、僅剩X件等內容展示;庫存範圍對應展示內容，傳單用戶需要儘快下單的信息
3.4 促銷活動、優惠券
a.系統中商品符合該時間的促銷活動、和優惠券，就在對應區域展示；沒有促銷、優惠，該區域隱藏
b.僅登錄用戶可領，未註冊（登錄），則引導用戶註冊（登錄）
c. 優惠券展示與優先規則： 僅露出部分優惠券，全部優惠券通過Toast彈窗展示；按照優惠額度大小、生效時間等綜合規則進行排序
d .促銷活動排序，按照設置活動時的權重值展示
e. 單擊促銷信息，跳轉至符合該促銷活動的商品集合頁面
3.5 售後服務標籤
如：【正品保障、平臺客服、無理由退換貨/不支持無理由退換貨】 等標籤按照商品屬性展示； 部分商品如跨境商品，一般不提供無理由退換貨服務等
3.6 商家店鋪入口露出： 如果商品屬於有店鋪的商家商品，對應露出店鋪入口； 單擊可跳轉至店鋪首頁
3.7 商品評價信息：
a 評價信息： 總評價數、評價分類、每類別的評價數
b.評價信息默認展開展示的數量，評價總數超過默認數量；露出查看【更多入口】，單擊查看更多，則進入評價頁面
c. 有圖片的評價信息： 其中文字信息最多展示的行數（2-3行） 圖片默認展示的數量，單擊則浮層展示評價的全部信息（圖片、分頁表現、評價詳細內容等）
3.8 底部標籤欄：
底部標籤欄，即主要操作入口，如： 客服、收藏、購物車、加入購物車、立即購買、貨到通知等
展示什麼標籤欄，視商品而定
3.9 推薦商品
可為用戶推薦相同品類的商品（當前商品品類、用戶瀏覽過的品牌、用戶喜好等數據分析），以及類似商品和配套商品的。
4.0其他
不同平臺、不同商品展示的信息有差異，但不管展示什麼內容，都是依據商品即商品相關屬性； 所以商品詳情頁的內容，在進入商品詳情頁時即判斷展示的信息，再根據頁面的設計，在不同區域分別露出信息內容。
最後，商品詳情頁是轉化和分流的重要頁面，不僅僅需要展示基本信息，更重要的是商品詳情頁的營銷策略、推薦分流。好的商品詳情頁，可以讓明確購買目的的用戶，快速決策是否下單購買、或者先收藏；讓不明確購買目的 的用戶可以繼續逛起來。在設計自己產品商詳頁時，需要根據產品特性、用戶場景針對性規劃信息架構，最大可能的的提高轉化，構造流程閉環。
閱讀更多 Marketing聯盟 的文章
