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

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

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

二、我們可以把詳情頁(yè)的必要部分分作五大類(lèi)別

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

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

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

三、詳情頁(yè)的表述要遵從以下五感

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

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

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

四、商品詳情頁(yè)包括哪些信息

1. 首屏海報(bào)

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

2. 場(chǎng)景圖

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

3. 賣(mài)點(diǎn)圖

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

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

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

五、商品詳情頁(yè)需要注意哪些問(wèn)題

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

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

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

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

他們關(guān)注詳情頁(yè)的哪些內(nèi)容？他們的購(gòu)物心理過(guò)程是怎樣的？我舉個(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í)際情況是否與賣(mài)家介紹得相符（是否正品？有無(wú)色差？尺碼是否偏差）？

關(guān)注點(diǎn)：寶貝品牌、寶貝銷(xiāo)量、買(mǎi)家評(píng)論。

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

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

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

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

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

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

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

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

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

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

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

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

八、巧用FABE法則

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

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

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

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

1. 簡(jiǎn)單明了

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

2. 賣(mài)點(diǎn)清晰

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

3. 宣傳海報(bào)

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

4. 關(guān)聯(lián)營(yíng)銷(xiāo)

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

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

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

6. 產(chǎn)品屬性

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

7. 對(duì)比圖

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

8. 購(gòu)物須知

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

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

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

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

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