玩转Shopify l 如何使用模板装修独立站

之前我们提到，独立站DTC模式的最大两个优势是：品牌溢价 + 私域流量。

而如何进行私域流量、客户数据的收集，我们在前期设置中教过大家如何收集用户信息、邮箱以及如何进行EDM进行弃单召回、节日促销、折扣码发放等教程。可以看我们之前的课程。

那么今天我们就给大家讲讲，如何打造我们的品牌站，使得我们的产品可以有更高的产品溢价空间。品牌化打造最重要的就是我们的网站装修，也就说我们的主题，就像你打开Gucci的网站，就会有扑面而来的Drama。

主题在很大程度上决定了我们的Shopify网站“颜值”，可以短时间内将用户吸引在我们的网页，并且提高我们的网页留存率。而功能是否完善，则直接影响着我们的网站转换率高低。我们之前提到过，繁琐、反用户思维的结账流程会很大几率造成用户流失、弃单等现象。那么同样的，我们网站的功能是否完善，用户体验是否够好，也直接影响了我们的网站转换率。

什么是主题？

主题是指，一个可以直接下载的，已经设计好了的网站模板，我们只需要下载下来，插入我们的网站就可以直接使用。

Shopify的官网提供了免费的主题和付费的主题。

免费主题可以复制下方链接，注册查看都有哪些免费主题：https://zh.shopify.com/?ref=bluevision1&utm_campaign=wwz5。

付费主题一次性的费用在150-180美金之间。

对于Shopify一个店铺来说，网站的主题可以决定我们店铺最终的样子。第一印象是很重要的，所以我们不能只是随机选一个模板，我们要选一个能够真正代表我们品牌的模板。不仅要考虑我们要的是哪一种类型的网站，还要去看一下不同模板的特点和自定义选项。

所以下面就来看看我们在选Shopify主题之前要考虑些什么：

如何挑选一个合适的主题 ?

1.常规符合大众消费习惯的主题

好的Shopify主题一般都是传统设计，用的是顾客普遍接受的操作方式和页面布局，符合消费者习惯，便于消费者操作，比如说在Home 页面Main menu会放在页首,Footer menu放在页脚，购物车标会放在页面的右上角。

2.结合产品

选择Shopify主题的时候要结合产品去选择，着重考虑产品的价格和图片，比如说一个非常精美的产品,你的价格过低消费者会产生怀疑，其次产品的图片是否清晰看上去和模板搭不搭，都很重要，我们可以尝试把自己的产品放在主题中去看一下和选择的主题是否融合。

3.移动端效果

85%的订单来自手机端，所以，我们必须要选一个适应移动端的主题，给客户一个更好的体验感。Ps：免费主题都是移动端自适应的。

4.加载速度

加载速度过慢,网站的跳出率会极高，一般情况下我们会认为网站加载速度慢跟服务器或者是网速有关系，其实网站加载速度慢和网站主题也有很大的关系，因此不要选那些加载慢的网站，像有什么奇怪的动画啊，或是什么其他的滑动展示什么的。

5.可投入资源

一般复杂和功能多的模板需要投入较多的时间和人力，同时会有很多的Bug要去调整，比如说Banner比较多的模板，Banner是一个很难控制的元素。可能我们选择了一个看起来很好看的有很多Banner的主题，但是插入很多自己的设计之后就会，整个网站看起来很丑。

6.预览

每一个主题都可以在商店进行预览，同时也有详细的针对主题的功能的描述，比如说这个主题可以实现多语言、多货币展示，可以在产品上添加折扣标签等等，还有真实用户就模板的实际实用感受的评论，都可以为选择模板提供建议。

点击Themes>>点击Visit Theme store。

进入主题商店，选择自己要看的模板，点击模板名字比如>>Brooklyn。

进入模板可以单击>>View demo，预览静态效果和动态效果。

下拉页面会有针对主题的功能和特点的详细描述。

接着下拉会看到关于主题的真实评价，会有一些用户对模板的优缺点进行使用后的评价，可以作为选择模板的参考。

综合以上因素选择合适自己的模板。

选择好模板之后我们应该如何装修呢？

1.打开装修主题

点击Themes>>点击Customize，就可以进行网站装修了，一般我们把装修分成六部分来进行装修。

2.Home页面装修

Home页面的装修比较重要的是Header/内容页面/Footer页面三部分。

一般来说Header页面包括Logo/Menu/Announcement bar的颜色和布局的设置。

内容页面：包括网站的Banner/首页展示Collection/首页展示产品的布局和图片展示的设置，这个时候我们可以去多参照做得好的竞品网站，思考他们有哪些模块？为什么要有？我能不能有？要不要有？其次根据顾客的需求去做页面设计，要有针对性和目的性。

举个例子，店铺首页顶部最好的位置为什么要放个Banner？因为我们需要把店铺里最具有吸引力的东西在第一时间给顾客看，你需要把这些信息传递给顾客，吸引住他们，留他们多在你的店铺停留，然后，顾客才有可能下单。

Banner的存在就是为了承载着这个使命。其它的页面布局也遵循这个原则。Footer 页面包括Footer menu/News letterd/支付图标的布局以及颜色设置。

3.Collection页面装修

Collection页面包括Header/Collection page/footer三部分。

Header和Footer可以和Home页面保持一致不做修改。

Collection页面主要是调整Collection页面产品的显示行数/每行显示的产品个数。

4.Product页面装修

Product页面主要包括:

Header/Product pages/Product recommendations/Footer四部分。

Header和Footer可以和Home页面保持一致不做修改。

Product pages主要是设置产品的图片显示/产品来源/产品价格/产品名称/产品描述的布局和颜色以及产品页面的按钮（Add to cart和Buy it now ）的设置和按钮的颜色设置。

Product recommendations 主要是在产品页面添加产品推荐，可以推荐给顾客你想要推荐的产品。也可以是猜你喜欢或者是最近浏览的产品。

5.Cart页面装修

Cart页面主要包括了Header/Cart page/Footer三部分。

Header和Footer可以和Home页面保持一致不做修改。

Cart page 主要是Cart页面的设置自动更新购物车，购物车页面顾客可以添加留言等小功能的设置，以及按钮的设置（Check out 按钮/Up date 按钮）以及按钮颜色的设置。

6.Check out 页面装修

Check out 页面主要包括页面的Logo/Bannner/Background/链接设置/按钮的布局和颜色设置。

7.404 Page

404 Page页面是错误网页，这个页面简单的模板不需要设置，有一些主题可以进行颜色或者是图片等个性化的设置。

基本装修完以上几个页面，整个网站的装修基本就完成了，最后关于装修的一点儿小建议就是Shopify的网站装修的整体色彩和文字的搭配要保持视觉风格的统一。

在Shopify店铺上线之前多去做一些检查，多体验体验你的网站，不然有些错误被你的顾客发现就显得你不专业了。点击Online store 的小眼睛就可以预览您的网站了。

你可以按照以下几个方面去检查你的店铺：

1.测试下单流程

确保购物下单主流程完全没问题，一般是点击产品-加购-购物车页面-结账-结账页面-支付页面；

2.检查全站的链接

确保无坏链、无死链，我们会在网站图片插入链接，要去逐个检查这些链接能否跳转到正确的页面；

3.测试网站的打开速度

包括请求时间和加载时间，现在的人都比较着急，千万别让他们等太久；

4.文案尽量地道一些，

要接地气，可以参考同类竞品网站；

5.确认文案和主体

单词统一大小写以及网站主题颜色的统一性；

6.邮件订阅功能测试

Footer页面的News letter可以进行测试，确保可以收到顾客邮件信息 ；

7.不要忽视移动端

一定要检查移动端的呈现效果；

最后还有一些锦上添花的小技巧Tips也是大家比较容易忽视的地方：

1.色彩和字体的设置

可以整体在Theme settings 设置比较容易去保持网站的统一性。

2.支付图标的设置

显示多种支付方式的图标，给顾客多种支付方式的选择，有效提高转化。

3.社交媒体的设置

增加社交媒体可以提高网站的可信任度，顾客可以通过这些社交媒体去关注我们的网站，后续更新媒体上的内容可以给网站带来持续的自然流量。

做好这些，Shopify店铺搭建这一块的工作基本就可以告一段落了，后续的便是在店铺运营过程中持续的优化，慢慢地去打造出符合自己品牌调性的店铺。

免费模板可以使用链接：https://zh.shopify.com/?ref=bluevision1&utm_campaign=wwz5

注册免费查看，快去看看有哪些适合你的吧。

关注公众号：【鲁班跨境通】，获取更多跨境资讯。

（编辑：江同）

以上内容属作者个人观点，不代表雨果网立场！