天貓店招代碼是什么（天貓店招設置技巧）

之前有講過海報的套版和怎么用代碼裝修到店鋪的教程，今天簡單講一下店招的簡單設計與裝修吧。

還是那句話，新手要看，大神請繞道。

廢話不多說，直接開擼，打開PS，按CTRL+N 新建一個尺寸為950*150像素高，分辨率72dpi的文檔，高度150像素的話是會遮蓋系統自帶的導航條，這個后面裝修的時候再圖解。當然店招設計有很多種，這是其中一個簡單的排版方式，想做好看，努力學設計吧，加油。

選擇矩形工具（U），然后在畫面中用鼠標點一下后會彈出對話框，輸入950像素、30像素，這里30像素高就是店招里系統自帶的導航條的高度。

把你店鋪的商標或者店名整上去，再加個小標語，然后可以在自定義形狀（U）里搞個心形放進去。再畫一個圓角長條矩形，上面打上字：關注我們。至于怎么去找心形，怎么掌握圓角矩形的弧度，這些可以去百度，也可以留言問，這里不多講。

右邊畫一個矩形里面輸入文字：收藏店鋪或者收藏我們之類的文字，矩形做一個小描邊。如圖

然后就是導航條上的分類了。一般的分類包含：首頁、所有寶貝、XX尚新、熱賣推薦等，后面就是你產品的分類了。比如外套、連衣裙、打底褲、套裝、衛衣、褲子……這個具體自己去分（所有要放上去的分類請提前在店鋪后臺建立相應分類并把產品歸類）。

中間還有些空，就加點優惠券吧。當然你也可以加產品圖，我不怎么喜歡加產品，感覺亂亂的，就加優惠券吧。不加東西的話有些處女座老板會說：這里空著干什么，加我產品進去……LOGO再大一點。

老板，夠滿了吧。簡單的店招設計好了，接下來就是保存出來再上傳到你圖片空間里。這里也可以做動態圖，利用時間軸，創建2幀以上的動態圖。

選擇第二幀，把要動起來的地方移動一下。比如暖冬尚新和滿減優惠。選中暖冬尚新文字，按數字鍵5，這樣就可以把這個文字的透明度快捷的調整到50%（0-9自己去試驗）,這樣我們第一幀的字體透明度是100%，第二幀就是50%，就會有一個由明到暗的變化然后把優惠券分別：第一個第一幀上移一下，第二個第二幀下移一下。再把關注我們旁邊的小心心透明度調一下，與暖冬那個同理。最后效果如下，雖然有點LOW，意在教你們怎么做動態店招嘛。

做好后保存，問津-儲存為Web所用格式，快捷鍵：Shift+Ctrl+Ait+S，彈出頁面右上角選擇GIF格式（動態圖），其余默認就好。如下圖

保存好后，再新建一個1920*150像素的文檔，然后再用矩形工具創建一個1920*30的矩形，并與店招一樣填充相同顏色。然后把矩形移動到最下面，按Shift+Ctrl+Ait+S快捷鍵保存一張JPG圖片出來，這里是做的頁頭背景圖。

打開可以在線轉代碼的網站，比如某工助手（現在是某定設計），找到通用全屏熱點生成工具。

把我們做好的店招圖上傳到你網店的圖片空間里（建議在圖片空間建立好對應文件夾，以便后期管理），傳完后鼠標放店招圖片上會有4個選項顯示出來，選擇第二個：復制鏈接。如下圖

把復制好的鏈接，黏貼到熱點生成工具網站的對應位置。如圖示。

然后用鼠標在圖片上按左鍵畫出需要添加的熱點。如圖。

接著，就可以把每個熱點需要跳轉的鏈接復制到對應熱點上了。具體操作是點擊畫好的熱點框，右邊會彈出熱點屬性欄，把此熱點需要跳轉后的鏈接復制到屬性框的鏈接項目后即可。

比如店鋪收藏：打開自己店鋪首頁，鼠標放自己店名處會顯示出店鋪信息，右下角有個收藏店鋪，鼠標放收藏店鋪字樣上右鍵，點擊復制鏈接地址再回熱點網站頁面黏貼到熱點鏈接位置即可。分類鏈接請去后臺你創建分類的頁面復制，首頁就是你自己店鋪的網址鏈接就行。其它鏈接不會找就百度，這里不多講

熱點都搞定后，右上角有個生成代碼。點擊生成代碼。復制代碼

打開店鋪裝修，在店招位置雙擊打開編輯模式，勾選自定義。點擊代碼模式，復制剛才生成的代碼。下面高度輸入150。默認是120,120高度會顯示系統自帶導航。如果不需要自己設計的導航可在設置店招的時候做120高度即可?；蛘哌@里高度是默認120也可以。

這樣店招就完成80%了。因為還有一個頁面背景沒有設置。在裝修頁面最左側點選頁頭，頁頭背景色顯示前勾去掉。頁頭下邊邊距選擇關閉，點擊更換頁頭背景圖，選擇我們之前做好的1920*150的背景圖。下面不平鋪并應用到所有頁面。

這樣就搞定一個簡單的店招裝修了，預覽一下效果，點擊一下每個熱點是否正確，最后選擇發布即可。

好了，今天的教程結束，有什么不懂的可以在下面留言，我有看到就回復，沒有看到那就抱歉了，請找度娘吧。下一期我們講什么呢，我還沒想好……呵呵噠~