大家在經(jīng)常在別人的網(wǎng)店看到很拽的懸浮分類、懸浮客服之類的東東，一定很是羨慕，它不光好看，也非常實(shí)用，方便顧客聯(lián)系你和選擇所需寶貝分類。在這個競爭激烈的淘寶大家庭里，顧客就是我們的上帝，能給我們的上帝提供方便，那怕只有百分之一的希望，我們也應(yīng)該做出百分之百的努力！言歸正傳，下面就教大家如何在自己店鋪里DIY懸浮客服、懸浮分類的雙懸浮模塊！

一.首先來說懸浮客服DIY制作

懸浮客服，所謂懸浮客服也就我們經(jīng)常在拓展版淘寶網(wǎng)店最邊上看到的那組旺旺群客服，它不隨著頁面的滾動而滾動，始終懸浮在最右邊，非常漂亮，也非常實(shí)用。尤其在內(nèi)容比較多的寶貝詳情頁時，當(dāng)頁面滾動到最底端時，如果沒有這組懸浮客服，那么客人試必要回到頁面頂部才能看到旺旺客服，從而聯(lián)系到掌柜，而有了這組懸浮客服，那就不一樣了，它會隨時出現(xiàn)在客人的眼前，方便客人隨時隨地和掌柜取得聯(lián)系，從而達(dá)到一種零距離的溝通！

懸浮客服是通過兩個代碼來實(shí)現(xiàn)的，懸浮客服代碼和相對應(yīng)的CSS代碼。這兩個代碼太長，沒辦法貼在帖子中，請見諒！

注意：這里需要提醒的是：淘寶于8月低升級了系統(tǒng)，很多旺鋪模板不在支持開放“完全自定義區(qū)”，真是形勢趕不上變化，那意思是說標(biāo)準(zhǔn)版從此就不能添加懸浮旺旺和懸浮分類了嗎？當(dāng)然是可以的，還有其他的方法把CSS代碼插入自己的店鋪。至于到底如何插入CSS代碼？那是時分緣下一篇帖子討論的話題，這里不再贅述。近期很多人和我要代碼，我也是不勝其擾，一聽說要花錢買代碼，沒有免費(fèi)代碼送，很多人就不以為然，以為我欺騙了他們，我以我的人格擔(dān)保，系統(tǒng)沒有升級以前，代碼是可以用的，而且也是可以免費(fèi)贈送給你的。由于如此，原來可以贈送給大家的免費(fèi)代碼可能現(xiàn)在已經(jīng)不能使用，想裝懸浮旺旺的，可以去裝修市場購買最新版的代碼！感謝您的諒解！

1.申請設(shè)計師：大家首先檢查一下自己的店鋪裝修頁面里有沒有完全自定義這項（裝修頁面-模板-背景設(shè)置-完全自定義），如果有的話那就更省事，就可以跳過申請設(shè)計師這一步，直接進(jìn)入到下一步驟。反之如果沒有這一項，那么首先要做的是先去ZX.TAOBAO.COM頁申請設(shè)計師，步驟如下圖

打開ZX.TAOBAO.COM頁面后，點(diǎn)擊申請設(shè)計師按鈕，申請，過程就不在贅述。申請成功之后，點(diǎn)擊設(shè)計師后臺按鈕，如下圖所示

下圖是進(jìn)入設(shè)計師后臺的頁面：申請設(shè)計師淘寶會開通設(shè)計師的權(quán)限。時間是7天，申請成功后，7天內(nèi)要做好懸浮客服和懸浮分類發(fā)布，過了7天，就不能再做了

到這里我們已經(jīng)有了設(shè)計師的權(quán)限了哦，準(zhǔn)備工作就完成了，很簡單吧！點(diǎn)擊馬上設(shè)計按鈕，進(jìn)入下一步操作

2.裝修我們的店鋪，打造DIY懸浮客服：首先進(jìn)入我們的裝修頁面。（別告訴我不知道在哪里進(jìn)！）。你在往哪里看呢？請看下圖

點(diǎn)擊模板按鈕出現(xiàn)下面的頁面啦！

到這里，最重要的部分來了哦。點(diǎn)擊按鈕，出現(xiàn)下面的頁面，接著看圖

點(diǎn)擊完全自定義按鈕，出現(xiàn)完全自定義的文本框啦。這里需要提醒的是有的店鋪完全自定義文本框里可能沒有原代碼，空的！沒關(guān)系，不用擔(dān)心，不影響的咱的工作，嘿嘿，看圖看圖！

把相應(yīng)的懸浮客服的CSS代碼復(fù)制進(jìn)去，要做懸浮分類的就放懸浮分類的CSS代碼，要做懸浮客服的就放懸浮客服的CSS代碼，不能亂放喲！粘貼在原代碼的后面即可，不可覆蓋原代碼，否則會改變網(wǎng)店的原有背景（強(qiáng)烈建議把原來的代碼自己拷出來備個份），然后保存。至此我們已經(jīng)完成了一大半的工作哦。

3.裝修首頁頁面，完成懸浮代碼的添加：在首頁和寶貝詳情頁分別添加自定義模塊，一般建議在頁面的左側(cè)添加自定義模塊，主要是為了方便查找編輯，看下圖

編輯改自定義內(nèi)容區(qū)。點(diǎn)擊編輯HTML源碼按鈕

然后把懸浮客服代碼拷入到自定義區(qū)的源代碼中。如下圖

最后保存！至此，懸浮客服的制作初見雛形！如下圖

4.最后更改替換圖中相應(yīng)的鏈接地址：這也是最重要的一步， 否則客人點(diǎn)擊客服中的旺旺，聯(lián)系不上你，而聯(lián)系我了，嘿嘿

如圖所示，在可視編輯器里雙擊任意旺旺圖標(biāo)，會出現(xiàn)如下的對話框。

把對話框里的鏈接地址替換成你自己的旺旺鏈接地址就好了，不要告訴我你不會（在你網(wǎng)店的旺旺圖標(biāo)上右擊鼠標(biāo)，會出現(xiàn)一個“復(fù)制鏈接地址”，點(diǎn)擊它，然后到上面鏈接地址對話框粘貼，就OK啦。圖片鏈接地址替換同理）

同理，雙擊收藏本店圖標(biāo)也會出現(xiàn)如下對話框

把上面對話框里的鏈接地址替換成收藏你自己店鋪的鏈接地址就好了，（在你網(wǎng)店收藏本店圖標(biāo)上右擊鼠標(biāo)，會出現(xiàn)一個“復(fù)制鏈接地址”，點(diǎn)擊它然后到上面鏈接地址對話框粘貼，就OK啦。圖片鏈接地址替換同理），至此，懸浮客服的DIY制作才算大功告成！

最終效果如下圖所示

二、懸浮分類的DIY制作方法

懸浮分類的制作方法和懸浮客服的制作過程一樣，首先在申請設(shè)計師成功的前提下，在背景設(shè)置里的完全自定義中加入左側(cè)分類的CSS代碼（注明：CSS代碼是唯一的，一個CSS代碼只對應(yīng)相應(yīng)的懸浮代碼，不能通用），然后在編輯頁面加入添加自定義模塊，在自定義模塊中加入左側(cè)分類代碼（參照懸浮客服的制作過程，有不懂的朋友可以旺我，這里不再贅述!）最終效果如下圖所示

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 如何做好淘寶店鋪懸浮旺旺、懸浮分類