咨询

Shopify店铺装修如何选择插件和模板?附新手友好型插件推荐

发布时间:2022-08-08 17:41:21

这篇教程将会通过视频和文字,一起教会你如何装修Shopify店铺。我们都希望能够拥有一个漂亮的网站,这是人之常情。但是到底需要怎么做才能够让自己的网站真正意义上让自己满意呢?这中间就需要很多的学问。
在这一篇教学中将会讲解如何装修你的Shopify店铺,包含了如下的内容:

  1. 怎么选择Shopify装修模版?
  2. 怎么使用Shopify插件进行装修?
  3. 你到底应该使用模版还是插件?

如何装修Shopify店铺?
当我们拿到一个空白店铺的时候,你会发现你连产品都还没有。这个时候你就需要先创建几个产品系列,然后再上传产品,最后再进行装修。如果你的网站暂时还没有产品的话,你的装修是很难进行的。因为你会发现你预览的时候,缺少了产品,无法很好的判断到底装修得好与坏。
如果你实在没有产品,你可以通过Droshipping的形式,先给自己的独立站导入一些产品。
在有了产品之后,你就需要去准备一个模版。这个模版是你的网站的地基,哪怕是免费的模版也可以。Shopify注册成功之后,你就会拥有一个默认的模版。以前叫做Debut,新版的Shopify是Dawn。

shopify默认模版Dawn

如何选择Shopify装修模版?
我个人很喜欢Shopify的默认模版,我并不认为你不可以使用它。相反,我可以很确定的跟你说,如果你直接购买了付费模版的话,你往往需要承受更多的问题。我在2019年的Shopify视频教学当中就有讲解过在Themeforest当中购买Shopify模版。但是我也发现了Themeforest中的模版很多都不能够很好的和Shopify结合,导致了后续装修难度非常高。所以我在这里要强烈建议新手,千万不要在别的模版市场中购买Shopify的模版。你只应该在Shopify的Theme marketplace中购买。如果你在其它地方购买,甚至是淘宝,你有可能会给自己带来非常多不必要的麻烦。

如何安装Shopify模版

如果你不知道如何安装模版,这里是安装模版的过程。当你进入到一个模版页面之后,点击Try Theme即可。

Dawn使用模版

怎么修改模版的全局设置
首先,什么是模版的全局设置?模版的全局设置就是影响着你整个网站每个角落的设置,这些设置里面基本包含了颜色,字体,阴影,按钮和默认间距等元素。一个小小的改动就会影响着整个网站。你可能会问,这个全局设置有什么作用?这个全局设置不仅仅可以确保你的网站风格统一,每个页面的设计一致,同时还可以加快你的网站设计速度。
当你安装完毕模版之后,你就应该开始修改你的Shopify全局设置。因为你的模版可能默认配色和默认字体都不是你所想要的。

怎么通过模版进行装修?
当我们安装完毕模版之后,我们就要对网站进行装修。一开始新手可能会遇到一些困难,这是正常的。你只需要给少许耐心,自信观察规律,你很快就会发现Shopify的装修界面非常友好。
而且我这里必须得额外夸奖一句Shopify2.0的后台设计,现阶段的用户装修界面真的是非常友好而且容易上手。虽然上一个版本的后台已经是非常不错了,但是很高兴仍然能实现新的突破。
第一步你需要进入到Shopify装修面板,登录进去你的Shopify后台,然后找到Themes,最后在右侧点击Customize即可。

开始自定义模版

进入到装修面板之后,你可以看到左边有很多不同的按钮。这些按钮其实都代表着你的网站结构,而且它们是自上而下的。换种说法,最顶部的按钮,就是你的网站通知栏。你通过点击不同的按钮,来实现修改网站不同的区域。当然,你甚至可以改变它们的顺序,你可以发挥一下你自己的想象力。

左边每个按钮代表着网站的不同的区域

这里我们点击第一个Announcement bar看看,点击了之后,你会看到有一个add block的按钮。代表着我可以在这个区域额外增加其它的组件。

  1. 我可以首先点击新增组件
  2. 然后选中这个组件
  3. 接下来在右边修改这个置顶消息栏的文字
  4. 或者是修改它的颜色
  5. 如果不需要的时候,能在右下角点击删除。

你可以给每个区域新增内容和修改内容

如果我点击左边的第二个栏目的Header,那么就是要修改网站的导航栏了。导航栏可以被修改的地方更多,可以设置自己的Logo,可以修改背景颜色,还可以设置是否要保持sticky。

你可以尝试给你的导航栏进行修改

接下来就是修改横幅轮播banner了,只要点击Image banner即可。你可以设置这个轮播横幅的图片和文字,甚至是按钮。都是可以被轻易修改的。

你也可以修改中心的图片

这个就是Shopify装修的基本思路,其实很多人第一次使用就立刻上手了。

模版装修是否有局限性
通过模版去装修肯定会遇到局限性的,你会发现有一些特效和交互手段无法实现。这个时候你就需要插件。Shopify有非常多的插件可以实现各式各样的功能。而在装修方面,有两家模版工具,分别是Shogun和Pagefly,比较热门。下面是我对这两个产品的观点:

  1. Pagefly有提供免费的套餐,但是在我个人使用的过程中经常有遇到困难,我觉得上手门槛其实是比Shogun高一些的。
  2. Shogun是直接的付费模式,但是在所生成的页面,手机端适配做得更好。

接下来的教程我将会用Shogun作为示范来讲解到底如何用插件进行装修。


如何使用Shopify插件进行装修
无论你选择了多漂亮的模版,你都会发现,你需要使用Shogun这类插件来完成装修。因为这类插件可以做很多特殊的效果。

如何安装Shogun

在使用Shopify插件装修之前,你需要先安装Shogun。安装的方式如下:

  1. 打开Shogun页面,然后点击Add App。
  2. 然后Shogun安装成功之后,会问你,你的Shopify网站密码。如果你的Shopify首页仍然上了锁的话,你需要提供你的首页密码。
  3. 为了拿到你的首页密码,你需要回到Shopify后台,点击Store按钮下的Preferences按钮。然后你就会看到首页密码了。
  4. 把这个首页密码提供给Shogun,就能开始使用了。

如何用Shogun创建页面

在你的Shopify后台,点击Apps,然后点击Shogun。这样子你就可以进入到Shogun的面板里面。

进入shogun

第一次打开Shogun,会看到一个Add Page的按钮。点击这个按钮就可以创建新的页面。我们现在就使用Shogun去搭建我们的第一个页面。