一個(gè)精美的廣告可以吸引客戶的注意力，但是廣告本身，是否可以容入更多的點(diǎn)擊熱點(diǎn)，以增加與客戶的交互，也是相當(dāng)重要的。作為掌柜的我，雖然現(xiàn)在小店沒什么人氣（新開的嘛）但是通過精美的廣告，也留住也不少客戶，也讓客戶從廣告中不僅看到促銷的商品，同時(shí)也能領(lǐng)取優(yōu)惠券而得到實(shí)實(shí)在在的優(yōu)惠。

如圖。客戶看到了產(chǎn)品的廣告，是送內(nèi)褲，可以通過左邊的店鋪優(yōu)惠券領(lǐng)取廣告，又可以通過右邊的2張圖片，分別點(diǎn)擊訪問這2個(gè)商品。3者融合為一個(gè)整體，美觀自然，又具有交互性，也不只只是單調(diào)的圖片廣告。增加了交互性，也增加了商機(jī)。

那我們來看看，這樣的一個(gè)廣告是如何制作的呢？

1、我們要想好這個(gè)廣告的布局。這個(gè)布局通過Photoshop來制作。根據(jù)廣告出現(xiàn)的位置。我們是想讓它出現(xiàn)在首頁和產(chǎn)品頁。所以以750px X 300px的大小來。

2、設(shè)計(jì)好廣告，并留出可以放優(yōu)惠券的空間，也做出切割線以備切割圖片。如圖，在免費(fèi)領(lǐng)的下方就是足夠放優(yōu)惠券大小的地方，右邊2個(gè)內(nèi)褲的圖片，就是做活動(dòng)的2個(gè)商品。性感吧，誘人吧。再加上免費(fèi)領(lǐng)這個(gè)大大的字。 估計(jì)會(huì)有不少人看到了不會(huì)放過的啦。

3、接下來，將這個(gè)大圖按這2根線切割并保存成3個(gè)文件。并且將圖片傳到淘寶自己帳戶的圖片空間里，就可以啟動(dòng)Dreamweaver來編輯html代碼了。（html代碼的基礎(chǔ)還是希望各位掌柜位都學(xué)習(xí)了了解一下，做網(wǎng)商的必備技能）

4、我們以最基本的表格來制作。建立一個(gè)1行3列的表格。表格的第一個(gè)單元格再插入一個(gè)2X2的表格。以便放置優(yōu)惠券代碼，而且不會(huì)產(chǎn)生移位。如圖所示。

表格的代碼如下（代碼比較長，看一下大圖代碼會(huì)清楚點(diǎn)）：

這里我們講解一下，第一個(gè)劃紅線的是將表格單元格的背景設(shè)置為第一張圖；第二個(gè)畫紅邊框的內(nèi)容是通過后臺(tái)促銷管理生成的優(yōu)惠券的代碼。第三、四條橫線是另外2個(gè)促銷商品的圖片地址和鏈接地址。 就能看到如上開頭所看到的廣告圖效果了。

5、將這段代碼放在店鋪裝修里的代碼里。一切就大功告成啦。

希望對(duì)各位掌柜有幫助，有不懂的地方大家互相學(xué)習(xí)和交流哈。。。也請各位高手指教

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

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

本文來源： 如何制作淘寶店鋪賣家促銷優(yōu)惠券的廣告