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

一.首先來(lái)說(shuō)懸浮客服DIY制作

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

懸浮客服是通過(guò)兩個(gè)代碼來(lái)實(shí)現(xiàn)的，懸浮客服代碼和相對(duì)應(yīng)的CSS代碼。這兩個(gè)代碼太長(zhǎng)，沒(méi)辦法貼在帖子中，請(qǐng)見(jiàn)諒！

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

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

打開(kāi)ZX.TAOBAO.COM頁(yè)面后，點(diǎn)擊申請(qǐng)?jiān)O(shè)計(jì)師按鈕，申請(qǐng)，過(guò)程就不在贅述。申請(qǐng)成功之后，點(diǎn)擊設(shè)計(jì)師后臺(tái)按鈕，如下圖所示

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最終效果如下圖所示

二、懸浮分類(lèi)的DIY制作方法

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

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

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

本文來(lái)源： 如何做好淘寶店鋪懸浮旺旺、懸浮分類(lèi)