如今說到淘寶詳情頁是用戶來了解產(chǎn)品的途徑之一，很多時候光看視頻，其實，不見得對你的產(chǎn)品有多熟悉，所以，詳情頁也是影響轉化的一個大因素，因此，商家們也會非?？粗卦斍轫摰闹谱?，那淘寶詳情頁如何制作？淘寶詳情頁的設計技巧有哪些?下面來看看吧。

一、淘寶詳情頁如何制作？

1、優(yōu)惠圖，產(chǎn)品在搞活動，那詳情頁的開始就要展示套裝，放個優(yōu)惠套裝和活動，讓客戶一進來就能看到，吸引關注，讓其在最短的時內下單。如果套裝放在詳情頁的最后，那客還沒瀏覽到詳情頁的最后，就退出了，這樣就損失了潛在客戶。

優(yōu)惠內容應該圖文結合，為了突出活動商品的優(yōu)惠，標價一定要標原價，然后劃掉，在旁邊寫活動價，這樣就能吸引客戶。

2、場景圖，詳情頁的制作，需要放置的內容還有場景圖，展示的就是產(chǎn)品在不同場景的使用情況。這部分主要展示的就是整圖，給銷售范圍的設定，在展示不同場景的同時，還可以說明在不同場景下的功能。

3、細節(jié)圖，展示是根據(jù)不同行業(yè)的特點進行設置的。細節(jié)圖可以對產(chǎn)主要功能、作用進行展示。比如洗衣粉這個產(chǎn)品，用戶最關注的就是去污漬功能，用戶希望自己的衣服使用這種洗衣粉能夠洗干凈，特別是白色等不耐臟的衣服。

那我們就要對洗衣粉的去污漬功能進行細節(jié)展示，展示它是如何高效去污漬，能達到何種效果。

4、產(chǎn)品展示圖，為了讓客戶更加全面的了解產(chǎn)品，我們還需要對產(chǎn)品進行展示。對產(chǎn)品的不同地方進行拍攝，展示出來。就比如運動鞋，可以展示運動鞋的正面、側面、底面、里面等，讓客戶全面了解產(chǎn)品，這樣客戶才能放心購買。

5、店鋪資質介紹，最后，可以對店鋪進行介紹，介紹優(yōu)勢，榮譽資質，經(jīng)營特征等，增加信任值。也可以介紹產(chǎn)品的證書等方面。

二、淘寶詳情頁的設計技巧有哪些

1：第一視覺，要分析我們的商品和買家群體，比如賣中老年服裝的，就不要用一些太過鮮艷的顏色，用溫和，簡樸一點的顏色即可，比如白加紅色。

2：內容介紹，商品性能即質量：用的什么材料制作的，保質期，保修多久，這些東西最好都放進詳情頁里面。在制作商品詳頁的時候，該先了解每款產(chǎn)品的功能，然后把他放進詳情頁里面。

3：學習設計心理學，排版時，我們要突出產(chǎn)品和文案，模糊圖片中一些無用的背景。產(chǎn)品的色彩在背景中也需要突出，因為大腦對中心區(qū)域的周邊感知反應時間只有80毫秒左右，對心區(qū)域的感知反應時間有160毫秒左右。

而當買家瀏覽商品詳情頁時對產(chǎn)品的感知主要依靠的是周邊區(qū)域來界定中心區(qū)域。

淘寶寶貝詳情頁空白是為什么？怎么解決

如今說到淘寶寶貝詳情頁是展示產(chǎn)品的地方，當然，商家們在上傳產(chǎn)品詳情頁信息的時候也是非常的用心，但是有些商家發(fā)現(xiàn)，傳了之后，詳情頁卻發(fā)現(xiàn)有空白的地方，那淘寶寶貝詳情頁空白是為什么？怎么解決?下面來看看吧。

一、淘寶寶貝詳情頁空白是為什么？

在切圖的時候，特別是比較多的時候，會很易出現(xiàn)圖錯位的現(xiàn)象就可能有空白，首先，先檢查自己的代碼有沒有問題。

檢查下有沒有空格，有沒有忘記替換的圖片鏈接?？纯从袥]有那種gif的那個小圖片，有的話，全部替換掉，解決切片白邊，一種方法是全部居頂。

在原來的代碼中的圖片后面加上 align="top" 就可以了，所有圖片后面都要加，全部加好之后，就沒有問題，都可對齊。

二、淘寶寶貝詳情頁空白怎么解決

其實，出現(xiàn)空白可能是因為你在做圖時圖片有問題，所以，先檢測圖其次看鏈接，代碼等都處理好后，基本上就可以解決空白的問題了。

三、淘寶寶貝詳情頁的疑問

1.為什么淘寶詳情頁右側有長條灰色區(qū)域?

那個是寶貝詳情頁的導航欄。因為很多寶貝詳情頁面都很長，如果買家不愿意依依看下去的話，可以通過導航欄直接到達他想看的內容。如果是賣家，可以設置詳情頁導航的，比如設置寶貝尺寸，買家在右邊這里可以看到，點就直接可以到達尺寸那部分內容了。

設置在編輯寶貝--寶貝詳情頁編輯框右上角就有導航設置。

2.手機端詳情頁上下兩張圖片中間的空白條怎么做出來的?

如果是想讓詳情頁的上下兩張圖片之間有空白間隙，可以到淘寶旺鋪詳情頁面，進入到對應的寶貝裝修頁面，然后點對應的圖片，在該圖片的最下方，就會出現(xiàn)個可以長下拖動的按鈕，鼠標向下拉就可以制作出可調節(jié)高度的空白間隙，并且在右側還可以給間隙設置背景顏色。

3.如何設置詳情頁右側的快速直達?

可以通過編輯頁詳情頁編輯框第二排最后一個按鈕「詳情導航」里增加模塊，商品發(fā)布后就可以在商品詳情頁生成快速直達導航條：沒有模板的就先點擊「新建模塊」生成。

已建好模塊的，可以直接選擇模塊引用，避免重復勞動。比如：售務等介紹就用通過這種引用的方式。

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。

更多資訊請關注幕 思 城。