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