店铺装修自定义内容区 标准版打造拓展版效果

店铺装修是一门学问，尤其是对于没有任何网店装修经验的新手卖家来说，更是常常感觉无从下手，往往不得要领，走很多弯路。当然来淘宝学堂是为了交流和学习，不是一味讲求要花多少钱来装修店铺、一定要把店铺装修的有多华美。但是在尽可能利用手头现有资源，在花钱不多的情况下尽可能把店 铺弄漂亮些，还是有必要的，也是值得的。

其实只要肯学习，肯动脑子，每个人都能成为店铺装修的行家里手。标准版只要装修到位，也能做出拓展版的效果来。

所谓自定义内容区，就是店铺提供给卖家可自己设置内容的区域，在此区域内卖家可通过html代码的表现，实现颜色风格、内容随意组合等目的，并且是店铺装装修最关键的区域。是几乎所有卖家最为喜爱的模块。因为此模块自由度很高，可以有许多用途。只要你玩转自定义内容区，充分挖掘出自定义内容区的强大功能，就能把标准版的店铺打造出拓展版的效果来。

和淘宝学堂一起看看我们可以利用自定内容区模块做些什么？

一、认识自定义内容区

【自定义内容区】究竟如何使用呢？首先要进入卖家中心后台的【店铺装修】，如下图，双击进入店铺装修页面

添加自定义内容区，点击装修页面或是宝贝详情页最下方【在此处添加新模块】，如下图

在弹出的窗口中添加【自定义内容区】，点击【添加】，如下图

添加完成之后，在新添加的模块上点击【编辑】

进入编辑页面把设计好的相应代码放入编辑框内，点击保存即可。下图是【编辑内容】对话框里菜单栏上的各功能分布

其中菜单栏最后一项 按钮，是原代码HTML编辑菜单，所有和代码有关的编辑都要通过它来完成，点击 ，粘贴相应的代码

再点击 ，代码就会生成相应的可视编辑图，如下图

以上只是【自定义内容区】的一个简单认识，接下来我们就来看看利用它来怎样装修好自己的店铺。

二、悬浮旺旺、悬浮分类的添加

要把悬浮旺旺和悬浮分类的CSS代码插入到自己店铺里，就可以按上面的方法将悬浮旺旺和悬浮分类的原代码粘贴到【自定义内容区】HTML编辑器里，然后进入可视编辑状态，如下图所示

选定要添加超链接的文字或图片，点击 菜单，替换或插入超链接，如下图

完成以后最终效果如下所示

这只是一个悬浮模块添加的简单介绍，因这个过程比较复杂，需要深入研究，本帖篇幅所限，将不再深究。

三、添加团购、聚划算模块

利用【自定义内容区】的原代码HTML菜单，添加设计好的团购、聚划算装修模块代码，可以轻松将团购、聚划算模块插入店铺首页或是宝贝详情页的任意位置，例如在首页顶部滚动图片下方插入聚划算模块，方法是：装修页面右下部添加【自定义内容区】→【编辑】→【HTML菜单插入代码】→【再点击HTML可视编辑】，如下图

在可视编辑状态下替换右则显示图片，修改价格和折扣信息，图片可以事先通过PS处理好，注意图片尺寸大小，不宜过大，尺寸要和模块显示图片刚刚好，然后利用前面提到给图片添加链接的方法，为图片加上超链接，做完这些工作，然后点击【保存】，通过模块自带的上下移动 功能将它移动到首页顶部流动图片的下方，最后发布自己的店铺，最终效果如下所示

显而易见，店铺比没有添加模块之前生动很多！如果你懂PS，可以把显示图片做的更好一些，比如让图片或文字动起来。需要提醒的是此处的图片不支持本地图片，是需要你把做好的图片上传到外链相册里去，然后链接到这里才可以。

四、左侧栏添加促销区

一般的标准版店铺左侧栏都会有公告栏、客服中心、宝贝分类、销售排行榜和友情链接等，有的是旺铺模板自带的，有的是自己添加的。但由于首页一般显示的宝贝很多，以上这些模块并不能完全添充满左侧栏，会在左侧栏底部形成空白区，因为标准版都是750的窄版，只有拓展版才能达到950的宽版效果，如下图所示：

其 实很多人就这样在店铺左侧栏底部留下一块未开发的处女地，既不美观，又浪费资源。如果是拓展版的店铺，此处可以添加促销团购区或是包邮专区等，谁让人家是 可以拓展的了，多花了钱当然就应该享受不一样的待遇，这无可厚非。但对于我们这些中小卖家来说，并不是每个人都愿意或是有必要去买个拓展版用，既然不想多 花钱，又想达到拓展版以上的效果，不动脑子想想办法肯定不行。这个时候就要发挥【自定义内容区】的强大功能了。我们在装修页面，在左侧栏低部以同样的方法 添加【自定义内容区】新模块，然后利用自定义内容区的编辑器编辑添加相应模块，我们就以添加一个【特价促销专区】为例来说明具体做法。

重新打开店铺页面，选定某一个宝贝，右击鼠标，选择【复制图片】，记住不是店铺装修页面，店铺装修页面不能复制宝贝图片，复制完成以后，回到刚添加的自定义内容区编辑器里，粘贴图片，如下图

接下来在图片底部加上标题和价格，为图片和文字分别添加链接，做完以后按回车键，以同样的方法做第二个宝贝，第三个宝贝……，需要提醒的是，【自定义内容区】里并不是可以添加无穷尽的东西，大小有一个限制，不能超过20K，20K是个什么概念呢？我统计过了，像上面这样，选择图片尺寸185×185的情况下，大致可以添加16个宝贝，如果16个 宝贝添加完了，保充发布了以后还是不能填充满空白区，怎么办？简单！那就再新添加一个【自定义内容区】模块，重复上面的步骤，如此反复，则大功成亦！需要 说明的是：首页做完发布以后，并不能同步显示到宝贝详情页面，需要在宝贝详情页面重新做。如果想图省事，那就可以复制已做好的模块代码，把代码粘贴到宝贝 详情页左侧栏添加的【自定义内容区】模块里，保存发布就OK啦。

五、在宝贝详情页添加“掌柜推荐宝贝”和“同类宝贝推荐”模块

在 拓展版以上店铺，我们可以看到在宝贝详情页宝贝描述的顶部，有“掌柜推荐宝贝”模块，在最后面还有“同类宝贝推荐”等模块，说白了，都是为了最大可能的将 来访顾客留在自己的店铺里，顾客在浏览完一个宝贝的描述和图片时，也许正要关掉窗口离开之时，无意中看到了“掌柜推荐宝贝”和“同类宝贝推荐”模块里的宝 贝，说不定就顺手点开了一个宝贝，由次而留住了来访顾客，成交了一单生意！标准版的店铺该怎样来做这两个模块呢？其实做法和左侧栏“特价促销区”的方法几 乎一样，稍有不同的是在做这两个模块时，是在宝贝详情页右侧栏底部添加【自定义内容区】，而在宝贝的排列上也有所不同，左侧栏是竖排，一排只放一个宝贝， 因为左侧栏空间有限；而这两个模块，在宝贝排列上成阵形排列，横排四个，竖排四个，最终效果如图所示

给每个宝贝底部添加文字标题和价格，你自己做时可以把这些都做加上，效果会更好。同样的方法在宝贝描述的末尾添加“同类宝贝推荐”模块。做完以 后保存发布以后，在【发布】时在“是否同步首页的左侧栏到其它页面”前打勾，这样所有的宝贝详情页都有了模块，不用一个一个的去做。

六、在首面底部添加“页尾”和“宣传促销”模块

接下来再简单的谈一下添加“页尾”和“宣传促销”模块，页尾主要依靠PS一张长宽合适的图片来实现，可以在图片上加上“欢迎光临本店”、“TOP回到顶部”等字样，把图片添加到自定义内容区，再为图片和文字加上超链接，保存发布就好啦，这样一个简单的页尾就做出来了，如图所示

而“宣传促销”模块可以是图片，也可以文字，放置位置也更加灵活，可以放在首页，也可以放在宝贝详情页，更可以放在宝贝列表页，做法和页尾的完全一样，没什么好说的，不再赘述。

综 上的述，这就是店铺装修中“自定义内容区”的使用方法和一些技巧，当然它的用法不仅仅只有这些，还有很多种，这里只是结合我自己在店铺装修时，关于自定义内容区的使用方法和心得体会，经验分享，抛砖引玉，举一反三，聪明的你一定会发现更多更实用的用法。让我们真正掌握完全自 定义内容区的强大功能，利用它将我们的标准版店铺打造成不次于拓展版店铺的效果来！