Learn Shopify 如何为您的商店选择合适的 Shopify 主题?

如何为您的商店选择合适的 Shopify 主题?

GemPages Team
Updated:
7 minutes read
How to Choose The Right Shopify Theme for Your Store?

人们确实会通过封面来判断一个人的好坏。在网上购物时,吸引购物者眼球的第一件事就是网站的外观。

网站设计可以立即决定您获得潜在客户的机会。

作为店主,您可能会发现为您的商店选择最佳 Shopify 主题是一件压力很大且令人生畏的事情,尤其是当您刚开始创业时。幸运的是,我们编制了一份清单,以帮助您了解在数千个 Shopify 主题中进行选择时需要考虑哪些因素。

无论您是在寻找功能丰富、转换率高的 Shopify 主题来从头开始自定义,还是只想查看商店正在使用什么 Shopify 主题,我们都能满足您的需求。此清单将回答您最迫切的问题并指导您完成整个过程。让我们开始吧!

在 Shopify 上仅需 1 美元即可销售
从 3 天免费试用开始,接下来 3 个月只需 1 美元。

什么是 Shopify 主题?

主题是整个网站的模板。它定义了商店给客户的外观和感觉,包括样式、布局、博客菜单、图片、交互元素、购物车和结账功能。

您的主题还反映了您的行业和产品类型。例如,如果您是运动装备供应商,您的商店应该给人一种充满活力和时尚的感觉。另一方面,如果您从事艺术和工艺品行业,您会希望看起来更有创意和更友好。

Shopify 主题选项无穷无尽,从预建到完全可定制。无论您选择使用哪种主题,请确保它们代表您的品牌并为客户提供无缝的购物体验。

冲动主题

主题为您的商店定下基调,并向客户介绍您的产品。上述主题非常适合体育和娱乐商店。

在哪里可以找到我的 Shopify 商店的主题?

有多个地方可以浏览Shopify 主题。请记住,您的主题应与 Shopify – Online Store 2.0 的最新更新兼容。

  • Shopify 主题商店(0 - 350 美元,一次性付款)是开始浏览的好地方。截至撰写本文时,Shopify 提供了一个广泛的主题库,包括 9 个免费主题和 90 个付费主题。所有这些主题均由 Shopify 的专业设计团队创建,具有移动响应能力,设计时尚,令人眼前一亮。

Shopify 主题商店

Shopify 的主题库

  • 主题市场(16 美元 - 179 美元,一次性付款):Themeforest.net、Templatemonster.com 等提供数百种电子商务网站模板。

ThemeForest 上的 Shopify 主题
ThemeForest 上的 Shopify 主题

  • 其他第三方开发商:Booster 主题(最高 399 美元,一次性付款)、Out of the Sandbox(最高 485 美元,一次性付款)、Shoptimized(最高 597 美元,一次性付款)等是一些最受欢迎的开发商。

助推器主题

助推器主题

了解更多: 如何查看 Shopify 商店正在使用哪些应用程序:完整指南

如何找出商店正在使用的 Shopify 主题?

看看其他与你同行业或审美相似的商店总是一个好主意。这样,你就可以从如何展示你的产品以及在你的网站上包含哪些功能方面获得很多灵感。

Shopify 成功案例、Build With 或 CartInsight 是查找这些商店的绝佳来源。您还可以使用模板“Shopify 商店所在行业”+“行业名称”在 Google 上搜索,例如食品饮料或家居生活,以获得更多结果。

然后,如果您喜欢某个网站的设计并希望获得类似的外观,则有两种方法可以检查其 Shopify 主题。

方法 1:手动查找主题名称或 ID

每个 Shopify 主题都有自己的名称和 ID(一个简短的代码,用于将其与其他主题区分开来)。以下是有关如何在 Chrome 浏览器中查找它们的分步指南:

示例 1:在 Mac 上查找主题名称和 ID。

步骤 1 :使用 Chrome 前往您想要检查的 Shopify 商店。

步骤 2 :在 Mac 上,单击查看>开发人员>查看源代码

在PC上,右键单击页面的任意位置,然后单击菜单上的“查看页面源代码”。

步骤 3 :在显示网站 HTML 代码的新选项卡上,使用 Mac 上的“Command + F”或 PC 上的“Ctrl + F”搜索“Shopify.theme”和“theme_store_id”。这将带您找到具有主题名称的代码片段(在下面的示例中为“Minimal”)。

如果主题是由 Shopify 创建的,您将在“theme_store_id”旁边看到一个数字,您可以使用该数字以及“Shopify 主题”在 Google 上搜索以获取结果。否则,您将发现主题 ID 的值为“null”。

有时,主题是完全自定义的,因此您找不到任何名称或 ID。

在源代码中搜索“Shopify.theme”和“theme_store_id”

方法 2:使用 Shopify 主题检测器

另一个超级简单的方法是下载Chrome 扩展程序。Shopify主题检测器是最受欢迎的工具之一,它可以告诉您主题的名称以及它是否是自定义构建的。

Shopify 主题检测器

使用 Chrome 扩展程序可以省去手动搜索主题名称的麻烦。

在 Shopify 主题中我应该寻找什么?

1. 主要因素:行业、功能、预算和主题支持

现在您已经从其他商店中汲取了许多灵感和想法,现在是时候决定采用高转化率和良好用户体验的主题设计,以吸引客户再次光顾。您应该考虑以下几点:

行业细分:主题经过独特设计,可满足不同的电子商务行业和需求:无论您是销售一般产品、细分产品还是单一产品商店。考虑您的产品类型和总数量将有助于您在选择合适的主题时设定明确的目标。

主要功能:网站上的必要功能取决于您的特定业务需求。例如,如果您拥有一家服装店,您可能需要考虑“高级排序和过滤功能”。诸如“颜色样本”、“售罄”、“快速查看”或“快速添加”等额外功能也可能有用。

了解更多服装店最佳 Shopify 主题

我们建议您从其他商店中寻找灵感,亲自尝试主题,确定至少四个基本标准。这样,您就可以有效地筛选您的选择,以后不会后悔!

预算:Shopify 主题有多种价位。请记住,主题提供的功能和自定义选项越多,价格就越高。

如果您的预算有限,我们强烈建议您选择按月订阅的主题,以节省初始成本并随时保持更新。购买前请务必仔细阅读主题的试用和退款政策,以防您以后想要更换!

主题支持:主题开发人员在出现技术问题时提供的支持至关重要。Shopify 主题商店中的所有 Shopify 主题都保证提供无限的客户支持,而其他主题的支持期限从 6 个月到 12 个月不等。渠道越多(电子邮件、电话、即时聊天、教程等)越好!

购买前查看 Shopify 主题商店、开发者网站或 Trustpilot、Reddit 和 Quora 等问答网站上的评论非常有帮助。长期坚持使用信誉良好的开发者将极大地帮助您的 Shopify 之旅。

2. 次要因素:速度、购物车和结账以及移动优化

我们知道,处理技术问题远不如选择设计和美学那么有趣。然而,这些都是决定您的商店如何吸引访客并将其转化为客户的决定性因素。幸运的是,我们可以为您简化这些步骤。

速度优化

Unbounce 的研究表明,页面加载时间会影响 70% 的在线购物者的购买决策,而如果您的网站加载时间超过 3 秒,40% 的人会离开。虽然主题不是决定您网站加载速度的唯一因素,但您仍应密切关注。

一个简单的步骤是使用Google 的 Page Speed Insights工具以及 Google Search Console 中的Core Web Vitals报告测试主题的演示。Page Speed Insights 提供移动和桌面的速度分数。Shopify 要求在 Shopify 上托管的主题至少获得 60 分,因此您应该争取获得 60 分或更高的分数。

了解更多通过 3 个简单步骤更改 Shopify 主题(+ 提示)

购物车和结帐优化

确保购物车和结账流程顺畅无缝的最佳方法是亲自在演示中尝试这些功能。

问自己一些问题:购物时添加新商品和管理购物车是否方便?从购物车页面到购物页面来回移动是否容易?加载时间是否太长?弹出式购物车是否有必要?一页结账还是一键结账效果更好?

为了优化旅程,您可以查看主题的内置功能或在现有主题顶部安装像GemPages这样的页面构建器,以获得更高级的电子商务功能。

了解更多如何在几分钟内自定义 Shopify 结帐页面

移动优化

在设计商店的移动版本时,您可能需要考虑移动版本的自定义功能,例如移动布局、不同的产品集合、移动横幅等。一种轻松的方法是选择具有保证移动响应性的主题。

了解更多:移动转化优化:10 多种行之有效的策略(2023 年)

按照您的方式自定义 Shopify 商店页面
强大的页面构建器让您能够创建带来独特体验并吸引客户的商店页面。无需编码。

是时候采取行动了!

我们希望我们的清单能让您更轻松地完成这个艰巨的过程。记住,不要着急!选择 Shopify 主题并不是一辈子的决定。您可以随时尝试多个 Shopify 主题,然后切换以使您的商店外观和感觉符合您的要求。

但是,如果你正在考虑为你的商店使用 Shopify 主题,那么值得注意的是,许多 Shopify 主题声称可以让你完全自定义网站的页面,但通常只在一定程度上适用于主页。你的页面布局通常是固定的,这意味着你只能更改文本、图像和颜色,而不能更改产品的呈现方式和其他高级设置。

因此,如果您想实现满足特定要求的独特设计,我们建议您除了使用标准主题外,还使用页面构建器。GemPages页面构建器与几乎所有 Shopify 主题和 Online Store 2.0 兼容,因此您可以安装 GemPages 进行高级 Shopify 自定义和完整的设计灵活性。立即开始创建您的梦想商店!

了解更多: Shopify 教程:从头到尾设置您的商店(2023)

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands