淘寶旺鋪自定義內(nèi)容區(qū)裝修 標準版打造出拓展版的效果

淘寶旺鋪自定義內(nèi)容區(qū)裝修，標準版打造出拓展版的效果。

沒有任何網(wǎng)店裝修經(jīng)驗的新手賣家來說，更是常常感覺無從下手，往往不得要領(lǐng)，走很多彎路。

即使許多鉆石級以上賣家的店鋪裝修也是馬馬虎虎的。

當然我們不是一味講求要花多少錢來裝修店鋪、一定要把店鋪裝修的有多華美。

但是在盡可能利用手頭現(xiàn)有資源，在花錢不多的情況下盡可能把店鋪弄漂亮些，還是有必要的，也是值得的，好處不用我多說吧。

其實只要肯學(xué)習(xí)，肯動腦子，每個人都能成為店鋪裝修的行家里手。

標準版只要裝修到位，也能做出拓展版的效果來。

本教程是我在自己店鋪裝修時的一些經(jīng)驗總結(jié)，拿出來與大家分享交流，可能不夠盡善盡美，望大家多指正，本人旺旺：時分緣。

言歸正傳，咱不玩虛的，上就上干貨。

所謂自定義內(nèi)容區(qū)，就是店鋪提供給賣家可自己設(shè)置內(nèi)容的區(qū)域，在此區(qū)域內(nèi)賣家可通過html代碼的表現(xiàn)，實現(xiàn)顏色風(fēng)格、內(nèi)容隨意組合等目的，并且是店鋪裝裝修最關(guān)鍵的區(qū)域。

是幾乎所有賣家最為喜愛的模塊。

因為此模塊自由度很高，可以有許多用途。

只要你玩轉(zhuǎn)自定義內(nèi)容區(qū)，充分挖掘出自定義內(nèi)容區(qū)的強大功能，就能把標準版的店鋪打造出拓展版的效果來。

來看看我們可以利用自定內(nèi)容區(qū)模塊做些什么？一、認識自定義內(nèi)容區(qū)【自定義內(nèi)容區(qū)】究竟如何使用呢？首先要進入賣家中心后臺的【店鋪裝修】，如下圖，雙擊進入店鋪裝修頁面添加自定義內(nèi)容區(qū)，點擊裝修頁面或是寶貝詳情頁最下方【在此處添加新模塊】，如下圖在彈出的窗口中添加【自定義內(nèi)容區(qū)】，點擊【添加】，如下圖添加完成之后，在新添加的模塊上點擊【編輯】進入編輯頁面把設(shè)計好的相應(yīng)代碼放入編輯框內(nèi)，點擊保存即可。

下圖是【編輯內(nèi)容】對話框里菜單欄上的各功能分布其中菜單欄最后一項再點擊以上只是【自定義內(nèi)容區(qū)】的一個簡單認識，接下來我們就來看看利用它來怎樣裝修好自己的店鋪。

二、懸浮旺旺、懸浮分類的添加本人另有一篇帖子詳細講述懸浮旺旺和懸浮分類的具體添加過程，其中講到如何通過申請設(shè)計師，開放【完全自定義區(qū)】，把相應(yīng)的CSS代碼插入自己的店鋪的做法。

這里需要提醒的是淘寶于8月低升級了系統(tǒng)，很多旺鋪模板不在支持開放【完全自定義區(qū)】，真是形勢趕不上變化，那意思是說標準版從此就不能添加懸浮旺旺和懸浮分類了嗎？答案是否定的，當然還有其他的方法把CSS代碼插入自己的店鋪。

至于到底如何插入CSS代碼？那是時分緣下一篇帖子討論的話題，這里不再贅述。

只要把懸浮旺旺和懸浮分類的CSS代碼插入到自己店鋪里，就可以按上面的方法將懸浮旺旺和懸浮分類的原代碼粘貼到【自定義內(nèi)容區(qū)】HTML編輯器里，然后進入可視編輯狀態(tài)，如下圖所示選定要添加超鏈接的文字或圖片，點擊完成以后最終效果如下所示這只是一個懸浮模塊添加的簡單介紹，因這個過程比較復(fù)雜，需要深入研究，本帖篇幅所限，將不再深究，另開帖詳細闡述，如果大家也想自己動手做一個，可以和我聯(lián)系，本人旺旺：時分緣，我會發(fā)給大家詳細的教程。

三、添加團購、聚劃算模塊利用【自定義內(nèi)容區(qū)】的原代碼HTML菜單，添加設(shè)計好的團購、聚劃算裝修模塊代碼，可以輕松將團購、聚劃算模塊插入店鋪首頁或是寶貝詳情頁的任意位置，例如在首頁頂部滾動圖片下方插入聚劃算模塊，方法是：裝修頁面右下部添加【自定義內(nèi)容區(qū)】→【編輯】→【HTML菜單插入代碼】→【再點擊HTML可視編輯】，如下圖在可視編輯狀態(tài)下替換右則顯示圖片，修改價格和折扣信息，圖片可以事先通過PS處理好，注意圖片尺寸大小，不宜過大，尺寸要和模塊顯示圖片剛剛好，然后利用前面提到給圖片添加鏈接的方法，為圖片加上超鏈接，做完這些工作，然后點擊【保存】，通過模塊自帶的上下移動顯而易見，店鋪比沒有添加模塊之前生動很多！如果你懂PS，可以把顯示圖片做的更好一些，比如讓圖片或文字動起來。

需要提醒的是此處的圖片不支持本地圖片，是需要你把做好的圖片上傳到外鏈相冊里去，然后鏈接到這里才可以。

#p#副標題#e#四、左側(cè)欄添加促銷區(qū)一般的標準版店鋪左側(cè)欄都會有公告欄、客服中心、寶貝分類、銷售排行榜和友情鏈接等，有的是旺鋪模板自帶的，有的是自己添加的。

但由于首頁一般顯示的寶貝很多，以上這些模塊并不能完全添充滿左側(cè)欄，會在左側(cè)欄底部形成空白區(qū)，因為標準版都是750的窄版，只有拓展版才能達到950的寬版效果，如下圖所示：其實很多人就這樣在店鋪左側(cè)欄底部留下一塊未開發(fā)的處女地，既不美觀，又浪費資源。

如果是拓展版的店鋪，此處可以添加促銷團購區(qū)或是包郵專區(qū)等，誰讓人家是可以拓展的了，多花了錢當然就應(yīng)該享受不一樣的待遇，這無可厚非。

但對于我們這些中小賣家來說，并不是每個人都愿意或是有必要去買個拓展版用，既然不想多花錢，又想達到拓展版以上的效果，不動腦子想想辦法肯定不行。

這個時候就要發(fā)揮【自定義內(nèi)容區(qū)】的強大功能了。

我們在裝修頁面，在左側(cè)欄低部以同樣的方法添加【自定義內(nèi)容區(qū)】新模塊，然后利用自定義內(nèi)容區(qū)的編輯器編輯添加相應(yīng)模塊，我們就以添加一個【特價促銷專區(qū)】為例來說明具體做法。

重新打開店鋪頁面，選定某一個寶貝，右擊鼠標，選擇【復(fù)制圖片】，記住不是店鋪裝修頁面，店鋪裝修頁面不能復(fù)制寶貝圖片，復(fù)制完成以后，回到剛添加的自定義內(nèi)容區(qū)編輯器里，粘貼圖片，如下圖接下來在圖片底部加上標題和價格，為圖片和文字分別添加鏈接，做完以后按回車鍵，以同樣的方法做第二個寶貝，第三個寶貝……，需要提醒的是，【自定義內(nèi)容區(qū)】里并不是可以添加無窮盡的東西，大小有一個限制，不能超過20K，20K是個什么概念呢？我統(tǒng)計過了，像上面這樣，選擇圖片尺寸185×185的情況下，大致可以添加16個寶貝，如果16個寶貝添加完了，保充發(fā)布了以后還是不能填充滿空白區(qū)，怎么辦？簡單！那就再新添加一個【自定義內(nèi)容區(qū)】模塊，重復(fù)上面的步驟，如此反復(fù)，則大功成亦！需要說明的是：首頁做完發(fā)布以后，并不能同步顯示到寶貝詳情頁面，需要在寶貝詳情頁面重新做。

如果想圖省事，那就可以復(fù)制已做好的模塊代碼，把代碼粘貼到寶貝詳情頁左側(cè)欄添加的【自定義內(nèi)容區(qū)】模塊里，保存發(fā)布就OK啦。

五、在寶貝詳情頁添加“掌柜推薦寶貝”和“同類寶貝推薦”模塊在拓展版以上店鋪，我們可以看到在寶貝詳情頁寶貝描述的頂部，有“掌柜推薦寶貝”模塊，在最后面還有“同類寶貝推薦”等模塊，說白了，都是為了最大可能的將來訪顧客留在自己的店鋪里，顧客在瀏覽完一個寶貝的描述和圖片時，也許正要關(guān)掉窗口離開之時，無意中看到了“掌柜推薦寶貝”和“同類寶貝推薦”模塊里的寶貝，說不定就順手點開了一個寶貝，由次而留住了來訪顧客，成交了一單生意！標準版的店鋪該怎樣來做這兩個模塊呢？其實做法和左側(cè)欄“特價促銷區(qū)”的方法幾乎一樣，稍有不同的是在做這兩個模塊時，是在寶貝詳情頁右側(cè)欄底部添加【自定義內(nèi)容區(qū)】，而在寶貝的排列上也有所不同，左側(cè)欄是豎排，一排只放一個寶貝，因為左側(cè)欄空間有限；而這兩個模塊，在寶貝排列上成陣形排列，橫排四個，豎排四個，最終效果如圖所示因為“時分緣”太懶了，沒有給每個寶貝底部添加文字標題和價格，你自己做時可以把這些都做加上，效果會更好。

同樣的方法在寶貝描述的末尾添加“同類寶貝推薦”模塊。

做完以后保存發(fā)布以后，在【發(fā)布】時在“是否同步首頁的左側(cè)欄到其它頁面”前打勾，這樣所有的寶貝詳情頁都有了模塊，不用一個一個的去做。

六、在首面底部添加“頁尾”和“宣傳促銷”模塊接下來再簡單的談一下添加“頁尾”和“宣傳促銷”模塊，頁尾主要依靠PS一張長寬合適的圖片來實現(xiàn)，可以在圖片上加上“歡迎光臨本店”、“TOP回到頂部”等字樣，把圖片添加到自定義內(nèi)容區(qū)，再為圖片和文字加上超鏈接，保存發(fā)布就好啦，這樣一個簡單的頁尾就做出來了，如圖所示而“宣傳促銷”模塊可以是圖片，也可以文字，放置位置也更加靈活，可以放在首頁，也可以放在寶貝詳情頁，更可以放在寶貝列表頁，做法和頁尾的完全一樣，沒什么好說的，不再贅述。

綜上的述，這就是店鋪裝修中“自定義內(nèi)容區(qū)”的使用方法和一些技巧，當然它的用法不僅僅只有這些，還有很多種，這里只是結(jié)合我自己在店鋪裝修時，關(guān)于自定義內(nèi)容區(qū)的使用方法和心得體會，經(jīng)驗分享，拋磚引玉，舉一反三，聰明的你一定會發(fā)現(xiàn)更多更實用的用法。

歡迎共同探討（旺旺：時分緣），讓我們真正掌握完全自定義內(nèi)容區(qū)的強大功能，利用它將我們的標準版店鋪打造成不次于拓展版店鋪的效果來！如果你把此帖從頭到尾、認認真真、仔仔細細地讀到了這里，那么相信你已經(jīng)完全掌握了“自定義內(nèi)容區(qū)的”使用方法和技巧。

接下來你只要認真的去裝修店鋪，相信你的店鋪一定會漂亮起來的。

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