大家在經常在別人的網店看到很拽的懸浮分類、懸浮客服之類的東東，一定很是羨慕，它不光好看，也非常實用，方便顧客聯系你和選擇所需寶貝分類。在這個競爭激烈的淘寶大家庭里，顧客就是我們的上帝，能給我們的上帝提供方便，那怕只有百分之一的希望，我們也應該做出百分之百的努力！言歸正傳，下面就教大家如何在自己店鋪里DIY懸浮客服、懸浮分類的雙懸浮模塊！
一.首先來說懸浮客服DIY制作
懸浮客服，所謂懸浮客服也就我們經常在拓展版淘寶網店最邊上看到的那組旺旺群客服，它不隨著頁面的滾動而滾動，始終懸浮在最右邊，非常漂亮，也非常實用。尤其在內容比較多的寶貝詳情頁時，當頁面滾動到最底端時，如果沒有這組懸浮客服，那么客人試必要回到頁面頂部才能看到旺旺客服，從而聯系到掌柜，而有了這組懸浮客服，那就不一樣了，它會隨時出現在客人的眼前，方便客人隨時隨地和掌柜取得聯系，從而達到一種零距離的溝通！
懸浮客服是通過兩個代碼來實現的，懸浮客服代碼和相對應的CSS代碼。這兩個代碼太長，沒辦法貼在帖子中，請見諒！
注意：這里需要提醒的是：淘寶于8月低升級了系統，很多旺鋪模板不在支持開放“完全自定義區”，真是形勢趕不上變化，那意思是說標準版從此就不能添加懸浮旺旺和懸浮分類了嗎？當然是可以的，還有其他的方法把CSS代碼插入自己的店鋪。至于到底如何插入CSS代碼？那是時分緣下一篇帖子討論的話題，這里不再贅述。近期很多人和我要代碼，我也是不勝其擾，一聽說要花錢買代碼，沒有免費代碼送，很多人就不以為然，以為我欺騙了他們，我以我的人格擔保，系統沒有升級以前，代碼是可以用的，而且也是可以免費贈送給你的。由于如此，原來可以贈送給大家的免費代碼可能現在已經不能使用，想裝懸浮旺旺的，可以去裝修市場購買最新版的代碼！感謝您的諒解！
1.申請設計師：大家首先檢查一下自己的店鋪裝修頁面里有沒有完全自定義這項（裝修頁面-模板-背景設置-完全自定義），如果有的話那就更省事，就可以跳過申請設計師這一步，直接進入到下一步驟。反之如果沒有這一項，那么首先要做的是先去ZX.TAOBAO.COM頁申請設計師，步驟如下圖
打開ZX.TAOBAO.COM頁面后，點擊申請設計師按鈕，申請，過程就不在贅述。申請成功之后，點擊設計師后臺按鈕，如下圖所示
下圖是進入設計師后臺的頁面：申請設計師淘寶會開通設計師的權限。時間是7天，申請成功后，7天內要做好懸浮客服和懸浮分類發布，過了7天，就不能再做了
到這里我們已經有了設計師的權限了哦，準備工作就完成了，很簡單吧！點擊馬上設計按鈕，進入下一步操作
2.裝修我們的店鋪，打造DIY懸浮客服：首先進入我們的裝修頁面。（別告訴我不知道在哪里進?。?。你在往哪里看呢？請看下圖
點擊模板
按鈕出現下面的頁面啦！
到這里，最重要的部分來了哦。點擊
按鈕，出現下面的頁面，接著看圖
點擊完全自定義按鈕，出現完全自定義的文本框啦。這里需要提醒的是有的店鋪完全自定義文本框里可能沒有原代碼，空的！沒關系，不用擔心，不影響的咱的工作，嘿嘿，看圖看圖！
把相應的懸浮客服的CSS代碼復制進去，要做懸浮分類的就放懸浮分類的CSS代碼，要做懸浮客服的就放懸浮客服的CSS代碼，不能亂放喲！粘貼在原代碼的后面即可，不可覆蓋原代碼，否則會改變網店的原有背景（強烈建議把原來的代碼自己拷出來備個份），然后保存。至此我們已經完成了一大半的工作哦。
3.裝修首頁頁面，完成懸浮代碼的添加：在首頁和寶貝詳情頁分別添加自定義模塊，一般建議在頁面的左側添加自定義模塊，主要是為了方便查找編輯，看下圖
編輯改自定義內容區。點擊編輯HTML源碼按鈕
然后把懸浮客服代碼拷入到自定義區的源代碼中。如下圖
最后保存！至此，懸浮客服的制作初見雛形！如下圖
4.最后更改替換圖中相應的鏈接地址：這也是最重要的一步， 否則客人點擊客服中的旺旺，聯系不上你，而聯系我了，嘿嘿
如圖所示，在可視編輯器里雙擊任意旺旺圖標，會出現如下的對話框。
把對話框里的鏈接地址替換成你自己的旺旺鏈接地址就好了，不要告訴我你不會（在你網店的旺旺圖標上右擊鼠標，會出現一個“復制鏈接地址”，點擊它，然后到上面鏈接地址對話框粘貼，就OK啦。圖片鏈接地址替換同理）
同理，雙擊收藏本店圖標也會出現如下對話框
把上面對話框里的鏈接地址替換成收藏你自己店鋪的鏈接地址就好了，（在你網店收藏本店圖標上右擊鼠標，會出現一個“復制鏈接地址”，點擊它然后到上面鏈接地址對話框粘貼，就OK啦。圖片鏈接地址替換同理），至此，懸浮客服的DIY制作才算大功告成！
最終效果如下圖所示
二、懸浮分類的DIY制作方法
懸浮分類的制作方法和懸浮客服的制作過程一樣，首先在申請設計師成功的前提下，在背景設置里的完全自定義中加入左側分類的CSS代碼（注明：CSS代碼是唯一的，一個CSS代碼只對應相應的懸浮代碼，不能通用），然后在編輯頁面加入添加自定義模塊，在自定義模塊中加入左側分類代碼（參照懸浮客服的制作過程，有不懂的朋友可以旺我，這里不再贅述!）最終效果如下圖所示
最后更改替換圖中相應的鏈接地址，方法同懸浮客服制作的步驟4。
三、授人以魚，不如授人以漁
感興趣的親們的去我店里看效果吧，只要你照著時分緣教給你的方法去做，你也能做出這么好看的懸浮客服和左側分類。其實說了這么多，只要您照著貼子中所述的方法和步驟去做，其實不難！只需要您有DIY的精神，動動手，點點鼠標而已，不信就試試吧！
注意：這里需要提醒的是：淘寶于8月低升級了系統，很多旺鋪模板不在支持開放“完全自定義區”，真是形勢趕不上變化，那意思是說標準版從此就不能添加懸浮旺旺和懸浮分類了嗎？當然是可以的，還有其他的方法把CSS代碼插入自己的店鋪。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 如何做好淘寶店鋪懸浮旺旺、懸浮分類
