正文

電商詳情頁設(shè)計(jì)教程（電商詳情頁設(shè)計(jì)教程怎么做）

發(fā)布時間：2023-04-13 11:34:00 稿源：創(chuàng)意嶺閱讀： 84

大家好！今天讓小編來大家介紹下關(guān)于電商詳情頁設(shè)計(jì)教程的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、電商詳情頁包含哪些要素?
2、電商首頁、詳情頁內(nèi)容設(shè)計(jì)
3、word可否制作商品詳情頁微商城
4、淘寶的手機(jī)詳情頁怎么制作

電商詳情頁設(shè)計(jì)教程（電商詳情頁設(shè)計(jì)教程怎么做）

一、電商詳情頁包含哪些要素?

1、品牌要素

這不單單是指商品其中的某個品牌，而是指在商品詳情頁中，所要展示出的品牌特性，包括商家的信譽(yù)水平、商家認(rèn)證資質(zhì)、服務(wù)評價及評分狀況、商品品質(zhì)。

2、商品要素

包括商品的標(biāo)題、商品圖片、規(guī)格參數(shù)價格、庫存、功效、工藝、品牌、品質(zhì)、使用場景等。詳情頁設(shè)計(jì)過程中的核心要素便是商品要素，通過展示商品要素的詳細(xì)信息，可以向消費(fèi)者傳遞商品的價值性。

3、服務(wù)要素

與商品要素緊密相關(guān)，商品詳情頁必不可少的部分，服務(wù)至上是建立消費(fèi)購物信任度的關(guān)鍵。無論是實(shí)物類商品還是虛擬商品，在電商平臺的銷售過程中，都必須附帶上豐富的、高質(zhì)量的銷售服務(wù)，通過讓消費(fèi)者感知銷售服務(wù)的質(zhì)量水平和便捷性，進(jìn)步提升消費(fèi)者購買商品的決策信心。

4、營銷要素

主要是指商品的促銷活動與優(yōu)惠政策，以及商品的各類關(guān)聯(lián)推薦等營銷元素。,常見的營銷要素包括促銷信息、促銷標(biāo)簽、優(yōu)惠信息、返利、獎勵、贈品等。

5、互動要素

主要是指在商品詳情頁的瀏覽過程中，提供給消費(fèi)者進(jìn)行人機(jī)互動操作的功能元素。

二、電商首頁、詳情頁內(nèi)容設(shè)計(jì)

入職至今的核心工作，基本是圍繞網(wǎng)站頁面優(yōu)化展開，具體來說是網(wǎng)站的首頁和商品詳情頁。在項(xiàng)目過程中，也進(jìn)行了不同電商網(wǎng)站首頁和詳情頁的內(nèi)容設(shè)計(jì)探索調(diào)研，一點(diǎn)總結(jié)分享給大家。

根據(jù)馬斯洛需求層次理論，人的需求可以按照生理需求、安全需求、社會需求、尊重需求、自我實(shí)現(xiàn)依次遞進(jìn)。生理需求泛指基本的生存需求，吃穿住行都可以歸納進(jìn)來；安全需求指的是人身安全、健康保障、財(cái)產(chǎn)安全、工作等；到最后一級的自我實(shí)現(xiàn)，則已經(jīng)上升到了精神的層次，帶頭作用、價值觀、領(lǐng)導(dǎo)力等等，所以，電商可以滿足這其中的哪些需求呢？

從廣義角度來講，一切可以在網(wǎng)絡(luò)上進(jìn)行交易的業(yè)務(wù)都可以歸到電商的范疇，并且電商發(fā)展至今，模式形態(tài)已然非常豐富，包括o2o、新零售等概念在內(nèi)，最終的交易環(huán)節(jié)可能提前可能置后，可能在線上也可能在線下，但都離不開讓商品更高效得觸達(dá)用戶。上述這些用戶需求，或多或少都可以通過物質(zhì)得到滿足，無論是實(shí)物還是虛擬資產(chǎn)，因而可以說，電商的業(yè)務(wù)范疇可以涵蓋用戶所有層次的需求，或深或淺。舉個例子，人們生存于世，需要一個能遮風(fēng)避雨的住所，這個住所首先滿足了人們的生理需求，能住；其次，如果這是一套安全設(shè)施完備的房子，甚至還能增值，則可以滿足人們的安全需求，包括生理和財(cái)產(chǎn)；再進(jìn)一步，如果這套房子是坐落于市中心的別墅，價值不菲，那么它在一定程度上也能體現(xiàn)主人的實(shí)力，可以滿足一定的尊重需求；甚至因?yàn)檫@套房子價值太不菲了，已然成為了主人實(shí)力的象征，那么自我實(shí)現(xiàn)也可以通過這套房子有一定體現(xiàn)。針對這套房子，從找房到最終交易，都可以通過電商實(shí)現(xiàn)。

所以，電商的業(yè)務(wù)范疇，可以涵蓋人們有關(guān)物質(zhì)，不論虛擬還是實(shí)物，所有的需求。

電商的業(yè)務(wù)范疇如此之廣，詳盡研究的話是一項(xiàng)浩大的工程。在這里筆者只就綜合類電商（淘寶、京東等）、生活服務(wù)類（美團(tuán)、大眾點(diǎn)評、每日優(yōu)鮮、京東到家、去哪兒等）、大宗商品類（鏈家、瓜子二手車等）進(jìn)行展開討論。

對于綜合類電商，用戶需求場景基本可以分為：

1、有明確的需求：朋友家的那款冰箱不錯，我也想買；

2、有品類的需求：我想買冰箱、我想買海爾的冰箱（只要沒具體到某一個商品）；

3、閑逛類需求：我就想逛逛；

綜合類電商的商品概念等同于一個大型的購物商場，內(nèi)容非常豐富。有的用戶需求明確，有的用戶想逛一逛碰碰眼緣，而用戶決策的考量范圍也比較廣：合不合眼緣、品質(zhì)如何、價格如何、評價如何、物流速度怎樣···當(dāng)然每種考量因素的權(quán)重根據(jù)不同商品會有所區(qū)別。

對于生活服務(wù)類電商，需求場景可能是：

1、有明確需求：昨天在朋友家吃的xxx不錯，我也買點(diǎn)兒做一做；那款旅行產(chǎn)品的評價很好，我也想買一個體驗(yàn)一下；

2、有品類需求：我想買菜、我想去旅游；

生活服務(wù)類電商再細(xì)分下來，可以是快消類（生鮮蔬果等）和旅行團(tuán)購類（旅行產(chǎn)品、團(tuán)購服務(wù)等）?？煜悈^(qū)別于綜合類電商的一個重要場景因素是，用戶更注重交易的實(shí)效性，并且很多是基于地理位置的交易。你可以等一件衣服等3天，但不能等一斤午飯需要的蔬菜等3天，以及考慮到運(yùn)費(fèi)，顯然家門口的店比另一個城區(qū)的店更合適。而旅行團(tuán)購類商品，用戶往往更看重評價。

對于大宗商品類電商，需求場景可能是：

1、有明確需求：我想買一輛不超過10萬的奧迪a6、我想買一套一室一廳南北通透不超過100萬的房子；

2、有品類需求：我想買一輛還不錯的車、我想買一套還不錯的房子；

大宗類商品涉及的交易金額一般比較大，各種手續(xù)相對復(fù)雜，用戶往往更看重品質(zhì)和服務(wù)。像房子、車子這種，網(wǎng)絡(luò)上的圖片和文字信息略顯單薄，基本需要實(shí)地“驗(yàn)貨”，當(dāng)然，隨著各種新技術(shù)如全景、3d、ar、vr逐漸發(fā)展成熟，讓用戶在網(wǎng)絡(luò)上即可“身臨其境”，并且能下購買決策，也不是不可能。

在上述這些需求分類里面，明確的需求和品類的需求，需要針對不同業(yè)務(wù)場景具體探討，大致是根據(jù)用戶選擇條件的顆粒度來進(jìn)行歸類。而閑逛類需求，基本只會發(fā)生在綜合類電商中，因?yàn)楫?dāng)人們來到具體到某一品類的電商形態(tài)中時，必然是已經(jīng)有某種購買需求的。

用戶行為路徑的詳盡分析，需要具體到每一種電商形態(tài)中具體探討。整體而言，可以從新用戶、需求明確、品類需求、閑逛需求來進(jìn)行劃分，具體如下：

根據(jù)用戶的行為路徑特點(diǎn)，可以得出電商首頁、詳情頁的頁面目標(biāo)：

1、首頁：確認(rèn)用戶目標(biāo)位置，促進(jìn)快速向下轉(zhuǎn)化；沒有目標(biāo)時，創(chuàng)造目標(biāo)；

2、詳情頁：確認(rèn)用戶對當(dāng)前商品的意向值，促進(jìn)決策；沒有意向時，拓展意向；

首頁需要完成流量的精準(zhǔn)分發(fā)，針對當(dāng)前用戶的需求，引導(dǎo)至相應(yīng)的下一級頁面；詳情頁，則需要詳盡且易讀得展示當(dāng)前商品的內(nèi)容，促進(jìn)用戶完成決策。先具體說說首頁內(nèi)容設(shè)計(jì)，拿大宗二手商品舉個例子吧，受品類等實(shí)際情況所限，能來到首頁的用戶，基本是有需求的用戶，可是該用戶想要什么呢？

分為兩種情況，在用戶需求比較明確的情況下，直接給一個搜索-篩選入口即可，當(dāng)然結(jié)果的展示策略會比較復(fù)雜，需要考量用戶行為、商品自身品質(zhì)等，并且是按照sku維度還是按照spu維度進(jìn)行展示，也是一個需要考慮清楚的問題。二手商品并非標(biāo)品，貌似天然是sku維度，但是當(dāng)一名用戶想花10萬元選一輛車時，是推一堆大眾出來，還是將品牌聚合起來，展示出不同品牌呢？這里還涉及到用戶路徑深度的問題，電商都有一個漏斗原理，用戶路徑越長，流失率越高，怎樣兼顧這幾類因素，給到用戶最合理的展示策略，是需要分情況具體討論的。

而對于需求不明確的用戶，此時在推薦展示策略方面，可能是最熱門的服務(wù)內(nèi)容、品類標(biāo)簽展示，因?yàn)闊衢T可能等于80%的用戶需求；對于老用戶，則是根據(jù)用戶瀏覽、收藏等行為圈出來的服務(wù)、商品露出，這是定量的精確的觸達(dá)。用戶在首頁找到下一級出口時，就需要一個包含更詳盡內(nèi)容的頁面來承接，大概率是某一類商品的聚合頁，甚至可能是商品詳情頁，總之是接得住入口指向的頁面。

對于平臺服務(wù)繁多的情況，比如阿里、京東等，業(yè)務(wù)內(nèi)容十分豐富且復(fù)雜，大家都想占據(jù)一個有利的流量入口，那么怎樣決定業(yè)務(wù)露出的優(yōu)先級呢？基本是兩條腿走路：用戶偏好和戰(zhàn)略推動。用戶偏好即上述的根據(jù)用戶行為計(jì)算出的展示策略；而戰(zhàn)略推動，則是指公司重點(diǎn)推進(jìn)的服務(wù)內(nèi)容，這個不倚靠用戶的選擇，在推動業(yè)務(wù)時期，必然是強(qiáng)行推到用戶面前的選擇。

至于具體展現(xiàn)形式，如下圖所示，內(nèi)容雖然千千萬，但核心就是盡可能貼合用戶真實(shí)需求。

再來說說詳情頁的內(nèi)容設(shè)計(jì)。電商的商品詳情頁是提袋轉(zhuǎn)化的最后一環(huán)，是用戶黃金購買流程中最重要的頁面，直接決定用戶買不買這件商品（對于大宗商品，可能是肯不肯花時間去實(shí)地看），因此各家的商品詳情頁基本都是商品信息的堆積呈現(xiàn)，通過不同展示手段（圖片、視頻、圖文等）展現(xiàn)商品，通過不同的排列組合手段，提高用戶瀏覽效率，也會結(jié)合營銷、服務(wù)內(nèi)容，促進(jìn)用戶決策，最后還會提供流量出口，促進(jìn)用戶再看、多看。

對于頁面具體的內(nèi)容展示策略，這里就不展開討論了，本質(zhì)還是需要跟業(yè)務(wù)定位相結(jié)合，才能打造出真正貼合用戶需求的產(chǎn)品。

首頁作為流量分發(fā)的首要頁面、詳情頁作為流量轉(zhuǎn)化的最后一環(huán)，重要性自不必說。各家在研究首頁、詳情頁應(yīng)該怎樣滿足用戶需求、業(yè)務(wù)需求時，需要根據(jù)公司戰(zhàn)略和用戶的顯性、隱性需求進(jìn)行系統(tǒng)化的適配，以此來取得平衡。像電商這種起家就是商業(yè)變現(xiàn)的產(chǎn)品，怎樣平衡用戶需求和業(yè)務(wù)需求也是一個被反復(fù)探討的命題，好在隨著技術(shù)的發(fā)展，這兩者已經(jīng)從相對對立轉(zhuǎn)變成相輔相承了，前提是頁面需要活起來，這個入口究竟加不加，你不知道我也不知道，但是用戶知道，根據(jù)用戶的行為反饋選擇性展示，用戶需要時就出現(xiàn)，不需要時硬懟也沒有意義，不斷的測試加數(shù)據(jù)分析，可以解決80%的爭議。

emmm這段又扯到數(shù)據(jù)產(chǎn)品的話題了，還不太熟，暫且到此吧。

三、word可否制作商品詳情頁微商城

第一步，打開網(wǎng)站點(diǎn)擊右上角的注冊，創(chuàng)建一個帳號并登錄。

第二步，點(diǎn)擊左側(cè)的--添加公眾號，或者上方的添加，填寫里面的參數(shù)，行末的圖片里是具體教程，填完后保存。

第三步，點(diǎn)擊API接口，復(fù)制2條紅色的鏈接到公眾平臺的開發(fā)者中心，頁面內(nèi)是具體的步驟，可參照一下，關(guān)鍵是要啟用配置。

第四步，點(diǎn)擊功能管理，進(jìn)到后臺頁面。

第五步，點(diǎn)擊左側(cè)-->微電商，會看到有12項(xiàng)相關(guān)的操作模塊，首先點(diǎn)擊-->微信商城“系”統(tǒng)--商城回復(fù)配置，填寫里面的內(nèi)容，最后一項(xiàng)空著。

第六步，點(diǎn)擊-->商城模版選擇，勾選需要的地方，選擇模版和底部導(dǎo)航（類似微官網(wǎng)導(dǎo)航），完善以后點(diǎn)擊保存。

第七步，點(diǎn)擊-->首頁幻燈片，或者是-->輪播背景圖，根據(jù)選擇的模版上“傳”對應(yīng)的圖（二選一）。

第八步，點(diǎn)擊-->商品分類管理-->新增分類，填寫里面的參數(shù)，其中規(guī)格和外觀是自定義項(xiàng)，可以不填，保存后再繼續(xù)添加新的。

第九步，點(diǎn)擊-->子分類列表-->新增分類，填寫里面的參數(shù)，方法如上。也是保存后再添加新的，可以多次填加。

第十步，點(diǎn)擊-->商品管理-->添加商品，完善里面參數(shù)。