隨著阿里的不斷升級(jí)與變化,許多朋友紛紛表示,現(xiàn)在阿里的生意越來(lái)越難做。無(wú)奈的是,平臺(tái)運(yùn)營(yíng)和我們個(gè)人一樣,只能跟著游戲規(guī)則,學(xué)著成長(zhǎng)。
如果不能改變大環(huán)境,我們就要讓自己更好、更快地學(xué)會(huì)適應(yīng)規(guī)則!阿里在6月的全網(wǎng)發(fā)布直播中指出,商品詳情頁(yè)將呈現(xiàn)以下三個(gè)趨勢(shì):
2.海量裝修模板靈活使用,深耕行業(yè),不再局限于7個(gè)模板;
3.建立自營(yíng)銷場(chǎng)景,形成流量私域閉環(huán),增加更多的營(yíng)銷轉(zhuǎn)化場(chǎng)景。在這種大趨勢(shì)下,我們?cè)撊绾沃谱髟斍轫?yè),才能緊跟趨勢(shì),甚至脫穎而出呢?今天小編就跟各位小伙伴一起來(lái)分享一下,如何運(yùn)用dreamweaver (DW)做好詳情頁(yè)。這里以產(chǎn)品關(guān)聯(lián)和產(chǎn)品詳情圖的操作為例子,跟各位小伙伴分享一下。
一、產(chǎn)品關(guān)聯(lián)
重要提醒:在進(jìn)行DW的操作之前,我們要先把做好的產(chǎn)品關(guān)聯(lián)圖片上傳到圖片銀行。記住,這一點(diǎn)對(duì)我們后面的操作很重要!
1.打開(kāi)DW,選擇新建【HTML】
2.選擇【拆分】選項(xiàng),這個(gè)頁(yè)面的左邊是圖片的代碼,右邊是放圖片的位置。我們要先將圖片拖到右邊的頁(yè)面去。
3.因?yàn)樽筮吺欠艌D片的地址,所以我們要把圖片的地址替換成這張圖在圖片銀行的地址,才能在詳情頁(yè)里面有所顯示。
4.替換好地址后,我們就需要一個(gè)一個(gè)地來(lái)設(shè)置鏈接跳轉(zhuǎn)了。選擇下方的矩形熱點(diǎn)工具,選擇第一個(gè)方框,把想要跳轉(zhuǎn)的鏈接復(fù)制在【鏈接】的選項(xiàng)里,選擇【目標(biāo)】blank,以此類推,把接下來(lái)的方框按照第一個(gè)的方法去設(shè)置。
5.全部設(shè)置完以后,我們就可以看看剛才的設(shè)置有沒(méi)有成功。檢查完畢后,我們就可以將代碼復(fù)制到詳情頁(yè)里去了,注意,復(fù)制的代碼從往下開(kāi)始,到往上結(jié)束。
因?yàn)檎麄€(gè)詳情頁(yè)下來(lái),代碼會(huì)很多,很雜。很多小伙伴就算做好了產(chǎn)品關(guān)聯(lián)的代碼,也不知道要復(fù)制在哪個(gè)位置。這里,小編告訴大家一個(gè)小技巧。
我們可以在詳情頁(yè)要替換的位置做一下標(biāo)識(shí),比如打一個(gè)英文單詞“here004”。那我們轉(zhuǎn)到代碼頁(yè)的時(shí)候就可以直接找這個(gè)單詞,再把圖片的代碼復(fù)制粘貼在單詞下面就可以了~
二、產(chǎn)品詳情圖
在詳情頁(yè)制作中,一些板塊的DW制作過(guò)程是很相似的,我們這里用產(chǎn)品詳情圖作代表,大家可以舉一反三,運(yùn)用到詳情頁(yè)其它板塊的制作。
比如我們第一個(gè)板塊做了關(guān)聯(lián)營(yíng)銷,那接下來(lái)我們就需要在下邊寫入代碼:
這行代碼就是需要插入下圖的地址
PS:這里插入的圖片大小是700*658像素
下面是效果圖
最后提醒一下各位小伙伴,用DW做完詳情頁(yè)后,記得把文件保存為網(wǎng)頁(yè)形式的文件。