当您购买Shopify 模版时,您是在为每个模版设置图像、字体和颜色后对其进行评估。这是充分发挥主题潜力的好方法。但是一旦您在商店中安装了主题,您就需要做一些工作来让它看起来恰到好处。

这就是设计选择的用武之地——当您没有任何制作经验时,这可能会令人生畏。让我们回顾一下 Shopify 主题定制以及您可以做的一切来推广您的品牌和推动销售。

Shopify 定制:聘请开发人员还是自己动手?

使用主题的好处在于,许多结构设计决策都是为您做出的。您无需担心如何布置页面或在复杂的网站构建器中将每个图像和每个段落放在哪里。

但是为了让您的商店看起来最好,并让您的品牌真正闪耀,您需要添加自己的风格。可以把它想象成装修房子——基本要素都已准备就绪,但您可以选择颜色并调整装饰。

雇用一名 Shopify 开发人员

当您刚接触网页设计的世界时,您所拥有的选择数量是惊人的,甚至可能会让人不知所措。你可以使用任何你想要的颜色!您可以通过单击鼠标进行切换!

当您涉及更复杂的功能和设计选择时,很明显,寻求专家的帮助比您自己摸索更划算——考虑到您的所有其他重要责任。

Shopify专家市场可帮助您联系经验丰富的网页设计师,您可以聘请这些设计师提供专家指导,甚至为您完成设计工作。最好的部分是,他们有 Shopify 经验,因此他们了解平台的来龙去脉,可以帮助您充分利用它。

自定义您的 Shopify 主题

在某些情况下,DIY 路线是有意义的。也许您正在创业,或者您已经具备了自行构建网站所需的技术和设计技能。或者您可能只需要简单的功能来启动,并计划稍后升级。

无论出于何种原因,Shopify 的主题编辑器都是用户友好的,因此您无需任何编码或设计技能即可自定义在线商店的外观。借助Sections EverywhereShopify 应用程序嵌入页面模板等工具,您只需单击几下即可将引人入胜的元素添加到您的网站。

自定义 Shopify 商店以打造您自己的商店的五种方法

  1. 在 Shopify 主题商店中找到完美的主题
  2. 编辑主题设置以调整商店的外观
  3. 创建模板
  4. 使用 Shopify 应用自定义您的商店
  5. 使用 Shopify 应用嵌入来添加更多部分

1.在Shopify主题商店中找到完美的主题

虽然 Shopify 会将您的商店默认为 Debut 或 Dawn 主题,但这取决于您是否使用 Online Store 2.0,您不必坚持使用它。您可以前往Shopify 模版商店浏览其他选项。在开始时选择正确的主题很重要,这样您就不必返回并在需要不同的特性或功能时再次更改它。

Shopify 主题商店的屏幕截图

Shopify 主题有两个主要类别:免费和付费。

  1. 免费:免费主题非常适合准备推出或试验电子商务的新商店或小型商店。好的一面是没有额外的前期或经常性成本,但它们通常有限制和很少的定制选项。有 11 个免费主题可供选择。
  2. 付费:Shopify 还有 100 多个付费主题,从 180 美元到 350 美元不等(一次性收费)。虽然他们需要更多的前期资金,但付费主题提供更多的设计功能、电子商务工具和强大的功能集,让您可以通过在线商店做更多的事情。

Shopify 主题商店浏览器的屏幕截图

您还可以按行业、目录大小以及年龄验证、无限滚动和商店定位器等功能浏览 Shopify 模版。自定义 Shopify 商店时,最好从具有所需功能的模版开始。您可以稍后弄清楚外观。

2. 编辑主题设置以调整商店的外观

了解主题的一般结构和功能后,您就可以专注于主题定制的设计方面。这样,您就可以设计您的在线商店以匹配您的视觉品牌

编辑您的主题,请转到在线商店 > 主题,从您的仪表板导航到主题编辑器。找到您选择的主题并单击自定义。

您要关注的主要领域包括:

调色板

如果您已经拥有品牌,则需要调整 Shopify 模版设置以符合您既定的品牌指南。如果您没有品牌指南也没关系——您可以使用徽标中的颜色。

从头开始?为您的品牌选择颜色可能会令人生畏。他们在一起好看吗?亮色还是中性色更适合您的品牌?从您携带的产品类型中寻找灵感。例如,如果您销售木制家具或皮革制品,棕色、米色和橙色等自然色可能是不错的起点。

您还可以使用在线调色板工具,其中许多工具会提供由其他人或品牌创建的出色调色板示例。

 

来自 Color Hunt 的调色板示例
一个示例调色板,悬停时显示十六进制代码,关注Color Hunt

一旦您选择了一些看起来不错并且适合您的产品和业务的颜色,请保存代表您所选颜色的十六进制代码。您可以在在线平台和设计工具上使用这六个字母和数字的组合,在您需要使用颜色的任何地方获得精确匹配。

它看起来像这样:

  • #FFFFFF-白色
  • #2D2D2D - 深灰色
  • #50B83C-绿色

字体

字体也是品牌的重要元素。许多最好的电子商务商店设计都使用不同字体的组合,因此您不必只使用一种字体甚至一种样式。找到相互补充的字体,一起工作而不会变得无聊。

通常最好坚持使用两种或三种字体。如果再多一点,您可能会稀释您的品牌,并分散信息流本身的注意力。虽然过度创意很诱人,但要在易读性、一致性和清晰度之间取得平衡。

选择补充字体

找到完美字体组合的最快方法是使用同一字体系列中的不同字体。字体系列类似于 Helvetica 或 Times New Roman,其中的字体有一些变体。来自同一家族的字体已经具有可以很好地协同工作的各种粗细和样式。

较重的字体类似于字体的粗体版本,而样式变体可能是全大写版本。

将一种字体用于多种格式的示例
以多种方式使用一种字体的示例 c/o Canva 的字体配对指南

如果您有喜欢的字体,可以使用粗体、常规和斜体来区分您的标题和其他信息。这是一种让单一字体系列适用于整个商店的方法,同时仍然让您能够区分不同类型的内容。

配对兼容字体

如果您以前从未使用过字体,这里有一个关于字体的快速入门。您会发现几种不同的基本文本样式。

  • Serif:这些字体,如 Times New Roman 和 Georgia,每个字母上都有小脚。
  • Sans serif:这些字体,如 Arial、Helvetica 和您现在正在阅读的字体,没有小脚。
  • 脚本:这些字体是任何看起来像书法或手写体的字体。
  • Monospace:这些字体的字母都是等间距的,是您通常在计算机代码中看到的。一个很好的例子是 Roboto Mono。

您可以将不同字体的字体配对,以获得它们之间的强烈对比。

基于对比度组合字体非常适合建立层次结构。对比鲜明的字体可以清楚地表明哪些段落是标题和副标题,哪些是正文。

层次结构直观地向您的客户显示哪些信息最重要。在这篇文章中,我们使用标题来帮助您了解每个部分的内容。这是层次结构的示例,您可以使用不同的字体来帮助您的标题脱颖而出。

故意使用字体大小

字体大小也应该是有意的。使用不同的字体大小来突出显示重要内容,并告知用户网站的目的和内容。您的内容越重要,字体大小就应该越大。

一旦您为您的正文内容和标题选择了字体大小,请坚持使用它,以便您的客户可以轻松分辨什么是标题,什么是段落。您的网站越容易阅读和导航,完成销售之前的障碍就越少。

一旦你完成了字体、颜色和你的一般品牌指南,你可以为你的商店设计做的最重要的事情就是坚持它们。

3. 创建模板

虽然在不同页面上使用新字体和颜色可能很诱人,或者只是在心情来袭时使用新字体和颜色,但请记住,一致性是打造品牌的基石。您希望您的客户能够轻松识别和浏览您的商店,坚持使用一套核心字体、颜色和样式可以大大有助于实现该目标。

这就是为什么页面模板或部分是 Shopify 主题自定义的有用功能。

页面模板对于您经常重复使用的内容很有用,例如博客文章、登陆页面、销售渠道,甚至是产品页面。当您从模板开始时,您可以保持一致性并减少创建每个页面所需的创造性脑力和时间。

部分而言,您可以创建较小的模板化内容块,您可以在网站的各个页面上使用这些内容块。这可能是您计划在多个页面上插入的联系表、号召性用语或时事通讯注册。当您需要更新该部分的内容时,您只需执行一次,它会自动将更新反映在使用该部分的每个单独页面上。

要创建和编辑部分,请转到您的主题编辑器并单击“+ 添加部分”。从列表中选择一个新部分或使用搜索栏查找要编辑的部分。单击该部分以编辑该部分内的块。您还可以单击并拖动某个部分旁边的 ⋮⋮ 图标,以更改页面上各部分的顺序和布局。完成后单击保存。

4. 使用 Shopify 应用自定义您的商店

商店设计应用程序集合中有数以千计的 Shopify 应用程序可用这一切都归结为确定您希望能够自定义的内容,然后找到能够满足这些需求的应用程序。

以下是您可以使用 Shopify 应用进行的一些自定义更改:

  • 更改您的搜索栏:自定义搜索、过滤和产品推荐;添加视觉搜索;并通过Shopify Search & Discovery等应用增强整体搜索体验
  • 添加产品推荐:推荐类似产品以提高平均订单价值。看看Thousand如何使用应用程序来做到这一点。
  • 整合客户评论Product ReviewsJudge.me等应用程序将帮助您通过客户评论通过社会证明优化转化。
  • 构建登陆页面模板:要获得更强大的登陆页面自定义和模板,请使用像Shogun这样的应用程序,它具有易于使用的拖放式编辑器。
  • 自定义结帐:将结帐体验与您的视觉品牌相匹配并对其进行优化以减少摩擦并促进销售。Skip To CheckoutZipify One Click Upsell等应用程序可以帮助您做到这一点。

5. 使用 Shopify 应用程序嵌入来添加更多部分

Shopify 应用嵌入应用提供的元素,它们在您的主题中浮动或显示为叠加层,或者将代码添加到您的在线商店而不对您的客户可见。例如,出现在商店角落的聊天气泡应用程序,或者分析或跟踪应用程序,可能会作为应用程序嵌入添加到您的商店中。

例如,Shopify 商家 Ora Organic 在其电子商务网站上嵌入了一个实时聊天应用程序。该应用程序由Gorgias提供支持,允许用户在不间断地继续他们的网站浏览体验的同时参与实时聊天气泡。

Ora Organic现场聊天截图

您可以通过主题编辑器激活、停用和自定义应用程序嵌入。您也可以将它们与任何主题版本一起使用。

与部分一样,应用程序嵌入需要单点实施和管理。因此,您对应用嵌入所做的任何更改都会自动反映在应用嵌入出现的每个页面上,这意味着您不必手动更新每个单独页面上的应用嵌入。

要自定义 Shopify 应用嵌入,请从模版编辑器中单击“应用嵌入”。选择要管理的应用程序嵌入(或单击搜索栏并输入关键字以搜索已安装的应用程序)。当您看到要激活或停用的应用程序嵌入时,单击切换按钮以更改其状态。您还可以通过单击应用嵌入名称旁边的展开图标 (▸) 查看应用嵌入设置。

您的 Shopify,您做主

每个 Shopify 主题都符合高标准,并具有内置功能,可让商家提供折扣、推荐产品、捕获电子邮件以及为买家做更多事情。此外,所有主题均可免费更新,因此您始终可以获得最新版本。

针对在线销售进行了优化,您的商店将快速加载,在移动设备上正常运行,并提供最佳的结账体验——所有这些都与您现有的品牌相得益彰。

Shopify 自定义常见问题解答

您可以自定义您的 Shopify 吗?

是的,您可以自定义您的 Shopify。选择一个主题,然后导航到主题编辑器以自定义设置、结帐、商店设计等。

什么是 Shopify 定制?

Shopify 定制是指您对 Shopify 网站的前端或后端进行更改。这可能包括诸如外观和感觉、支付选项和结帐流程、网站导航等内容。

Shopify 易于定制吗?

是的,Shopify 很容易定制。您可以导航到模版编辑器自行编辑,或聘请专业人士为您定制 Shopify 网站。

如何获得有关自定义 Shopify 商店的帮助?

Shopify专家市场可帮助您联系经验丰富的网页设计师,您可以聘请他们为您的 Shopify 商店提供专家指导,甚至为您完成设计工作。


点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

服务号

订阅号

备注【拉群】

商务洽谈

微信联系站长

发表
评论
立即
投稿
返回
顶部