店铺装修玩转自定义内容区标准版也能打造出拓展版的效果Word下载.docx

店铺装修玩转自定义内容区标准版也能打造出拓展版的效果Word下载.docx

《店铺装修玩转自定义内容区标准版也能打造出拓展版的效果Word下载.docx》由会员分享，可在线阅读，更多相关《店铺装修玩转自定义内容区标准版也能打造出拓展版的效果Word下载.docx（11页珍藏版）》请在冰豆网上搜索。

本教程是我在自己店铺装修时的一些经验总结，拿出来与大家分享交流，可能不够尽善尽美，望大家多指正，本人旺旺：

时分缘。

言归正传，咱不玩虚的，上就上干货。

所谓自定义内容区，就是店铺提供给卖家可自己设置内容的区域，在此区域内卖家可通过html代码的表现，实现颜色风格、内容随意组合等目的，并且是店铺装装修最关键的区域。

是几乎所有卖家最为喜爱的模块。

因为此模块自由度很高，可以有许多用途。

只要你玩转自定义内容区，充分挖掘出自定义内容区的强大功能，就能把标准版的店铺打造出拓展版的效果来。

来看看我们可以利用自定内容区模块做些什么？

一、认识自定义内容区

【自定义内容区】究竟如何使用呢？

首先要进入卖家中心后台的【店铺装修】，如下图，双击进入店铺装修页面

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

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

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

进入编辑页面把设计好的相应代码放入编辑框内，点击保存即可。

下图是【编辑内容】对话框里菜单栏上的各功能分布

其中最后一个菜单栏

，是原代码HTML编辑栏，所有和代码有关的编辑都要通过它来完成，点击

，粘贴相应的代码

再点击

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

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

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

本人另有一篇帖子详细讲述悬浮旺旺和悬浮分类的具体添加过程，其中讲到如何通过申请设计师，开放【完全自定义区】，把相应的CSS代码插入自己的店铺的做法。

这里需要提醒的是淘宝于8月低升级了系统，很多旺铺模板不在支持开放【完全自定义区】，真是形势赶不上变化，那意思是说标准版从此就不能添加悬浮旺旺和悬浮分类了吗？

答案是否定的，当然还有其他的方法把CSS代码插入自己的店铺。

至于到底如何插入CSS代码？

那是时分缘下一彻篇帖子讨论的话题，这里不在赘述。

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

选定要添加超链接的文字或图片，点击

菜单，替换或插入超链接，如下图

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

这只是一个悬浮模块添加的简单介绍，因这个过程比较复杂，需要深入研究，本帖篇幅所限，将不再深究，另开帖详细阐述，如果大家也想自己动手做一个，可以和我联系，本人旺旺：

时分缘，QQ：

505917002，我会发给大家详细的教程。

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

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

装修页面右下部添加【自定义内容区】→【编辑】→【HTML菜单插入代码】→【再点击HTML可视编辑】，如下图

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

功能将它移动到首页顶部流动图片的下方，最后发布自己的店铺，最终效果如下所示

显而易见，店铺比没有添加模块之前生动很多！

如果你懂PS，可以把显示图片做更好一些，比如让图片或文字动起来。

需要提醒的是此处的图片不支持本地图片，是需要你把做好的图片上传到外链相册里去，然后链接到这里才可以。

四、左侧栏添加促销区

一般的标准版店铺左侧栏都会有公告栏、客服中心、宝贝分类、销售排行榜和友情链接等，有的是旺铺模板自带的，有的是自己添加的。

但由于首页一般显示的宝贝很多，以上这些模块并不能完全添充满左侧栏，会在左侧栏底部形成空白区，因为标准版都750的窄版，只有拓展版才能达到950的宽版效果，如下图所示：

其实很多人就这样在店铺左侧栏底部留下一块未开发的处女地，既不美观，又浪费资源。

如果是拓展版的店铺，此处可以添加促销团购区或是包邮专区等，谁让人家是可以拓展的了，多花了钱当然就应该享受不一样的待遇，这无可厚非。

但对于我们这些中小卖家来说，并不是每个人都愿意或是有必要去买个拓展版用，既然不想多花钱，又想达到拓展版以上的效果，不动脑子想想办法肯定不行。

这个时候就要发挥【自定义内容区】的强大功能了。

我们在装修页面，在左侧栏低部以同样的方法添加【自定义内容区】新模块，然后利用自定义内容区的编辑器编辑添加相应模块，我们就以添加一个【特价促销专区】为例来说明具体做法。

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

接下来在图片底部加上标题和价格，为图片和文字分别添加链接，做完以后按回车键，以同样的方法做第二个宝贝，第三个宝贝……，需要提醒的是，【自定义内容区】里并不是可以添加无穷尽的东西，大小有一个限制，不能超过20K，20K是个什么概念呢？

我统计过了，像上面这样，选择图片尺寸185×

185的情况下，大致可以添加16个宝贝，如果16个宝贝添加完了，保充发布了以后还是不能充满空白区，怎么办？

简单！

那就再新添加一个【自定义内容区】模块，重复上面的步骤，如此反复，则大功成亦！

需要说明的是：

首页做完发布以后，并不能同步显示到宝贝详情页面，需要在宝贝详情页面重新做。

如果想图省事，那就可以复制已做好的模块代码，把代码粘贴到宝贝详情页左侧栏添加的【自定义内容区】模块里，保存发布就OK啦。

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

在拓展版以上店铺，我们可以看到在宝贝详情页宝贝描述的顶部，有“掌柜推荐宝贝”模块，在最后面还有“同类宝贝推荐”等模块，说白了，都是为了最大可能的将来访顾客留在自己的店铺里，顾客在浏览完一个宝贝的描述和图片时，也许正要关掉窗口离开之时，无意中看到了“掌柜推荐宝贝”和“同类宝贝推荐”模块里的宝贝，说不定就顺手点开了一个宝贝，由次而留住了来访顾客，成交了一单生意！

标准版的店铺该怎样来做这两个模块呢？

其实做法和左侧栏“特价促销区”的方法几乎一样，稍有不同的是在做这两个模块时，是在宝贝详情页右侧栏底部添加【自定义内容区】，而在宝贝的排列上也有所不同，左侧栏是竖排，一排只放一个宝贝，因为左侧栏空间有限；

而这两个模块，在宝贝排列上成阵形排列，横排四个，竖排四个，最终效果如图所示

因为“时分缘”太懒了，没有给每个宝贝底部添加文字标题和价格，你自己做时可以把这些都做加上，效果会更好。

同样的方法在宝贝描述的末尾添加“同类宝贝推荐”模块。

做完以后保存发布以后，在【发布】时在“是否同步首页的左侧栏到其它页面”前打勾，这样所有的宝贝详情页都有了模块，不用一个一个的去做。

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

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

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

综上的述，这就是店铺装修中“自定义内容区”的使用方法和一些技巧，当然它的用法不仅仅只有这些，还有很多种，这里只是结合我自己在店铺装修时，关于自定义内容区的使用方法和心得体会，经验分享，抛砖引玉，举一反三，聪明的你一定会发现更多更实用的用法以，欢迎共同探讨（旺旺：

时分缘），让我们真正掌握完全自定义内容区的强大功能，利用它将我们的标准版店铺打造成不次于拓展版店铺的效果来！

如果你把此帖从头到尾、认认真真、仔仔细细地读到了这里，那么相信你已经完全掌握了“自定义内容区的”使用方法和技巧。

接下来你只要认真的去装修店铺，相信你的店铺一定会漂亮起来的。

看帖回帖的人辛苦，写帖子的人更辛苦！

如果你觉得此帖对你店铺装修还有点帮助，那就麻烦你顶一下帖子，不要让它沉下去，好东西要大家分享，如果你还能助威一下，顺便再收藏一下我的店铺，我会激动万分，感激涕零，时分缘辛苦写成此帖是值得的，呵呵！

谢谢，谢谢你看完此帖，更感谢您的辛苦顶帖！

欢迎具有钻研精神、肯动脑子和具有学习精神的朋友一起分享交流！

你的顶帖是对我最大的肯定，有你的鼓励，我会写出更多更好的贴子来，谢谢！