最简单的店铺首页装修方法，你会了吗

店铺首页呢就是我们在淘宝进入到某家店铺之后的第一个页面

首先我们先来了解下

首页都是展示哪些信息

首页的作用

以及首页的构成

那么首页展示的信息有哪些呢？

通常情况下最主要的就是展示店铺里的所有宝贝

如果店铺宝贝过多，首页没办法完全展示出

那么也可以挑几款主打的宝贝来展示

其他的宝贝我们可以通过在页面加上分类连接来关联

虽然不能直观的看到在分类里面的宝贝，但是只需要点击一下即可跳转了

展示宝贝时也会分几类产品进行展示

如：新品上新–热销爆款–店内大促等等

展示宝贝是一方面

还有就是用来展示大促活动等等

在首页内体现活动的展示，是以海报的形式来体现的

海报的尺寸以全屏海报为主

是为了能更好的体现活动画面的促销信息以及设计感

大画面也能体现我们活动的重要性

店铺的优惠券也是可以在首页内进行展示的

总结下来首页展示的信息就是能够让买家一眼浏览你店铺想要展示的全部信息

包括促销活动优惠券宝贝等等

首页除了能够让买家直观的了解你的店铺和产品等

还有就是，一个有设计感进行装修过的的首页能够从感官上影响买家对我们店铺的判断

精美装修的首页能够让买家感到店铺的质感与高端性等等

就好比一间毛坯房与一座城堡的对比其中差别我们自行感受~

首页是由哪几个板块构成的呢？

我们在唯米学习期间都有仔细了解过

这里我来捋一下整个首页的构成

店招–导航–海报–宝贝展示

就是几个简单的板块组成

通常是店招下面是导航，导航之下是海报，再下面我们也可自由发挥，可以在海报下面放

优惠券也行，展示分类宝贝也行，或者直接拜访宝贝也可以的

制作首页其实主要整体干净整洁条理清晰即可

我们去淘宝进入其他家店铺的时候也可以发现其实店铺首页的设计各有千秋又更有不同

所以店招、导航、海报只要上下顺序摆放不错，首页再乱也乱不到哪去的

了解了这些之后，我就开始切入今天的主题了

如果对之前的文字不感兴趣，那么下面的装修方法可要多看几遍了

这可是纯干货呢

今天咱讲的这个方法，不是教你怎么做首页

记住！

是教你怎样装修首页

记住！

是装修pc端的首页

首先我们把做好的首页用过ps切好

在切的时候店招跟导航一块切

下面的海报单独切一张

其他的就没太多的讲究了

只要别把要加链接的地方切成两块即可

（绿色为切片线）

切好之后上传到我们淘宝后台的图片空间

之后我们要借助一个把切好的这些图片生成过代码的网站

浏览器搜索：战国策万能热区

点击进入之后

框内是让你输入你要生成代码的图片链接地址

还记得之前我们把切好的图传到了淘宝的图片空间了吗？

回到淘宝图片空间

如果我们这里从海报开始装

那么就需要先把海报那张切好的图生成代码

按照我的步骤

一步也不要错哦

找到海报这张图

点击箭头所指的第二个图标{复制链接}

之后回到战国策万能热区，把复制好的链接粘贴到背景图地址的输入框内

点击应用

之后我们就会看到 海报已经到了我们的这个网站之中

那么如果想要这个海报能够被点击的话

比如点击这张图就能跳转到我们的宝贝页面

那么我们需要给它加一个热区，再加上一条宝贝链接

我们先来了解一下什么是热区

热区就是能够被点击的地方

这就是热区，如果加上了宝贝链接之后，我们点击热区内的区域才能够进行跳转

也就是说热区内的区域才能够被点击起作用

那么如果我想让整张海报都能够被点击的话

我就需要把热区拉大到整张图的范围

热区拉好之后，我们只需要找到想要添加的宝贝 复制宝贝的链接 粘贴到链接地址输入框内即可

之后点击导出

会出现一个弹窗，再点击复制代码即可

然后回到店铺pc端装修页面

从左侧模块区直接拉入自定义

点击编辑

不要忘记点击不显示和源码

之后把你制作好的代码输入进去 点击确定即可

其他切好的图片也是一样的步骤哦

复制图片链接地址粘贴到战国策拉热区框加上与图片相应的链接 生成代码 到pc装

修页面 拉自定义模块粘贴进入自定义

今天的首页装修方法就先分享到这里

由于时间关系，店招和导航的装修方法 青山不改，绿水长流，我们下期再见！