快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 13步分享如何制作詳情頁關(guān)聯(lián)營(yíng)銷

13步分享如何制作詳情頁關(guān)聯(lián)營(yíng)銷

放大字體  縮小字體 發(fā)布日期:2024-05-21 07:30:49  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):9

大家好,我是一名新開的淘寶店主,今天在這里給大家分享一點(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ī)則

本文來源: 13步分享如何制作詳情頁關(guān)聯(lián)營(yíng)銷

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶天貓寶貝詳情頁模板添加關(guān)聯(lián)產(chǎn)品連帶的方法 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
淘寶裝修子賬號(hào)設(shè)置流程 淘寶店鋪,天貓店鋪背景固定的方法。
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net