如何在宝贝详情页的前做关联营销图的设计

最近有很多淘友们都在说店铺宝贝描述页装修规则变了，以前在详情页的上面可以添加自定义模块，而现在不能在详情页的上面做关联营销了，很多卖家都把关联营销做到了描述的后面了，感觉这样很不习惯，很多亲们的意见就是还是想把关联营销做在宝贝详情页的上面，因为一个店铺只有20%的宝贝带来80%的效益，80%的宝贝带来20%的效益，这就是所谓的二八定律，大多数卖家重点都放在这20%的产品上，基本上其余80%的产品只是占推荐位，在宝贝下架的时候带来更多的流量，而有效流量进来后又想把顾客的注意力转移到店铺主推的款上，如果把关联营销做在前面，这样顾客最先看到的就是自己推广的宝贝，如果够吸引力肯定就能够把顾客的眼光转移到主推的宝贝上去，如果放在后面，客户所看宝贝，觉得不满意，可能看到半路就关闭了页面，那么店铺所推广的宝贝自然也就看不到了!

由于规则变化，导致在装修做关联营销是一件很麻烦的事情，要是在每个宝贝的描述页前面都去做一遍关联营销，有的掌柜店铺多达上千款的宝贝，那么这样去做的话肯定是不现实的，因为关联营销随时都要做修改，再说这样做既费时又费力，那么如何快速轻松的在宝贝详情页的前面做好关联营销图的设计呢?下面我就进入主题，也就不废话了，好处掌柜们肯定都懂，我也就不再这儿强调更多了!

一、先构思好宽度为750的关联营销设计图，然后用Photoshop软件设计出关联营销图，关于PS软件的使用相信很多掌柜都懂，新手不懂的经验畅谈居有很多精华帖可以去学习的，这儿我就不多做解释了!例如我用PS做出来的设计图：

二、750的关联图做好后，这时我们就用PS的切片工具把每个宝贝宝贵下面的文字切成片，我的就是切成的九块。

为了让不是很懂PS的掌柜们能够看明白，我在这儿分享得详细，首先是先用PS设计好宽度为750的关联营销图，(当然如果要放到首页宽度就设置成950)!设计好图后就进行切片 !

切片完成后就保存为WEB格式到指定的地方，一般情况下便于操作，我们就保存在桌面。

保存好后就会在所保存的位置生成一个被切片的图片文件夹，一个就是本地网页文件

打开被切成的图片文件夹就可以看到被切成的几张链接图。淘宝学堂（http://www.tbxt.com）（http://www.tbxt.com）

这个时候先把被切片的图片上传到图片空间

三、在桌面还有一个本地网页文件，这个时候我们找到这个文件鼠标单击右键，选择打开方式，用记事本打开本地网页文件

这个时候打开的就是HTML代码

打开后鼠标单击内容区，然后按Ctrl+A全部选中，再按Ctrl+C复制全部，在编辑之前先重新发布一个宝贝，发布这个宝贝其他项都可以不填，只填必选项就行了，为什么要这样做呢?因为我们现在所进行的都是HTML代码的编辑，为了不出错，操作方便这样是最省事的办法，

因为我们要把关联营销做在宝贝详情页得最前面，我们所出售的宝贝详情页进去点击源码编辑的时候里面会出现很多的代码，由于大多数淘宝创业的亲们对源代码都不是很懂，所以我让你们重新发布一个宝贝，这个也是最方便得办法，因为宝贝详情是一片空白，什么内容都没有，便宜我们的编辑与后面的操作!

再发布新宝贝的宝贝描述编辑的时候，单击左上角的源码编辑按钮，进入源码编辑模式。然后把刚才复制的代码粘贴到宝贝描述编辑框中，粘贴好后，再点击左上角的源码按钮，这个时候就回到所见即所得图文编辑模式，这个时候就会出现白底和虚线框的编辑区，如图：

这个时候我们就进行对其编辑，方法很简单，编辑区里面的几个虚线框也就是我们所切片成的几个宝贝链接，这个时候我们把鼠标移动到第一个虚线框里面单击右键，再弹出的菜单里面选择图片属性选项，就会进入图片属性编辑框

剩下的关联宝贝操作得方法一样，按照上面的方法依次把要做好的关联做好后，再点击左上角的源码按钮，进入源码编辑模式，这个时候宝贝描述编辑框中出现的所有代码就是我们所编辑的关联图形的代码，鼠标单击编辑框内，然后按Ctrl+A全部选中，再按Ctrl+C全部复制到剪贴板，然后就不要把这个上架的宝贝上架，只要放入仓库就行!因为复制在剪贴板里面的代码可能在操作得过程中我们会丢失，当剪贴板中的内容丢失后我们可以进入仓库中的宝贝，找到这个宝贝点击编辑宝贝，就可以重新进入宝贝描述页中复制代码!

这个时候我们复制好代码后，就可以打开每个出售中的宝贝进行重新编辑，在宝贝描述框中单击左上角的源码按钮进入源码编辑模式，这个时候我们把光标移动到顶部的最前面位置，也就是首位，然后按Ctrl+V粘贴我们所复制的关联图形的代码，再单击宝贝描述框左上角的源码按钮，回到所见即所得的编辑模式，这个时候我们就可以看到我们所做的关联图形了，然后单击确认发布宝贝，这个时候大功告成了，然后打开宝贝自己先点击一下看每个宝贝的链接是否与其对应!做好后打开宝贝详情页如下图：

最后我要强调的是设计图形最好保存一个PS源文件在哪儿，因为关联营销是需要随时改变的，以便以后的操作和修改!不过设计关联营销图形各位亲可以根据自己的爱好习惯来设计，不一定要像我这样设计，在这儿我只是分享的一个快速制作关联并且放在描述页的最前面位置的一种方法而已，我相信各位亲们设计图形方案肯定比我的要好!

还有一点有些亲们可能会问，以后我要是一改设计图形，不是全部都得重做吗?

恩，是的，图形不一样肯定是需要重做的，不过这种方法做熟悉了也是很简单很快的，要是不改变图形只是改变宝贝的话，那就更方便了，我们只需要把需要改变的关联宝贝的图片从图片空间下载到桌面，然后放入PS里面进行编辑一下就好了，编辑好的关联宝贝我们保存在桌面，以便于操作，这个时候我们进图图片空间把需要改变的关联宝贝替换成我们新的关联宝贝图片就OK了，宝贝描述中的关联宝贝都会自动修改，这不是很方便吗?