网店里少不了促销模板的影子，做一个促销模板其实很简单，下面就通过一则简的铺子，来教大家淘宝店铺格子促销模板制作方法。
步骤：
先看一下淘宝店铺格子促销模板的效果图：
淘宝店铺格子促销模板第一步：找背景 （在百度图片里找 一张自己喜欢的和店里风格相符合的背景，在此选择通用也是百搭的格子背景）
淘宝店铺格子促销模板第二步：PS制作页面背景图 （新建时注意，宽度为 750-淘宝默认大小，长度500-700， 在ps里打开背景图，用选取工具画出长方形）
（填充颜色为白色，透明度50-70，）（输入标题文字，这里写的是热卖的英文，因为艾拉觉 得英文比较唯美）背景图片完成了哦，注意保存，然后上传到淘宝图片 空间里，下面会用到这张背景的网址）。
淘宝店铺格子促销模板第三步：在FP里制作表格
1 、打开FP，默认代码就是下面的哦。
2、在 <body>------</body>之间插入表格（因为设计的格子是6个宝贝 ，所以是8行，列数为7列，每多三个宝贝就要多 增加三行哦）
3、看下面的数据，宽度是750，高度为500，亲可以自己输入代码中 上面所说的背景图现在用到了哦，background是背景的意思 就是在=号后面输入刚才保存在淘宝图片空间里的 那种图的地址哦。
4、插入宝贝图片（插入图片的代码是<img class='lazyload' src='/images/noimg.jpg' data-original=图片地址 > 插入图片的代码必须写在单元格<td>--------</td>之间 比如<td><img class='lazyload' src='/images/noimg.jpg' data-original=图片地址 ></td>
下面是具体的代码格子的大小，可以设置，也可以在设计里设置。
5、大功告成啦，这个淘宝店铺格子促销模板是不是很漂亮，然后复制代码，在店铺装修里插入代码。
本文整理于互联网，如有侵权，请联系email：kf@53shop.com 进行删除处理。
