編輯導(dǎo)語：商品詳情頁對于產(chǎn)品來說十分重要，本篇文章作者分享了商品詳情頁的設(shè)計(jì)邏輯，從多個(gè)方面介紹了商品詳情頁的設(shè)計(jì)要求和思路等，一起來看一下，希望對你有幫助。

一、商品詳情頁的定義與價(jià)值

產(chǎn)品詳情頁是提高轉(zhuǎn)化率的入口，它能激發(fā)顧客的消費(fèi)欲望，樹立信任感，打消顧客的消費(fèi)疑慮，促使顧客下單，同時(shí)可以傳達(dá)企業(yè)品牌信息，完成從流量到有效流量再到忠實(shí)流量的一個(gè)轉(zhuǎn)化。

二、我們可以把詳情頁的必要部分分作五大類別

1. 商品展示類：色彩、細(xì)節(jié)、優(yōu)點(diǎn)、賣點(diǎn)、包裝、搭配效果。
2. 吸引購買類：賣點(diǎn)打動、情感打動、買家評價(jià)、熱銷盛況。
3. 促銷說明類：熱銷產(chǎn)品、搭配產(chǎn)品、促銷產(chǎn)品、優(yōu)惠方式。
4. 實(shí)力展示類：品牌、榮譽(yù)、資質(zhì)、銷量、生產(chǎn)、倉儲。
5. 交易說明類：購買、付款收貨驗(yàn)貨退換貨保修。

依靠這五大類我可以很好的把商品詳情頁的所有東西都展現(xiàn)出來，來塑造商品獨(dú)特的屬性，達(dá)到一個(gè)商品轉(zhuǎn)化的效果。

那么我們知道了商品詳情頁的必要部分之后我們來詳細(xì)講解一下商品的表述要從哪幾方面來看

三、詳情頁的表述要遵從以下五感

1. 真實(shí)感：真實(shí)再現(xiàn)產(chǎn)品原貌，不同角度。
2. 邏輯感：根據(jù)買家需求部署和展開買點(diǎn)的陳列，達(dá)到層層打動，達(dá)成購買。
3. 親切感：針對目標(biāo)消費(fèi)者的特性進(jìn)行文案、圖像的風(fēng)格設(shè)定，親切、貼近。
4. 對話感：網(wǎng)店的銷售過程中產(chǎn)品介紹是靠文字圖片的描述完成的,作為虛擬的營業(yè)員描述要有對話感，用對話的邏輯展開。
5. 氛圍感：產(chǎn)品中的銷售氛圍營造和實(shí)體店一樣重要，形成很多人購買的氣氛，讓買家因從眾心理而決定購買。

總結(jié)：設(shè)計(jì)產(chǎn)品詳情頁之前要充分進(jìn)行市場調(diào)查，同行業(yè)調(diào)查，規(guī)避同款。同時(shí)也要做好消費(fèi)者調(diào)查，分析消費(fèi)者人群，分析消費(fèi)者的消費(fèi)能力，消費(fèi)的喜好，以及顧客購買所在意的問題等。

那么大家都知道商品的詳情頁是給消費(fèi)者們更好的看到商品的樣子，商家會在此頁面里面進(jìn)行商品的介紹，消費(fèi)者通過查看詳情頁了解商品的內(nèi)容，然后決定是否購買，那么商品詳情頁包括哪些信息？

四、商品詳情頁包括哪些信息

1. 首屏海報(bào)

首屏海報(bào)可以設(shè)置店鋪營銷圖片，把店鋪主推款放到這里。因?yàn)樵谧钋懊妫援?dāng)買家點(diǎn)擊進(jìn)入的時(shí)候就能讓人第一眼就看到。不管是人還是什么，第一印象都特別的重要。所以首屏海報(bào)一點(diǎn)要有自己鮮明的亮點(diǎn)。

2. 場景圖

場景圖就是模特帶上背景，像這張圖就是場景圖了，場景圖可以融入環(huán)境，代入感特別強(qiáng)。只有當(dāng)客戶產(chǎn)生了代入感，才會有強(qiáng)烈的購物欲望。

3. 賣點(diǎn)圖

賣點(diǎn)圖就是產(chǎn)品優(yōu)勢，選擇做一款產(chǎn)品首先就要了解產(chǎn)品的優(yōu)勢，然后在賣點(diǎn)圖上面，把優(yōu)勢體現(xiàn)出來。因?yàn)椴恢庇^的通過這種方式表達(dá)出來，買家也了解不到產(chǎn)品的優(yōu)勢在哪里，也就更不會購買了。

4. 產(chǎn)品規(guī)格尺碼表

產(chǎn)品規(guī)格尺碼表也是非常的重要的。畢竟現(xiàn)在買家購物多半是靜默下單，喜歡自己買自己的。他是不跟您多說話的，他就看您的詳情，看的好他就買了，放上規(guī)格尺碼表，就方便買家自己查看。

五、商品詳情頁需要注意哪些問題

如果是服飾類目的商品的話，那么這類商品所對應(yīng)的詳情頁圖片最好是能夠從各個(gè)方面展示優(yōu)勢，但其相應(yīng)的數(shù)量也是盡量不要超過20張。畢竟過多的圖片反而會加大消費(fèi)者的審美疲勞，不利于店鋪的轉(zhuǎn)化提升。

然后就是詳情頁制作前后，如何制作是需要商家重點(diǎn)去考慮清楚的。必須要去對商品的各個(gè)方面做好充分的調(diào)查工作，其目的也就是為了更好的避開同款、分析客戶習(xí)慣、喜好、把握痛點(diǎn)等。準(zhǔn)備工作就是對消費(fèi)者做了一個(gè)系統(tǒng)分析，需要對商品進(jìn)行分析，分析出商品的優(yōu)缺點(diǎn)和與眾不同的賣點(diǎn)。

因此商家在制作詳情頁的時(shí)候不要忽略一些小的細(xì)節(jié)，因?yàn)橛袝r(shí)候消費(fèi)者對商品不了解可以在詳情頁中找到答案，所以詳情頁最好是介紹得詳細(xì)一些，最好是配上幾張圖片，這樣會更好。

六、顧客對詳情頁內(nèi)容都有些什么要求

他們關(guān)注詳情頁的哪些內(nèi)容？他們的購物心理過程是怎樣的？我舉個(gè)例子以服裝、數(shù)碼為例：

1）第一眼印象，這件寶貝（風(fēng)格、樣式等）是否喜歡？

關(guān)注點(diǎn)：整體展示（擺拍、模特展示）。

2）細(xì)看，這件寶貝的質(zhì)量好不好？（功能全不全）？

關(guān)注點(diǎn)：細(xì)節(jié)展示、功能展示、品牌展示。

3）這件寶貝是否適合我？

關(guān)注點(diǎn)：功能展示、尺碼規(guī)格。

4）寶貝的實(shí)際情況是否與賣家介紹得相符（是否正品？有無色差？尺碼是否偏差）？

關(guān)注點(diǎn)：寶貝品牌、寶貝銷量、買家評論。

5）想買寶貝了寶貝價(jià)格有沒優(yōu)惠？

關(guān)注點(diǎn)：活動促銷信息（打折、滿減、組合價(jià)、會員價(jià)）、優(yōu)惠信息（是否包郵、有無優(yōu)惠券）。

快節(jié)奏的生活中，用戶沒有耐心去看大篇幅的圖片和文字，因此好的頁面的文案話語，是短小精悍、言簡意賅，讓用戶很快就能了解到他所想了解的產(chǎn)品情況。

七、一款產(chǎn)品詳情頁設(shè)計(jì)思路

1. 詳情頁的四大設(shè)計(jì)板塊

• 商品板塊：包含商品屬性如商品圖、購買說明規(guī)格選擇、價(jià)格優(yōu)惠等。
• 評價(jià)板塊：傳達(dá)給用戶更多的關(guān)于商品的信息，如已用過商品的用戶評價(jià)、如何使用、售后服務(wù)等等感性介紹，從而解答用戶心理的疑問和顧慮。
• 圖文詳情板塊：長度適宜,將用戶需求的關(guān)鍵點(diǎn)和商品的賣點(diǎn)分出重要級之后，讓圖文詳情板塊的前半部分頁面信息突出。
• 推薦板塊：推薦用戶相關(guān)同類產(chǎn)品或者與此頁產(chǎn)品相搭配的其他產(chǎn)品，給用戶更多選擇機(jī)會。

2. 詳情頁五大基礎(chǔ)功能模塊

設(shè)計(jì)客服、收藏、分享、店鋪和立即辦理。注重人機(jī)互動，讓這些工具便捷地出現(xiàn)在用戶視野中，讓其隨時(shí)隨地能基于場景進(jìn)行高頻的互動操作，獲得用戶更有效轉(zhuǎn)化。從用戶與商品的互動操作主題場景來分析，可對互動場景的價(jià)值性進(jìn)行優(yōu)先順序的排列。

• 立即購買：用戶將可以直接進(jìn)入購買確認(rèn)頁面。
• 收藏：用戶可將產(chǎn)品收藏在個(gè)人中心里，在未來的某個(gè)場景下，將有可能進(jìn)行購買。
• 客服：用戶在選擇和購買過程中，任何疑問均可以通過人工介入解答。
• 店鋪：用戶可以直接進(jìn)入店鋪了解和選擇更多的產(chǎn)品。
• 分享：作為對產(chǎn)品有了最直接認(rèn)知的這一類用戶，其主動分享的價(jià)值性要遠(yuǎn)遠(yuǎn)高于通過市場營銷手段去刻意實(shí)現(xiàn)的分享過程。

3. 板塊設(shè)計(jì)風(fēng)格要求

整個(gè)版面做到主題鮮明、簡潔、明確，以優(yōu)美畫面向用戶介紹產(chǎn)品賣點(diǎn)，進(jìn)而吸引有需求用戶的眼球。頁面風(fēng)格簡潔明快，力求達(dá)到表格簡單，色彩搭配協(xié)調(diào)，文字處理人性化，有親切感等。

• 頭圖：頁面最終目的是銷售產(chǎn)品，如果過分強(qiáng)調(diào)畫面的美感，增加圖片視覺的占比，強(qiáng)調(diào)網(wǎng)站設(shè)計(jì)的藝術(shù)性，反而不會收到好的效果。頁面應(yīng)鮮明且不喧賓奪主，讓瀏覽的者能產(chǎn)生深刻的印象。
• 標(biāo)題：清晰合理表述產(chǎn)品的內(nèi)容，突出產(chǎn)品的核心價(jià)值。標(biāo)題語意通順，無亂碼雜質(zhì)。
• 銷量：銷量一定程度上標(biāo)明了產(chǎn)品的受歡迎度，銷量可選擇月銷量、季度銷量或年度銷量，通過銷量讓用戶知道產(chǎn)品的爆款程度。
• 促銷：以價(jià)格優(yōu)惠、捆綁優(yōu)惠進(jìn)一步推動用戶購買欲望，滿足“節(jié)省”或“買到則賺到”心理，提供活動促銷、券碼優(yōu)惠等信息。
• 評價(jià)：提煉好評關(guān)鍵字置頂展示，將客觀好評內(nèi)容排序到評價(jià)前面或積極互動內(nèi)容有意展示，通過用戶評價(jià)內(nèi)容介紹產(chǎn)品更有說服力，更能體現(xiàn)產(chǎn)品滿足用戶真實(shí)需求。
• 圖文：圖片和相配的文案話語。圖片給人的印象深刻，相比文字具有更強(qiáng)的感性認(rèn)知。但如果只關(guān)注圖片，忽視與圖片相配的文案，則不能達(dá)到預(yù)期目的。因?yàn)楫a(chǎn)品的屬性、賣點(diǎn)，以及迎合用戶的情感訴求都需要文案來進(jìn)行說明與闡述。

八、巧用FABE法則

FABE法則是一種非常實(shí)用的營銷法則，通過對FABE的靈活運(yùn)用，我們可以用它來指導(dǎo)詳情頁的設(shè)計(jì)工作，以便取得良好的營銷效果。

FABE是一種非常具體、具有高度、可操作性很強(qiáng)的利益推銷法。利用FABE法則指導(dǎo)詳情頁設(shè)計(jì)，可以構(gòu)筑起一個(gè)大的框架，提供一個(gè)通順合理的設(shè)計(jì)邏輯，從而使詳情頁的觀賞性更高。巧用的利用它能讓你的商品轉(zhuǎn)化率更高。

• Features（特征），產(chǎn)品的基本特征。如:產(chǎn)品名稱、產(chǎn)地、材料工藝等。
• Advantages（優(yōu)點(diǎn)），產(chǎn)品的獨(dú)特之處。如:更大、更厚、更高檔等。
• Benefits（利益），能給消費(fèi)者帶來什么好處。如:舒適、省電等。
• Evidence（證據(jù)），包括技術(shù)報(bào)告、顧客來信、報(bào)刊文章、照片、示范等。

九、好的詳情頁設(shè)計(jì)都具備哪些特點(diǎn)

1. 簡單明了

說白了，詳情頁的作用是告訴顧客，為什么買這個(gè)產(chǎn)品，買了之后效果如何，不管是任何的文案、圖片其實(shí)都是為了這兩個(gè)目的而存在。如果你把詳情頁，搞得太復(fù)雜，沒有任何順序、邏輯，只是一堆圖片的堆積，這樣的詳情頁轉(zhuǎn)化自然不會高。

2. 賣點(diǎn)清晰

很多人會有錯(cuò)誤的認(rèn)識，認(rèn)識圖片只要夠漂亮就行。人們對美的事物都有一種欣賞，但是如果這種美只能讓客戶欣賞而不能打動客戶購買，那么你的圖片也是失敗的。詳情頁的圖片，注重漂亮更要把產(chǎn)品賣點(diǎn)詮釋好?？蛻舨粫?yàn)槠恋膱D片而買單，只因賣點(diǎn)而買單。

3. 宣傳海報(bào)

詳情頁中添加活動的海報(bào)，有利于客戶在進(jìn)入到我們的詳情頁中，就可以很直觀的了解到近期的活動內(nèi)容。

4. 關(guān)聯(lián)營銷

關(guān)聯(lián)營銷一般布局在海報(bào)的下方，設(shè)置關(guān)聯(lián)營銷是為了給客戶更多的產(chǎn)品選擇，不過關(guān)聯(lián)銷售的產(chǎn)品一定要和我們詳情頁的這款產(chǎn)品本身具有關(guān)聯(lián)性。

5. 產(chǎn)品創(chuàng)意海報(bào)

這個(gè)部分主要是抓住顧客眼球，讓我們的產(chǎn)品以更精致的海報(bào)形式，展示在顧客眼前。通常這部分海報(bào)圖為產(chǎn)品全圖，也就是說產(chǎn)品的形態(tài)以及產(chǎn)品的亮點(diǎn)可在這部分內(nèi)容中展示出來。

6. 產(chǎn)品屬性

產(chǎn)品功能、規(guī)格、重量、成分、材質(zhì)，等產(chǎn)品信息。產(chǎn)品屬性一般會以文字和表格的形式展示，一般賣家會把產(chǎn)品信息提前放入到產(chǎn)品的創(chuàng)業(yè)海報(bào)下。

7. 對比圖

有新老款產(chǎn)品對比的，也有和競爭對手對比的。目的在于進(jìn)一步突出產(chǎn)品與其他產(chǎn)品的不同優(yōu)勢。對比圖可以不需要實(shí)拍，可以直接從網(wǎng)絡(luò)中搜索一些相關(guān)素材進(jìn)行制作，已達(dá)到對比的作用。

8. 購物須知

這一部分內(nèi)容主要展示物流內(nèi)容，以及產(chǎn)品退換貨流程等。主要是讓客戶提前了解到購物時(shí)候可能產(chǎn)生的問題以及解決方法，避免因?yàn)槲锪髀a(chǎn)生大量差評。

總結(jié)：所以說一個(gè)好的商品詳情頁能夠提高用戶購買商品轉(zhuǎn)化率，樹立顧客信任感，打消顧客的消費(fèi)疑慮，促使顧客下單，同時(shí)可以傳達(dá)品牌信息，塑造店鋪形象。

我們要確定產(chǎn)品的主要賣點(diǎn)，給產(chǎn)品確立一個(gè)明確的定位，告訴客戶為什么要買你的產(chǎn)品，滿足用戶的需求。

本文由@0.2* 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。