大家好,我是一名新開的淘寶店主,今天在這里給大家分享一點(diǎn)個(gè)人的裝修心得~
如題就是寶貝詳情的關(guān)聯(lián)營(yíng)銷,大家都只要寶貝詳情頁比首頁重要。
所以怎樣裝修好寶貝詳情,是我們能充分利用流量的問題所在了。特別是新店,流量本來就
很少,如果寶貝詳情頁單一,顧客可能看完這個(gè)寶貝不喜歡就離開店鋪了。
好了這里廢話不多說了。今天手把手一步一步的教大家如何自己制作寶貝關(guān)聯(lián)營(yíng)銷模塊
明白了道理其實(shí)很簡(jiǎn)單的。今天先為大家講解 詳情頁左邊欄的寶貝特賣板塊。
第一步:如圖1首先我們要知道寶貝左邊欄寬度,展示效果最好的是190像素,那么高度呢?
根據(jù)你寶貝的需求來定,這里我假定高度300像素,我要展示5個(gè)特賣品。
好那么我們先把四個(gè)寶貝用PS分別做出 5個(gè) 190*300像素的展示圖出來
我們根據(jù)自己的喜好設(shè)置出展示圖的邊框,這里根據(jù)大家的喜好來做,新手店家前期不熟練
可以做一些比較簡(jiǎn)易化的邊框如圖,然后把寶貝圖片按照比例縮放進(jìn)去。這里可以寶貝的價(jià)格什么
促銷內(nèi)容全部打到咖啡色區(qū)域里去
第三步:
我們把放置好的每個(gè)寶貝的圖片另存為JPG格式的待用,這里要提示一下保存的時(shí)候畫質(zhì)調(diào)到12
這樣效果最佳!如圖!
第四步:那么我們假設(shè)需要一列下來展示5個(gè)特價(jià)寶貝,那么我們算一下總共的高度
300*5=1500像素,那么我們?cè)谛陆ㄒ粋€(gè)畫布尺寸為 190*1500像素 然后把剛才制作好的
帶邊框的寶貝的圖片按照你需要的順序排列進(jìn)去如圖
第五步:我們要把整排列好的圖層全選然后選擇切片工具,選擇工具以后鼠標(biāo)右鍵點(diǎn)擊一下圖片
選擇切片 然后彈出對(duì)話框 選擇橫向切出5片如圖
第六步:切好以后我們點(diǎn)擊PS軟件最左上角的 文件 選擇 存儲(chǔ)為Web。。。。這個(gè)選項(xiàng)
會(huì)彈出如下對(duì)話框 如圖設(shè)置 設(shè)置好以后 如圖存儲(chǔ),最好存儲(chǔ)在桌面好以后方便使用
這里要提示的是如圖格式一定要選擇 HTML和圖像 點(diǎn)擊保存。然后你左面會(huì)出現(xiàn)如圖中
這兩個(gè)文件 一個(gè)是images 和 一個(gè)html格式的網(wǎng)頁文件這個(gè)文件我們先不管。
第七步:我們把images這個(gè)文件夾里的圖片上傳到淘寶圖片空間不要改圖片的名字
要上傳到自己能找到圖片的地方。
第八步:這里也是至關(guān)重要的步驟,就是獲取源代碼,那么我們要下載一個(gè)軟件這里我就不打
下載鏈接,大家自己百度一搜一大片 Deramweaver8 這個(gè)軟件簡(jiǎn)稱DW 很牛逼的
下載安裝好以后我們打開DW 點(diǎn)擊如圖 創(chuàng)建新項(xiàng)目欄 下第一個(gè) HTML 如圖
第九步:好了現(xiàn)在我們打開了軟件,點(diǎn)擊軟件最左上角的文件選項(xiàng),同樣我們要打開
用PS切片保存以后 那個(gè) HTML格式的文件,打開以后 點(diǎn)擊軟件 上代碼 拆分 設(shè)計(jì)
三個(gè)選項(xiàng)中的設(shè)計(jì),我們就可以看到如圖 我們切好的圖片
第10步:現(xiàn)在我們要用鼠標(biāo)點(diǎn)擊其中第一個(gè)圖片,對(duì)話框就會(huì)發(fā)生變化,下面會(huì)出來讓我們
編輯圖片屬性的 欄 如圖
第11步:好了如圖我們需要管的只有3個(gè)地方,源文件 鏈接 目標(biāo)
源文件里 我們把第一張圖片在淘寶圖片空間的鏈接地址粘貼進(jìn)去。
再把第一張圖片上的寶貝詳情頁的鏈接填在 鏈接 這個(gè)一個(gè)框里,
最后點(diǎn)擊目標(biāo)那一欄選擇 blank_ 這個(gè)選項(xiàng) 那么 我們這一張圖的超鏈接就做好了
然后用鼠標(biāo)點(diǎn)擊第二個(gè)圖片
同理 把其他幾個(gè)切片的圖片和寶貝鏈接全部輸入進(jìn)去。
第12步:全部弄好以后 使我們獲取成果的時(shí)候了 點(diǎn)擊如圖 代碼 拆分 設(shè)計(jì)
三個(gè)選項(xiàng)中的第2個(gè) 拆分 然后我們可以看到上面就是 我們只做好的代碼
我們把如圖里面的代碼全選 復(fù)制。
第13步:我們打開店鋪裝修,打開寶貝默認(rèn)詳情頁裝修板塊,在左邊欄添加一個(gè)自定義模塊
如圖 然后我們可以看 自定義 顯示標(biāo)題 下面有個(gè)源碼 顯示的開關(guān) 我們點(diǎn)擊一下
把剛才復(fù)制的代碼粘貼進(jìn)去,然后再點(diǎn)一下 源碼開關(guān),就如圖了
然后保存發(fā)布,就大功告成啦!!
自己的一點(diǎn)點(diǎn)裝修經(jīng)驗(yàn)。大家可以自己動(dòng)手制作很簡(jiǎn)單的,一通百通在詳情頁開頭
和結(jié)尾放關(guān)聯(lián)銷售業(yè)是一樣的道理。
如圖下面是我制作的尾部關(guān)聯(lián)的樣式,大家可以看一下,道理是一樣的,
不過有細(xì)節(jié)不明白或者不懂得話可以私信我 相互溝通和學(xué)習(xí)。
有時(shí)候遇到問題 沒有人請(qǐng)教確實(shí)很苦惱的事 必須要自己百度.
樂發(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ī)則