首页 电商 正文

淘宝店铺首页装修技巧

2024-03-21 08:56
admin

淘宝店铺装修,是致力于淘宝铺装修的网站。淘宝店铺装修与实体店的装修是一个意思,都是让店铺变的更美,更吸引人。对于淘宝店铺来讲,一个好的店铺设计更为至关重要,而首页则是页面中的重中之重。一个好的首页,能清晰地展示推广宝贝,还能为客户带来美的享受,从而增加客户的信任感,还能树立起店铺品牌形象,为店铺推广打下坚实的基础。下面,让我们来了解下首页装修吧。

1.在我们装修店铺之前,首先我们需要了解,我们的店铺属于什么版本。在2012新旺铺里,把旺铺版本划分为:基础版,专业版和天猫版。其中基础版与专业版是为集市店用户提供的,基础版可修改的内容与权限不大,店铺变化受到限制,为初级卖家简易使用。专业版则能提供较大的自由装修空间,足够我们店铺首页风格的实现。而天猫版则是为天猫店铺提供,功能与专业版类似。

1)一是从装修市场直接购买装修模板进行装修,比较简易。但由于装修模板是根据模板设计师自我感觉进去制作,面向所有用户。因此很难贴合自己店铺理想中的风格与效果,也会因为设计师模块的特定效果,使得店铺风格与品牌形象不明显,效果差强人意。

2)二是通过淘宝设计师为店铺专门定制首页,装修过程相对会比较复杂。但整个首页都会完全贴合店铺,使店铺风格突出,树立良好的品牌形象。而且宝贝摆放与排布更为自由,更能使风格与推广相辅相成。

在设计师为我们设计好店铺首页以后,还需要把首页装修到我们的店铺上去,才能达到向客户展现的效果。以下,让我们来了解一下首页装修的基本步骤吧。

(1)我们可以将首页划分成:店招,海报,产品宝贝,页尾,四个部分。并通过PHOTOSHOP的切片工具划分切片。我们可以使用辅助线进行精准的划分。然后,通过“存储为web所用格式”存储,我们就得到了四部分独立起来的图片。如下图:

(2)我们整个首页可分为主体部分和背景,主体部分的宽度根据店铺性质的不同而有着差异。一般来说,集市店的主体不可宽度为950像素,而天猫店则为990像素。在后续装修中,我们都需要先将主体部分与背景划分开来,将背景剪裁,留下主体部分,方便进行装修。

(1)划分好模块以后,我们先从店招开始装修。通过剪裁,我们得到了店招的主体部分,店招大略可以分为两部分:店铺招牌和导航栏部分。导航栏是主要添加加链接的地方。我们可以按照加链接的需求,对店招进行切片。如下图:

(2)完成切片后,我们通过“存储为web所用格式”进行存储,将格式选择为“HTML和图像”,我们就能得到各模块独立的图片与一个HTML网页文件了。

(3)我们将切好的图片通过上图片空间,然后我们打开刚才的HTML文件,将店招图片的地址按照顺序替换成图片空间的地址。将html代码中的<table>至</table>复制到店铺的店招上,并加上我们需要的链接。

(4)完成第三步后,我们就得到了主体部分的店招了,但我们的店招是全屏1920像素的,该怎么办呢?我们通过背景拼接达到1920像素的全屏效果。在新旺铺中,店招背景图片的大小限制为200K以内,而1920*150像素的店招,只要我们稍微调节下图片的质量,基本上不会超过这个范围,所以我们可以把整个店招的图片直接当作背景。

操作如下:进入装修界面,选择装修下拉菜单中的样式管理,然后点击样式编辑中的“背景设置”

在页头设置选项,将”要设置的页面”选项设置为“所有页面”,通过“更换图片”选项将我们做好的店招背景更换上去,再将“背景显示”选项设置为“不平铺”,“背景对齐”选项设置为“居中”。最后,我们保存一下。我们就能得到1920像素的全屏店招了。具体设置参考下图:

(1)完成店招之后,我们开始制作海报部分。海报是店铺的眼睛,它能充分展现店铺的品牌,风格与大气。而全屏海报更能充分的表现出这一特点。而制作全屏海报,我们同样要先将海报划分为主体部分与背景,将主体部分上传到店铺的自定义模块,加上我们想要的链接。

(2)然后我们进行至关重要的海报背景拼接。由于全屏海报的图片会比较大,而背景图片不能超过200K,所以在制作海报背景时,我们要先将主体部分的内容删除,如下图:

原图

海报主体

海报背景

(3)由于我们用的背景是整个店铺的背景。所以,我们需要考虑店招的高度,在事例中,我们店招的高度是150像素。所以,我们需要在海报背景图片的上方加上150像素的留白,然后进行保存,注意不要超出200K。效果如图:

(4)接下来,我们像之前制作店招一样,进行背景添加操作。操作如下:

进入装修界面,选择装修下拉菜单中的,然后点击样式编辑中的。在页面设置选项,将”要设置的页面”选项设置为“首页”(这个需要特别注意,否则背景应用到所有页面,影响店铺展现效果),通过“更换图片”选项将我们做好的海报背景更换上去,再将“背景显示”选项设置为“不平铺”,“背景对齐”选项设置为“居中”。最后,我们保存一下。我们就能得到1920像素的全屏海报了。在制作全屏海报的过程中,可能会出现1-2像素的细微错位,我们可以按照全屏海报的拼接效果,对海报背景进行微调。具体设置参考下图:

完成了全屏海报后,表示我们的装修已经攻克了最困难的问题了。接下来的部分,我们只需要将产品宝贝模块进行切片上传以及加链接就可以了。以下,让我们来了解下产品宝贝的切片技巧吧。

在开始之前,我们同样要先将我们之前切好的产品宝贝主体部分提取出来。在产品宝贝模块中,我们的宝贝摆放可能会分成几个甚至十几个不同的小区块。例如,热销区,新品区,T恤区,连衣裙区等等。我们可以先将这些小区块分别切出来,然后再按需求,对小区块进行切片,效果如下:

在切片的时候,我们一般会将标题独特切出,然后再针对宝贝的不同排布位置,进行切片操作,在切片时,我们可以运用参考先辅助进行。而切片的基本原则是,切片尽量简单,避免过于复杂的切片。

切片完成后,我们将切好的图片上传到图片空间上,然后我们打开刚才的HTML文件,将店招图片的地址按照顺序替换成图片空间的地址。将html代码中的<table>至</table>部分复制到新建的“自定义模块”中,并加上相应的宝贝链接。在每一个小区块上传的过程中,我们可以在图片空间新建不同的文件夹存放图片,方便日后的图片管理。而每个小区块代码,可以用独立的自定义模块,以方面日后修改管理。

首页的制作已经进入尾声了,只要进行页尾的最后制作,我们整个首页就会完成。页尾的制作跟之前宝贝的切片差别不大,我们只需要把我们需要加链接的模块,按位置切片,将完成的切片上传到图片空间上,并将代码上传到预设好的页尾模块中去,加上我们呢的链接就可以了。这里需要注意的是,我们在放置代码的时候,一定要记得放置在页尾模块中,否则其他页面将显示不了店铺的页尾。而页面模块的标示很明显,如下图:

经过以上的介绍,相信大家对首页的装修已经有了一定的了解。我们只需要通过:布局划分筹备,全屏店招制作,全屏海报制作,宝贝的切片和页尾的制作。我们就能完成一个完成自定义的个性首页。

其实首页装修并非我们中那么深奥复杂,只需要我们有一定的Photoshop基础,以及足够的耐心与细心。我们就能将首页按照我们的想法装修得美轮美奂,为我们的店铺换上适合自己,风格强烈的新衣。

相关文章

  • 京东运营基础知识,24条京东店铺运营技巧

    京东运营基础知识,24条京东店铺运营技巧 不让消费者费事点击各个板块二级页面才对你产生模糊的认知。,22、 标题优化,以短标题为主,半个月时间,加上快车,店铺内闭环流量支持,老店引流,基本都能上到前8.23、 促销手段,最大爆款让利,使用组合装,区别其它商家直接价格战,保留一点利润,利润小于5%,单爆款快速成长,带动店铺销售。,以上24条京东店铺运营技巧就分享到这里了,祝各位商家2021年生意越来越好!

    2024-03-18 09:45
  • 京东关键词排名优化,提升京东搜索排名的方法

    京东关键词排名优化,提升京东搜索排名的方法 1、做好京东宝贝主图和标题优化电商是线上销售,客户主要通过图片了解商品。,4、重视收藏加购,开通货到付款其实很多的商家不知道在京东不仅是销量有权重,而且收藏加购也是有权的。,好了,关于京东关键词排名优化,提升京东搜索排名的方法的相关内容就讲到这里了,想要了解更多,请继续关注,我们下次再见!

    2024-03-18 09:45
  • 京东非自营能买吗(京东非自营的是正品吗)

    京东非自营能买吗(京东非自营的是正品吗) 2、售后、客服、纠纷等维度的综合指数,排名前60%。,2、近30天销售额达到指标,例如鞋类店铺要求不低于3万,看完认证条件,我想大部分朋友也能很容易的明白,认证的店铺也是属于放心购买的那一批,即使遇见情况,也可以很顺畅的处理好。,2、店铺评分,3个维度全绿(低于平均)的,谨慎下单。

    2024-03-18 09:44
  • 如何加入京东自营?京东自营怎么入驻?

    如何加入京东自营?京东自营怎么入驻? 二、加入费用:主要分为三部分:平台使用费、京东保证金、费率。,在此界面查看申请加入京东自营的条件,然后点“申请入驻”选项。,加入京东自营店的条件主要是这么三个,分别是企业身份且注册资金不低于一百万,然后企业合法经营的时间不低于两年,最后就是具备纳税人的资格,有了这三个条件就可以去入驻自营店了。

    2024-03-18 09:44
  • 如何做好京东店铺(京东店铺基础优化方法)

    如何做好京东店铺(京东店铺基础优化方法) 如何做好京东运营?并快速提升店铺整体数据及销售?是每个商家都非常关心的问题。给你分享最实用的运营干货,让你的店铺快速实现盈利。任何店铺不管做到哪种程度,都是由0基础的新店开始做起来的,谁的店铺都不可能是一朝一夕就能做成功的,想要把一个店铺长久的运营下去,日常运营及维护是非常重要的。有些商家做店铺想象、规划很丰富,但是一上来就盲目,发现各种行不通,到处碰壁。为什么店铺做不下去,总结了以下6个原因:1

    2024-03-18 09:31
  • 京东店铺如何增加权重,店铺权重如何提高?

    京东店铺如何增加权重,店铺权重如何提高? 京东店铺如何提升产品权重,今天来和朋友们聊聊这个话题。,我们可以通过商智来查看所在类目的行业大盘,看看同类目产品的收藏加购行业平均值是多少?,今天的分享就到这里,希望对你有所帮助,店铺问题可直接添加私信我。

    2024-03-18 09:31
  • 京东A级店铺是什么,如何提升京东店铺的层级?

    京东A级店铺是什么,如何提升京东店铺的层级? 在商详页内容编辑过程中,大图展示、实景图拍摄、GIF动态效果、视频、KOL用户代言等一系列内容都已是常规运营之一。,四、运营执行有的放矢,优先级不同各行各业都有很多特别优秀的企业,如小米、苹果、佳能、哇哈哈、沃尔玛,他们有所成都是得益于用户认同,但在连接用户的过程中,各企业所用的市场手段却是百花齐放,各有千秋。,如提起小米,用户往往想到的是品牌营销能力。

    2024-03-18 09:31
  • 京东店铺logo在哪设置(店铺logo设置注意事项)

    京东店铺logo在哪设置(店铺logo设置注意事项) 如今不管选择在什么电商平台上面开店,商家成功开店后,都需要及时给店铺设置logo。,就是很多商家是第一次加入到京东这个平台,对各个方面的了解都不是很透彻,于是想要知道京东店铺logo是在哪里设置?,在右边这里,会看到一个“店铺高级装修”。

    2024-03-18 09:31
  • 京东店铺粉丝怎么提升(京东店铺引流技巧分享)

    京东店铺粉丝怎么提升(京东店铺引流技巧分享) 比如在微博,朋友圈,小红书,知乎等社交平台上已软文或者视频的方式对店铺产品或者优惠活动进行分享,一般通过这种方式进入我们店铺的流量都是比较精准的粉丝。,比如满减,赠送优惠券,买一赠一,第二件半价等等。,以上就是关于提升店铺流量的方法,希望对大家有所帮助!

    2024-03-18 09:31
  • 京东店铺怎么运营(京东店铺运营计划方案)

    京东店铺怎么运营(京东店铺运营计划方案) 一个好的店铺,必不可缺的是好运营,运营做好了,店铺的生意也会层层上升,但很多人对运营的理解可能停留在做单、开车、打爆款。其中运营店铺的细节很少有人做的好。所以这就需要商家们去多多学习运营知识了,即便是京东自营店,也是需要做好运营的。那么京东自营店是如何运营呢,有什么运营的思路技巧呢,下面京东代运营带领大家一起学习。 一、店铺的基础管理1.店铺基础的上新店铺基础搭建好后最重要的事情做的是产品,而仅在

    2024-03-18 09:31