店鋪裝修是一門學問，尤其是對于沒有任何網店裝修經驗的新手賣家來說，更是常常感覺無從下手，往往不得要領，走很多彎路。當然來淘寶學堂是為了交流和學習，不是一味講求要花多少錢來裝修店鋪、一定要把店鋪裝修的有多華美。但是在盡可能利用手頭現有資源，在花錢不多的情況下盡可能把店 鋪弄漂亮些，還是有必要的，也是值得的。
其實只要肯學習，肯動腦子，每個人都能成為店鋪裝修的行家里手。標準版只要裝修到位，也能做出拓展版的效果來。
所謂自定義內容區，就是店鋪提供給賣家可自己設置內容的區域，在此區域內賣家可通過html代碼的表現，實現顏色風格、內容隨意組合等目的，并且是店鋪裝裝修最關鍵的區域。是幾乎所有賣家最為喜愛的模塊。因為此模塊自由度很高，可以有許多用途。只要你玩轉自定義內容區，充分挖掘出自定義內容區的強大功能，就能把標準版的店鋪打造出拓展版的效果來。
和淘寶學堂一起看看我們可以利用自定內容區模塊做些什么？
一、認識自定義內容區
【自定義內容區】究竟如何使用呢？首先要進入賣家中心后臺的【店鋪裝修】，如下圖，雙擊進入店鋪裝修頁面
添加自定義內容區，點擊裝修頁面或是寶貝詳情頁最下方【在此處添加新模塊】，如下圖
在彈出的窗口中添加【自定義內容區】，點擊【添加】，如下圖
添加完成之后，在新添加的模塊上點擊【編輯】
進入編輯頁面把設計好的相應代碼放入編輯框內，點擊保存即可。下圖是【編輯內容】對話框里菜單欄上的各功能分布
其中菜單欄最后一項 按鈕，是原代碼HTML編輯菜單，所有和代碼有關的編輯都要通過它來完成，點擊
，粘貼相應的代碼
再點擊
，代碼就會生成相應的可視編輯圖，如下圖
以上只是【自定義內容區】的一個簡單認識，接下來我們就來看看利用它來怎樣裝修好自己的店鋪。
二、懸浮旺旺、懸浮分類的添加
要把懸浮旺旺和懸浮分類的CSS代碼插入到自己店鋪里，就可以按上面的方法將懸浮旺旺和懸浮分類的原代碼粘貼到【自定義內容區】HTML編輯器里，然后進入可視編輯狀態，如下圖所示
選定要添加超鏈接的文字或圖片，點擊
菜單，替換或插入超鏈接，如下圖
完成以后最終效果如下所示
這只是一個懸浮模塊添加的簡單介紹，因這個過程比較復雜，需要深入研究，本帖篇幅所限，將不再深究。
三、添加團購、聚劃算模塊
利用【自定義內容區】的原代碼HTML菜單，添加設計好的團購、聚劃算裝修模塊代碼，可以輕松將團購、聚劃算模塊插入店鋪首頁或是寶貝詳情頁的任意位置，例如在首頁頂部滾動圖片下方插入聚劃算模塊，方法是：裝修頁面右下部添加【自定義內容區】→【編輯】→【HTML菜單插入代碼】→【再點擊HTML可視編輯】，如下圖
在可視編輯狀態下替換右則顯示圖片，修改價格和折扣信息，圖片可以事先通過PS處理好，注意圖片尺寸大小，不宜過大，尺寸要和模塊顯示圖片剛剛好，然后利用前面提到給圖片添加鏈接的方法，為圖片加上超鏈接，做完這些工作，然后點擊【保存】，通過模塊自帶的上下移動
功能將它移動到首頁頂部流動圖片的下方，最后發布自己的店鋪，最終效果如下所示
顯而易見，店鋪比沒有添加模塊之前生動很多！如果你懂PS，可以把顯示圖片做的更好一些，比如讓圖片或文字動起來。需要提醒的是此處的圖片不支持本地圖片，是需要你把做好的圖片上傳到外鏈相冊里去，然后鏈接到這里才可以。
四、左側欄添加促銷區
一般的標準版店鋪左側欄都會有公告欄、客服中心、寶貝分類、銷售排行榜和友情鏈接等，有的是旺鋪模板自帶的，有的是自己添加的。但由于首頁一般顯示的寶貝很多，以上這些模塊并不能完全添充滿左側欄，會在左側欄底部形成空白區，因為標準版都是750的窄版，只有拓展版才能達到950的寬版效果，如下圖所示：
其 實很多人就這樣在店鋪左側欄底部留下一塊未開發的處女地，既不美觀，又浪費資源。如果是拓展版的店鋪，此處可以添加促銷團購區或是包郵專區等，誰讓人家是 可以拓展的了，多花了錢當然就應該享受不一樣的待遇，這無可厚非。但對于我們這些中小賣家來說，并不是每個人都愿意或是有必要去買個拓展版用，既然不想多 花錢，又想達到拓展版以上的效果，不動腦子想想辦法肯定不行。這個時候就要發揮【自定義內容區】的強大功能了。我們在裝修頁面，在左側欄低部以同樣的方法 添加【自定義內容區】新模塊，然后利用自定義內容區的編輯器編輯添加相應模塊，我們就以添加一個【特價促銷專區】為例來說明具體做法。
重新打開店鋪頁面，選定某一個寶貝，右擊鼠標，選擇【復制圖片】，記住不是店鋪裝修頁面，店鋪裝修頁面不能復制寶貝圖片，復制完成以后，回到剛添加的自定義內容區編輯器里，粘貼圖片，如下圖
接下來在圖片底部加上標題和價格，為圖片和文字分別添加鏈接，做完以后按回車鍵，以同樣的方法做第二個寶貝，第三個寶貝……，需要提醒的是，【自定義內容區】里并不是可以添加無窮盡的東西，大小有一個限制，不能超過20K，20K是個什么概念呢？我統計過了，像上面這樣，選擇圖片尺寸185×185的情況下，大致可以添加16個寶貝，如果16個 寶貝添加完了，保充發布了以后還是不能填充滿空白區，怎么辦？簡單！那就再新添加一個【自定義內容區】模塊，重復上面的步驟，如此反復，則大功成亦！需要 說明的是：首頁做完發布以后，并不能同步顯示到寶貝詳情頁面，需要在寶貝詳情頁面重新做。如果想圖省事，那就可以復制已做好的模塊代碼，把代碼粘貼到寶貝 詳情頁左側欄添加的【自定義內容區】模塊里，保存發布就OK啦。
五、在寶貝詳情頁添加“掌柜推薦寶貝”和“同類寶貝推薦”模塊
在 拓展版以上店鋪，我們可以看到在寶貝詳情頁寶貝描述的頂部，有“掌柜推薦寶貝”模塊，在最后面還有“同類寶貝推薦”等模塊，說白了，都是為了最大可能的將 來訪顧客留在自己的店鋪里，顧客在瀏覽完一個寶貝的描述和圖片時，也許正要關掉窗口離開之時，無意中看到了“掌柜推薦寶貝”和“同類寶貝推薦”模塊里的寶 貝，說不定就順手點開了一個寶貝，由次而留住了來訪顧客，成交了一單生意！標準版的店鋪該怎樣來做這兩個模塊呢？其實做法和左側欄“特價促銷區”的方法幾 乎一樣，稍有不同的是在做這兩個模塊時，是在寶貝詳情頁右側欄底部添加【自定義內容區】，而在寶貝的排列上也有所不同，左側欄是豎排，一排只放一個寶貝， 因為左側欄空間有限；而這兩個模塊，在寶貝排列上成陣形排列，橫排四個，豎排四個，最終效果如圖所示
給每個寶貝底部添加文字標題和價格，你自己做時可以把這些都做加上，效果會更好。同樣的方法在寶貝描述的末尾添加“同類寶貝推薦”模塊。做完以 后保存發布以后，在【發布】時在“是否同步首頁的左側欄到其它頁面”前打勾，這樣所有的寶貝詳情頁都有了模塊，不用一個一個的去做。
六、在首面底部添加“頁尾”和“宣傳促銷”模塊
接下來再簡單的談一下添加“頁尾”和“宣傳促銷”模塊，頁尾主要依靠PS一張長寬合適的圖片來實現，可以在圖片上加上“歡迎光臨本店”、“TOP回到頂部”等字樣，把圖片添加到自定義內容區，再為圖片和文字加上超鏈接，保存發布就好啦，這樣一個簡單的頁尾就做出來了，如圖所示
而“宣傳促銷”模塊可以是圖片，也可以文字，放置位置也更加靈活，可以放在首頁，也可以放在寶貝詳情頁，更可以放在寶貝列表頁，做法和頁尾的完全一樣，沒什么好說的，不再贅述。
綜 上的述，這就是店鋪裝修中“自定義內容區”的使用方法和一些技巧，當然它的用法不僅僅只有這些，還有很多種，這里只是結合我自己在店鋪裝修時，關于自定義內容區的使用方法和心得體會，經驗分享，拋磚引玉，舉一反三，聰明的你一定會發現更多更實用的用法。讓我們真正掌握完全自 定義內容區的強大功能，利用它將我們的標準版店鋪打造成不次于拓展版店鋪的效果來！
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 店鋪裝修自定義內容區 標準版打造拓展版效果
