淘寶雙11素材、淘寶雙11活動(dòng)促銷海報(bào)及商家店鋪裝修模板使用指南.doc

雙11促銷海報(bào)、素材在最下面雙十一店鋪模板裝修說(shuō)明書(shū)為了商家們能更方便的裝修店鋪，總結(jié)了以下幾點(diǎn)店鋪裝修步驟，以供商家學(xué)習(xí)使用。（*請(qǐng)使用google瀏覽器或者火狐 firefox瀏覽器進(jìn)行操作）一、生成裝修代碼第一步：打開(kāi)網(wǎng)址 : /go/act/tmall/htmlcodebuilder.php此頁(yè)面為裝修代碼生成器，用戶可通過(guò)此工具快速生成雙11商品活動(dòng)頁(yè)面。詳細(xì)如下：通過(guò)下面的表單將商品信息填入，如圖2-2：圖2-2 商品列表1.商品列表信息中左邊數(shù)字表示商品序號(hào)。2.“商品圖片”欄中填入商品圖片地址。（請(qǐng)把圖片上傳到到淘寶店鋪裝修圖片空間內(nèi)）。3.“商品標(biāo)題”中填入商品的名稱。（*文字必須控制在15個(gè)字以內(nèi)，超過(guò)頁(yè)面會(huì)亂掉）4.“商品鏈接”中填入商品的頁(yè)面鏈接地址。 5.“現(xiàn)價(jià)”一欄中填入商品的雙十一折扣價(jià)格。 6.“原價(jià)”一欄中填入商品的原價(jià)。第二步：填入產(chǎn)品的相關(guān)信息,填寫(xiě)完畢如下圖2-3顯示:圖2-3注意：商家可根據(jù)自己的需要填寫(xiě)多條商品，如只有5個(gè)商品，則只需要填寫(xiě)前5條即可。若商家需要填入商品數(shù)量很多，頁(yè)面上顯示的個(gè)數(shù)不夠，需要繼續(xù)添加的，可將頁(yè)面拉至底部，“在尾部添加一行”或者“在頭部添加一行”兩個(gè)按鈕皆可以添加商品列表的數(shù)量。如圖2-4：圖2-4 添加商品列表功能說(shuō)明：“在尾部添加一行”添加后的數(shù)據(jù)顯示在所有商品列表的最后面“在頭部添加一行”則是在所有商品列表的最前面。“清空數(shù)據(jù)”按鈕可以清空在框內(nèi)所寫(xiě)的所有商品信息。將商品信息填寫(xiě)完畢后，可在頁(yè)面右上角找到兩個(gè)按鈕，如圖2-5；一個(gè)為“完成”按鈕，一個(gè)為“關(guān)閉”按鈕。點(diǎn)擊“完成”，可對(duì)用戶填寫(xiě)的商品信息保存，并在頁(yè)面上展示商品信息填寫(xiě)完畢后的預(yù)覽效果。 圖2-9點(diǎn)擊“關(guān)閉”則不作保存！如圖2-6；圖2-5 編輯完成第二步：預(yù)覽頁(yè)面導(dǎo)出HTML代碼（1）點(diǎn)擊完成按鈕之后可預(yù)覽頁(yè)面效果如下圖2-6所示:圖2-6 頁(yè)面預(yù)覽（2）頁(yè)面內(nèi)容確認(rèn)無(wú)誤后，點(diǎn)擊“備份/還原數(shù)據(jù)”按鈕。如下圖所示：輸入備份的文件名稱，（可自定義）。完成后點(diǎn)擊執(zhí)行備份（點(diǎn)擊后可在還原模塊的還原項(xiàng)下拉框中看到文件名）。然后點(diǎn)擊“關(guān)閉”。（“備份還原”操作在下文其他按鈕功能解釋中有詳細(xì)說(shuō)明）（3）備份完成后，點(diǎn)擊“導(dǎo)出HTML代碼”按鈕，復(fù)制內(nèi)容到店鋪模板頁(yè)面中即可。彈出如圖2-10的窗口。（此編輯器內(nèi)的代碼就是我們最終放到店鋪?zhàn)远x區(qū)塊里的HTML代碼。選中所有代碼點(diǎn)擊復(fù)制）圖2-10 HTML代碼導(dǎo)出其他按鈕功能解釋：此時(shí)頁(yè)面右上角出現(xiàn)4個(gè)按鈕：“編輯數(shù)據(jù)”、“導(dǎo)出HTML代碼”、“備份/還原數(shù)據(jù)”。如圖2-7：圖2-7 “編輯數(shù)據(jù)”回到上一步，進(jìn)行商品信息修改、添加、刪除操作。“導(dǎo)出HTML代碼”導(dǎo)出最終放進(jìn)店鋪裝修中的HTML代碼。“轉(zhuǎn)換收藏頁(yè)為購(gòu)買頁(yè)代碼”把收藏頁(yè)代碼轉(zhuǎn)換為購(gòu)買頁(yè)代碼具體操作在下文中列出?！皞浞?還原數(shù)據(jù)”點(diǎn)擊此按鈕后彈出下圖2-8窗口進(jìn)行備份還原，在備份一欄中，填入備份文件的名稱，點(diǎn)擊執(zhí)行備份即可備份。還原操作步驟，可點(diǎn)擊請(qǐng)選擇還原項(xiàng)下拉框選擇備份文件名稱進(jìn)行還原，還原前可先預(yù)覽效果。最好點(diǎn)擊執(zhí)行還原進(jìn)行還原操作。圖2-8 備份與還原建議商家進(jìn)行備份，以免數(shù)據(jù)丟失造成不必要損失。（必須使用google瀏覽器或者火狐 firefox瀏覽器支持此功能?。┬薷捻?yè)頭活動(dòng)文案圖片：如果活動(dòng)頁(yè)頭文案需要調(diào)整，請(qǐng)參照附件PSD文件更新文案。調(diào)整對(duì)應(yīng)的：“可改文案”圖層。背景不可以改動(dòng)！ 不要增加新的內(nèi)容和圖形！圖片生成在線地址后，請(qǐng)?zhí)鎿Q下圖紅框內(nèi)的地址。src=你的圖片地址。如圖2-9圖2-9備注：收藏版，“11月11號(hào)，僅此一天！搶先收藏 收藏更多店鋪”為鏈接，鏈到/go/act/tmall/yrsc.php（此鏈接11月1日生效），如圖2-10圖2-10第四步：創(chuàng)建淘寶頁(yè)模板一、打開(kāi)店鋪裝修（1）首先商家登陸淘寶首頁(yè)，使用自己用戶名密碼登陸后，在天貓商家中心左側(cè)選擇店鋪裝修，如圖1-1：圖 1-1 店鋪裝修（2）進(jìn)入店鋪裝修后，點(diǎn)擊左邊淘寶店鋪裝修，進(jìn)入店鋪。（3）進(jìn)入店鋪后，將鼠標(biāo)放到左上角的“頁(yè)面”上，在顯示框中選擇需要編輯的頁(yè)面，如圖1-2：圖1-2（4）點(diǎn)擊管理所有頁(yè)面（5）點(diǎn)擊添加新頁(yè)面（6）設(shè)置完畢點(diǎn)擊保存。設(shè)置如下圖顯示：（7）編輯新建頁(yè)面,在新建頁(yè)面中添加新模塊（圖3-1）。模塊選擇“自定義內(nèi)容區(qū)”（圖3-2）圖：3-1圖3-2(9)點(diǎn)擊編輯，編輯此模塊見(jiàn)圖3-3圖3-3（10）點(diǎn)擊源碼按鈕，圖3-3圖3-3（11）把我們?cè)谥皬?fù)制出的HTML代碼粘貼進(jìn)編輯器中。然后點(diǎn)擊保存。通過(guò)以上步驟，即可將代碼放入店鋪裝修中，就可在頁(yè)面上預(yù)覽到代碼放入店鋪中的效果，可點(diǎn)擊頁(yè)面右上角的，預(yù)覽按鈕，查看店鋪當(dāng)前頁(yè)面裝修后預(yù)覽的效果，如若效果無(wú)誤，可點(diǎn)擊發(fā)布按鈕將內(nèi)容發(fā)布。五、11月11日凌晨0:00一鍵切換為購(gòu)買版！以上代碼生成的是11月1號(hào)凌晨0:0010號(hào)23:59分的“收藏版”內(nèi)容。11月11日凌晨0：00，請(qǐng)大家務(wù)必把此版本切換成“立刻購(gòu)買版”?；氐酱a生成器頁(yè)面 /go/act/tmall/htmlcodebuilder.php ；點(diǎn)擊右上角的“轉(zhuǎn)換收藏頁(yè)為購(gòu)買頁(yè)代碼” 如圖2-9：圖2-9 轉(zhuǎn)換收藏頁(yè)為購(gòu)