从零开始，30天学会在shopify上开店之主题选择与设计—Day9

今天我们要说的是找到并选择合适的主题。

其实Shopify有很多免费主题可以选择，你们没有必要担心自己找不到喜欢的主题。无论是免费主题还是付费主题，都能做到完善我们的网站，所以不用担心。但是在选择主题的时候，我会有几点建议提供给大家。

首先是选择主题。

登录Shopify后台，点击Online store-->themes, 点击进入主题商店：

点击ALL THEMES, 勾选免费主题（10个）：

点击按照Popularity受欢迎程度来排序结果，可以看到Brooklyn这个主题是最热门的免费主题，排名前三的是：Brooklyn, Simple, Minimal.

无论我们选择什么主题，最最重要的是产品页！下面我会分享一下我最喜欢的产品页是什么样，而且这样的产品页也经过了反复测试，证明转化率是很高的。

如果你用了trifunnels这个插件，就可以看到转化率高的产品页应该是什么样的布局，比如倒计时，社交分享按钮，产品特征描述、产品推荐等等：

关于trifunnels再多说一句，我们可以在里面设置跳过加购的步骤，比如下面这样就表示：如果客户看到产品，点击Yes, 那么系统会自动跳转到结账页面，省略了加入购物车这一步；如果客户点击NO，那么系统会跳转到网站首页。

下面这个产品页其实跟trifunnels里面的产品页模板差不多，转化率非常非常好。

所以，我们在选择主题的时候，尽量尽量找那些产品页可以符合上面产品页布局的主题。

回到免费主题，我们要浏览免费主题看看产品页的演示效果是什么样的。

比如Simple主题里的产品页是这样的：

这种产品页我就不建议大家使用，因为他的图片和描述都需要客户向下滑动鼠标才能看得到，重要的信息没有展示在用户一眼就能看到的位置。

我们再看看Minimal这个主题的产品页是什么样的：

还不错，图片以列表呈现，按钮比较突出，用户进入产品页后一眼就能看到描述。而且，下面还有产品推荐。

确定好主题以后，点击Add theme把主题添加到Shopify店铺里：

添加成功以后，点击主题旁边的Actions-->Publish发布主题：

再点击publish:

点击Actions下面的preview就可以预览店铺样式：

下面我们会着重讲解主题的首页设置和产品页设置。

点击Actions旁边的customize进入主题自定义设置：

首先，我们会看到首页上方的主菜单。

如果觉得菜单太多了影响美观，可以回到navaigation部分调整菜单，比如把cool gifts和funny gifts都放到creative gifts下面。最后点击保存。

回到主题自定义部分，刷新页面，菜单就变成了以下样式：

左侧栏部分。

Header：点击Header, 我们可以选择展示搜索框或者不展示搜索框，一般情况下可以勾选以展示搜索框：

Logo: 点击select image可以上传你的LOGO. 你可以花20-30美金到fiverr找设计师设计，如果想要质量高一点的LOGO，就去99design. 如果暂时还没有LOGO，就不用管这部分。

Main menu: 默认选择的是主菜单，当然你也可以点击change更换成别的菜单。LOGO展示在页面的左上角。

Announcement: 可以勾选展示也可以不勾选。勾选以后，填写文字信息，比如：50% Off these gifts，这部分内容会出现在网站首页顶端。在link部分选择打5折的产品集。点击保存。

点击返回：

再来看看Slideshow:

点击进去以后，可以选择轮播图的高度，可以勾选“自动轮播”，可以选择轮播图自动切换的间隔时间，可以选择图片过渡效果，可以选择字体大小：

如果你只有一张图片，那么可以删掉其他多余内容模块，只留下一个内容模块就可以。点击Slide-->remove content即可：

点击Slide--> Select image选择轮播图的图片

然后可以在轮播图上面写文字，填写标题、按钮名称、选择按钮链接，最后保存：

其实在标题下面如果还能写上一行子标题最好，不过我们用的这个模板不提供这个功能。Debut模板里就可以在标题下面添加一行子标题，大家可以自己去尝试，加了子标题以后会这样显示：

现在我们看看加了轮播图以后，网站是什么情况：

所以，我们已经有了轮播图和菜单。

Nes部分可以拖放到最下面。

接下来就是popular this week, 也就是精选产品集。这个部分要充分利用，因为这是你推销产品最好的地方，这个部分会帮你卖掉很多产品。

根据你要销售的产品，重新命名标题；选择每排展示4-5个产品，一般选择4个，排版起来更好看；选择展示1-2排产品，建议选2排。

点击Change修改产品集，选择你想要展示在首页的产品集，再点击Select。然后修改标题，最后保存。

关于每排放几个产品的问题，你也可以多试试看，比如放2个，放3个，放4个，看看哪种排版更美观。

在Minimal这个主题里，还有一个Featured Product的部分，一般都是放上你店铺里最有竞争力的热销产品，如果不需要这个部分，就可以删除内容。

News部分会更新你发布的博客帖子，可以保留，也可以删除。

这里还有一个重点，就是我们需要添加一个Newsletter的模块，虽然底部菜单部分已经有了Newsletter，但是样式太丑了，我们可以删除。

点击Footer--> Newsletter signup-->remove content:

然后点击Add section-->Newsletter-->Add:

编辑标题和内容，选择背景颜色，最后保存：

上面就是首页上的设置，主题不同，有些细节会有所不同。

接下来是产品页的设置。

我们现在在首页设置页面，点击具体产品就可以进入产品页设置，比如点击第一个产品进去：

点击product page就可以对这个产品页进行设置了：

比如，展示数量选项，选择图片放大形式，缩略图放在主图右边还是下面，是否启用产品分享社交按钮（按需选择，一般情况下用户不会分享，除非是对某个利基很有激情的用户才会分享产品），启用相关产品推荐，启用动态结算按钮（必选）：

我前面就说过，主题不同，设置的内容就会有所不同，比如debut这个主题在设置产品页的时候就可以选择主图大小。

到目前为止，我们的网站已经有模有样了。店铺里可以再填充一点产品，然后就可以开始引流了。

要记住一点：我们要看看那些做得比较好的竞争对手网站是什么样式的。如果在Shopify主题市场找不到类似的主题，你可以去themeforest.net看看，上面有很多优秀主题可以选择。

进入themforest官网，点击eCommerce-->Shopify:

浏览一下这些主题看看有没有喜欢的，点击主题旁边的preview可以预览主题：

有很多主题都非常美观，非常好看，但是这样购买的主题要安装到Shopify店铺会比较麻烦。

我的建议是，你可以选择我上面用的minimal主题，充分了解主题，看看图片的展示效果。

如果你要自己制作图片比如LOGO，就可以利用canva.com.

登录canva以后，可以自定义尺寸，比如250x100像素，开始设计：

点击文字，选择文字模板并拖放到右边空白框里，或者直接添加文字框，输入LOGO名称。然后调整字体、大小和颜色：

然后点击元素，搜索关键词game看看里面有没有什么小图标是我们可以利用的。小图标有免费的也有付费的，付费的一般是1美金。

做好以后，点击右小角的下载，选择PNG格式下载即可。如果是付费小图标，这个时候就需要填信用卡信息付款以后才能下载。

回到Shopify主题自定义设置部分，点击Header, 上传LOGO图片。我们可以通过调整Custom logo width的数字来调整LOGO在网站上显示的大小。

以上就是今天要说的有关主题方面的设置。

最后再说一下，我们设置了newsletter, 一定要关联上sendlane账户。邮件营销可以算是本次课程最重要的部分，所以我们才会在newsletter部分提供五折这样大力度的折扣。

下次，我们要说的是如何找到好的LOGO，我会告诉你们几个设计LOGO的渠道。