九宫格(新)概要.pptVIP

九宫格制作 九宫格简介 定义：由九个带链接的图片格子组成，买家可通过点击图片进入相 对应的产品页面。 位置：产品页中商品说明部分的上面或者下面。 格式：不限，商家可以根据商品布局制作成不同风格。 作用：作为“推荐商品”存在于单品页中，给买家提供了更多选择， 为店铺其他商品提供了更多展示机会，不仅可以为店铺引入更多流量，而 且提高了销售机率。 注意：添加在单品页中的“九宫图”是个统称，商家可根据实际情况增加 推广单品数量。 九宫格制作 制作图片：格式：gif/jpg，宽、高不限。 上传图片：将图片放置于稳定图片空间（确保图片可以被正常引用）。 编辑代码：编辑源代码，目的是为图片加上商品链接。 栏目制作：将做好的九宫格代码添加到商品描述公用栏目中。 插入页面：将商品公用栏目信息调用到单品页中。 制作图片 大功告成 九宫格制作 制作图片：格式：gif/jpg，最宽处必须在700px（像素）以内。 案例： A图：店铺入口图 B—I图：单品图入口图 九宫格制作 店铺入口图A图： 规格：宽700px，高不限。 作用：买家通过点击店铺入口图可进入店铺首页。 制作技巧：通过图片买家就能够知道店铺商品类型，了解店铺促销 活动，添加引导性语言效果更佳。 店铺名称 店铺促销活动 引导性语言 九宫格制作 单品入口图B—I图： 规格：单张图片宽175px，高不限。 排列：通常是两行八图，四图一行。 选品：推荐商品一定要是热卖爆款，可在短时间内吸引买家注意力。 图片制作：有价格对比，购买提示，折扣幅度等。 九宫格制作 2.上传图片：当当目前没有自己的图片空间，请将做好的图片上传至固定 图片空间（常用的有淘宝，巴比豆，MSN的图片空间等）得到图片地址。 九宫格制作 3.编辑代码：制作可显示于网页的html代码。 1）将各图片地址和其对应的链接记录在表格中备用。 图片 入口图地址 入口图对应的链接 A B C D E F G H I 九宫格制作 3.编辑代码：制作可显示于网页的html代码。 2）打开我们提供给您的九宫格代码。 九宫格制作 3.编辑代码：制作可显示于网页的html代码。 3）替换代码。 用每张入口图的链接地址替代热区源代码里的“入口图在网上的地址” 用每张入口图对应的链接地址替代热区源代码里的“入口图链接的店铺首页或单品页地址”。 td colspan=4a target=_blank href= 店铺推广图（A图）链接的店铺首页地址img border=1 width=724 src= 店铺推广图（A图）在网上的地址 height=104 //a/td td colspan=4a target=_blank href= /4721 img border=1 width=724 src= /pic/2010/3/15/humwfdii/cx/TOPT.jpg height=104 //a/td 九宫格制作 4.栏目制作：将编辑好的代码制作成商品描述公用栏目。 步骤一：登陆后台，点击“商品管理”，进入“商品描述公用栏目”。 步骤二：点击“添加栏目”，进入到栏目编辑页面。 九宫格制作 4.栏目制作：将编辑好的代码制作成商品描述公用栏目。 步骤三：填入栏目名称，点击“html”，进入代码编辑器。 九宫格制作 4.栏目制作：将编辑好的代码制作成商品描述公用栏目。 步骤四：将之前替换好的代码插入编辑器内。点击“更新”完成栏目。 制作好的九宫格 插入页面 单个商品页面插入 批量（多个商品页面）插入 插入后商品页面效果如右图 九宫格 原始商品描述 整体效果 插入页面 单个商品页面插入 步骤一：点击“商品管理”的“查询与编辑”，找到要插入“九宫格”的商品，点击“编辑”进入编辑页面，找到“为商品描述添加栏目”。 步骤二：点击“栏目X”（X=1—3）的下拉框，将栏目选择进去。并填入“显示顺序”。 步骤三：点击“确认无误，提交”。 插入页面 批量商品页面插入 步骤一：进入需要修改的商品选择界面。 点击“商品管理”的“批量修改商品”，点击“1”里面的“导出并下 载商品清单”。 步骤二：选择要加“九宫格”的商品。 部分商品：从商品页面直接勾选即可。 插入页面 批量商品页面插入 步骤二： 全部商品：建议分页下载，保证数据质量，下载前先将商品显示改为60个/页。 然后勾选“商品编号”前面的方框即可选择整页商品。 位于页面最下方： 位于页面最上方： 步骤三