淘宝双11素材、淘宝双11活动促销海报及商家店铺装修模板使用指南.docVIP

双11促销海报、素材在最下面 双十一店铺模板装修说明书 为了商家们能更方便的装修店铺，总结了以下几点店铺装修步骤，以供商家学习使用。（*请使用google浏览器或者火狐 firefox浏览器进行操作） 一、生成装修代码 第一步： 打开网址 : /go/act/tmall/htmlcodebuilder.php 此页面为装修代码生成器，用户可通过此工具快速生成双11商品活动页面。详细如下： 通过下面的表单将商品信息填入，如图2-2： 图2-2 商品列表 1.商品列表信息中左边数字表示商品序号。 2.“商品图片”栏中填入商品图片地址。 （请把图片上传到到淘宝店铺装修图片空间内）。 3.“商品标题”中填入商品的名称。（*文字必须控制在15个字以内，超过页面会乱掉） 4.“商品链接”中填入商品的页面链接地址。 5.“现价”一栏中填入商品的双十一折扣价格。 6.“原价”一栏中填入商品的原价。 第二步： 填入产品的相关信息,填写完毕如下图2-3显示: 图2-3 注意：商家可根据自己的需要填写多条商品，如只有5个商品，则只需要填写前5条即可。若商家需要填入商品数量很多，页面上显示的个数不够，需要继续添加的，可将页面拉至底部，“在尾部添加一行”或者“在头部添加一行”两个按钮皆可以添加商品列表的数量。如图2-4： 图2-4 添加商品列表 功能说明： “在尾部添加一行”添加后的数据显示在所有商品列表的最后面 “在头部添加一行”则是在所有商品列表的最前面。 “清空数据”按钮可以清空在框内所写的所有商品信息。 将商品信息填写完毕后，可在页面右上角找到两个按钮，如图2-5；一个为“完成”按钮，一个为“关闭”按钮。 ·点击“完成”，可对用户填写的商品信息保存，并在页面上展示商品信息填写完毕后的预览效果。 图2-9 ·点击“关闭”则不作保存！ 如图2-6； 图2-5 编辑完成 第二步：预览页面导出HTML代码 （1）点击完成按钮之后可预览页面效果如下图2-6所示: 图2-6 页面预览 （2）页面内容确认无误后，点击“备份/还原数据”按钮。如下图所示： 输入备份的文件名称，（可自定义）。完成后点击‘执行备份‘（点击后可在还原模块的还原项下拉框中看到文件名）。然后点击“关闭”。（“备份还原”操作在下文其他按钮功能解释中有详细说明） （3） 备份完成后，点击“导出HTML代码”按钮，复制内容到店铺模板页面中即可。弹出如图2-10的窗口。（此编辑器内的代码就是我们最终放到店铺自定义区块里的HTML代码。选中所有代码点击复制） 图2-10 HTML代码导出 其他按钮功能解释： 此时页面右上角出现4个按钮：“编辑数据”、“导出HTML代码”、“备份/还原数据”。如图2-7： 图2-7 “编辑数据”回到上一步，进行商品信息修改、添加、删除操作。 “导出HTML代码”导出最终放进店铺装修中的HTML代码。 “转换收藏页为购买页代码”把收藏页代码转换为购买页代码具体操作在下文中列出。 “备份/还原数据”点击此按钮后弹出下图2-8窗口进行备份还原，在备份一栏中，填入备份文件的名称，点击‘执行备份‘即可备份。还原操作步骤，可点击请选择还原项下拉框选择备份文件名称进行还原，还原前可先预览效果。最好点击执行还原进行还原操作。 图2-8 备份与还原 建议商家进行备份，以免数据丢失造成不必要损失。（必须使用google浏览器或者火狐 firefox浏览器支持此功能！） 修改页头活动文案图片： 如果活动页头文案需要调整，请参照附件PSD文件更新文案。 调整对应的：“可改文案”图层。 背景不可以改动！ 不要增加新的内容和图形！ 图片生成在线地址后，请替换下图红框内的地址。src=你的图片地址。 如图2-9 图2-9 备注：收藏版，“11月11号，仅此一天！抢先收藏 收藏更多店铺”为链接，链到/go/act/tmall/yrsc.php（此链接11月1日生效），如图2-10 图2-10 第四步：创建淘宝页模板 一、打开店铺装修 （1）首先商家登陆淘宝首页，使用自己用户名密码登陆后，在天猫商家中心左侧选择店铺装修，如图1-1： 图 1-1 店铺装修 （2）进入店铺装修后，点击左边淘宝店铺装修，进入店铺。 （3）进入店铺后，将鼠标放到左上角的“页面”上，在显示框中选择需要编辑的页面，如图1-2： 图1-2 （4）点击管理所有页面 （5）点击添加新页面 （6）设置完毕点击保存。设置如下图显示： （7）编辑新建页面,在新建页面中添加新模块（图3-1）。模块选择“自定义内容区”（图3-2） 图：3-1 图3-2 (9)点击编辑，编辑此模块见图3-3 图3-3 （10）点击源码按钮，图3-3 图3-3 （11）把我们在之前复制出的HTML代码粘贴进编辑器中。然后点击保存。 通过以