淘宝店铺装修必备—在线代码生成工具如何使用?

2019-05-09

淘宝店铺装修是新店开张重点工作,店铺装修分为PC端和无线端。很多卖家认为现在90%以上的消费者都是在手机端进行浏览店铺购买,完全不重视PC端的装修了。其实店铺PC端的装修相当于是一家店铺的门面,品牌宣传、活动介绍、宝贝推荐等信息都要在这个页面进行展示。手淘首页空间小,展示给买家的内容都是精简之后的。PC端的店铺装修和无线端首页装修风格可以一致,但是内容不可一样呢。

店铺装修大家经常用的工具莫过于就是Photoshop了,并且还需要有非常专业的美工,一般的店铺运营人员对于专业的PS不熟悉的,前面有推荐大家可以使用在线工具制作专属海报或者宝贝宣传图片,感兴趣的卖家可以查看《图怪兽教你在线快速制作专属海报》,建议大家修改好图片在电脑本地也保存一份,做到万无一失。

今天给大家推荐的有关店铺装修可以在线生成代码的工具,亲自装修过店铺的卖家都清楚,如果使用淘宝默认的模板,首页风格不美观,如果想让店铺更吸引人还是需要自己作图上传,这时候就需要有可以完成添加热区、去除自定义间隙等功能的工具。

一、小语言

小语言是国内领先的电商装修服务平台,为电商用户提供可视化、智能化店铺装修等一站式服务。小语言升级全站通后,包括淘宝天猫版、无线淘宝版、京东版、1688版、苏宁版。

目前只支持qq和淘宝登录。淘宝天猫版普通用户只能使用基础功能,保存文件数5个,VIP用户包含了所有的功能,开通淘宝天猫版VIP需要59元/年。大家根据自己店铺情况选择是否需要购买VIP,我自己是一直在用免费版,一个账号保存文件数有限制,多准备了两个QQ号,淘宝店铺装修基础版也可以免费生成代码,功能足够使用了。

首先,小语言编辑器的界面进来是这样的。顶部左侧淘宝天猫版、可以点击切换不同的商城版本,中间空白区域是图片操作区,右侧是文件的主配置信息、工具区、以及图层的编辑区;


小语言功能比较多,我们以给图片添加热区为例讲一下操作步骤:

1、界面底部编辑区,编辑图片的信息,将自己想要编辑的图片链接放入图片地址,调整尺寸;

2、在工具集内选择热区,可手动调整热区的位置以及大小;

3、界面底部编辑区,点击链接内输入跳转页面的链接,记得选择打开方式,一般都是选择打开新窗口;

4、点击保存,基本版本最多只可以保存5个文件夹,VIP不限制保存数量;

5、点击生成代码,店铺如果是淘宝店选择生成淘宝自定义代码,如果是天猫店选择生成天猫自定义代码,记得勾选去除间隙10PX;

6、将代码复制到淘宝后台店铺装修源代码内即可;

小语言还有很多店铺装修需要用到的黑科技,大家可以在帮助页面常见问题和使用视频教程详细的了解。

二、沃姆设计

相比较小语言功能的齐全,沃姆设计只专注淘宝创意设计与模板开发,没有面向其他电商平台。但是沃姆设计装修工具功能做的精细化,比如添加热区的时候,可以设置热区的展现样式格式。

我们还是以给图片添加热区为例:

1、在整页背景图片输入框内,输入图片的链接,得到要编辑的图片;


2、在工具栏选择热区,鼠标点击左键在图片上绘制出热区,可通过鼠标操作实现热区位置和大小的调整;点击编辑添加链接地址,在样式设置内编辑热区的样式,可以选择边框或者添加阴影显示。



3、效果预览,没有问题点击生成代码,(记得编辑模块的宽和高,一般在美工切好图片之后,上传到图片空间就得到图片模块的尺寸了)复制自定义代码在店铺装修后台粘贴完成。


在这里要褒奖一下沃姆设计的小工具,在做店铺装修的时候,首页的导航栏样式默认样式非常古板,使用这个工具可以随心所欲修改自己想要的导航栏样式。选择想要修改的区域,编辑想要的修改样式,设置颜色后点击应用,全部设置好后点击右侧的生成代码,复制代码。


还有更多功能等待卖家解锁,大家可以在教程帮助内查看工具视频教程,解说相当详细。还会有店铺基础常见问题的讲解,可以说是淘宝店铺装修必备工具了。店铺运营需要有更多的耐心,店小鱼电商卖家导航会分享更多的工具,希望可以对大家店铺运营有所帮助。