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

一、淘寶詳情頁(yè)如何制作？

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

優(yōu)惠內(nèi)容應(yīng)該圖文結(jié)合，為了突出活動(dòng)商品的優(yōu)惠，標(biāo)價(jià)一定要標(biāo)原價(jià)，然后劃掉，在旁邊寫活動(dòng)價(jià)，這樣就能吸引客戶。

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

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

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

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

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

二、淘寶詳情頁(yè)的設(shè)計(jì)技巧有哪些

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

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

3：學(xué)習(xí)設(shè)計(jì)心理學(xué)，排版時(shí)，我們要突出產(chǎn)品和文案，模糊圖片中一些無(wú)用的背景。產(chǎn)品的色彩在背景中也需要突出，因?yàn)榇竽X對(duì)中心區(qū)域的周邊感知反應(yīng)時(shí)間只有80毫秒左右，對(duì)心區(qū)域的感知反應(yīng)時(shí)間有160毫秒左右。

而當(dāng)買家瀏覽商品詳情頁(yè)時(shí)對(duì)產(chǎn)品的感知主要依靠的是周邊區(qū)域來(lái)界定中心區(qū)域。

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

如今說(shuō)到淘寶寶貝詳情頁(yè)是展示產(chǎn)品的地方，當(dāng)然，商家們?cè)谏蟼鳟a(chǎn)品詳情頁(yè)信息的時(shí)候也是非常的用心，但是有些商家發(fā)現(xiàn)，傳了之后，詳情頁(yè)卻發(fā)現(xiàn)有空白的地方，那淘寶寶貝詳情頁(yè)空白是為什么？怎么解決?下面來(lái)看看吧。

一、淘寶寶貝詳情頁(yè)空白是為什么？

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

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

在原來(lái)的代碼中的圖片后面加上 align="top" 就可以了，所有圖片后面都要加，全部加好之后，就沒(méi)有問(wèn)題，都可對(duì)齊。

二、淘寶寶貝詳情頁(yè)空白怎么解決

其實(shí)，出現(xiàn)空白可能是因?yàn)槟阍谧鰣D時(shí)圖片有問(wèn)題，所以，先檢測(cè)圖其次看鏈接，代碼等都處理好后，基本上就可以解決空白的問(wèn)題了。

三、淘寶寶貝詳情頁(yè)的疑問(wèn)

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

那個(gè)是寶貝詳情頁(yè)的導(dǎo)航欄。因?yàn)楹芏鄬氊愒斍轫?yè)面都很長(zhǎng)，如果買家不愿意依依看下去的話，可以通過(guò)導(dǎo)航欄直接到達(dá)他想看的內(nèi)容。如果是賣家，可以設(shè)置詳情頁(yè)導(dǎo)航的，比如設(shè)置寶貝尺寸，買家在右邊這里可以看到，點(diǎn)就直接可以到達(dá)尺寸那部分內(nèi)容了。

設(shè)置在編輯寶貝--寶貝詳情頁(yè)編輯框右上角就有導(dǎo)航設(shè)置。

2.手機(jī)端詳情頁(yè)上下兩張圖片中間的空白條怎么做出來(lái)的?

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

3.如何設(shè)置詳情頁(yè)右側(cè)的快速直達(dá)?

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

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

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

更多資訊請(qǐng)關(guān)注幕 思 城。