BigCommerce主题与框架选择教程

在当今的数字世界，消费者比以往任何时候都更容易分心。

通常情况下，买家访问了一个网站，但却因为要出去办事或忘记发送电子邮件而放弃了购物车。

为此，品牌需要从一开始就抓住顾客的注意力，而不是与忙碌的消费者生活方式作斗争。如何成功呢？一切尽在网站设计中。

如果一个网站的内容或布局不吸引人，38%的访问者会停止浏览。

在创建或优化网站设计时，你需要考虑成本、定制和灵活性、UX功能和总体设计管理。

电商主题和框架已经成为在线品牌探索的热门渠道。这些解决方案提供了预先设置的设计和功能，可以进行定制，为你的企业提供好的品牌体验。

什么是电商主题？

电商主题是一个预先建立的在线商店设计，以供品牌安装在他们的电子商务网站，为客户提供好的用户体验。

使用电商主题对在线企业来说是一个负担得起的选择，因为它们可以消除网站设计和开发成本。

如果你想在不学习大量代码或雇佣代理商的情况下创建一个美观的、UX友好的网站，电商主题或许是一个很好的选择。

并非每个网站模板都是用相同的方式构建的。当选择适合你的业务的设计时，需要查看以下特性：

●响应式电子商务；

●产品页面功能（例如交叉销售和追加销售功能）；

●自动更新购物车；

●美观、现代、简洁的设计。；

●移动优化；

●自定义选项（例如页面构建器、附加组件、翻译功能）；

●客户支持；

●可负担性（例如免费主题与付费主题）。

什么是主题框架？

如果你有预算和资源来开发自己的网站设计，主题框架可能更适合你。

主题框架为主题设计开发人员在创建自定义主题时提供了一组标准。

简单地说，框架是一组特性和功能，是为帮助开发过程而创建的。一旦开发了主题框架，用户就可以创建子主题以便进一步完成自定义定制。

主题和框架之间最大的区别是：

●主题——可以立即安装并使用功能。

●框架——需要进一步的开发和自定义。

那么，要如何使用框架呢？

框架被打包在一个单独的文件夹中，开发人员将在其中放置新的父主题并将其加载到框架中。一旦开发了主题框架，用户就需要创建包含所有定制的子主题，这样设置可以同时更新框架和父主题。

Stencil：BigCommerce主题框架

BigCommerce了解一个品牌想要在竞争中脱颖而出的愿望，因此提供了主题框架。

Stencil为商家和开发人员提供了响应式电子商务模板选择或构建完全自定义网站的选项。

有了这个工具，你可以在任何设备上创建一个在线商店，吸引消费者并提高转化率。该工具采用强大技术，现代设计标准、转换和SEO构建，使你的电商网站可以脱颖而出。

使用主题和框架的优势和注意事项

主题和框架可以帮助你更轻松地管理在线业务，但是它们也有一些限制。

利用主题和框架的优势

1、轻松建设网站

主题和框架使网站建设更加容易。你可以访问配色方案、多用途主题、响应式设计、拖放页面构建器、谷歌字体、可视化编写器、社交媒体集成等等。此外，你可以在预先设计的网页（如网页布局）的帮助下，在任何时间构建着陆页面。

2、具有成本效益

许多电商主题是免费的，其他主题的价格也很低。有了易于使用的工具，你的电商业务主题可以节省时间和金钱。此外，当你想要更新网站外观时，你不需要花费更多的时间和金钱去做这些改变。

3、选择范围广

你想要寻找一种设计，提供用户想要的UX功能，但也符合你的品牌基调和信息？幸运的是，有许多主题选项可供选择。

如果你打算把网站设计和内容放在电商平台上，BigCommerce主题和BigCommerce模板是一个很好的开始。如果你正在使用CMS，电商WordPress主题是另一个不错的选择。

4、自动更新

使用主题或框架构建你的网站设计可以确保自动更新，因此你可以随时掌握技术、现代设计标准、转换和SEO的实践，而无需考虑或花费太多时间。和自定义开发相比，这更具优势，因为没有人喜欢过时的设计。

主题和模板注意事项

1、避免与竞争对手网站相似

通过选择一个通用的主题，你将冒着与竞争对手相似的风险。正如前面提到的，每个主题和框架都是不同的，在选择主题或框架时，请密切关注自定义功能。

2、自定义限制

实现预构建的设计解决方案有其局限性。根据主题或框架的不同，你可能会受到特定UX功能的限制。在创建在线商店之前，请务必了解主题或框架的功能。

何时应该进行自定义开发？

主题和框架并不适合所有人。根据你的业务需求，你可能需要进行自定义开发。

如果你想要从未见过的独特设计，那么你可能需要聘请开发人员或设计机构从头开始创建定制编码的解决方案。

如果你的业务有很多复杂性，那么进行自定开发可能是值得的。通过这种方式，你可以获得客户所需的定制功能和营销特性。

但是，自定义开发应该是你的最后一个选择。因为它不仅成本高，而且需要更多的开发知识——比如ajax、css、rtl和html5。

主题或框架可以为你节省金钱和时间，同时为你提供支持你在线商店所需的特性和功能。

如何为你的在线商店选择正确的主题或框架？

在为你的在线商店选择正确的主题或框架时，你需要考虑以下几个因素。

没有两个主题是相同的，所以你要做广泛的研究。

1、确定基本的UX特性

仅仅依靠美观的网站无法流量转化，因为今天的消费者希望在网上购物时拥有先进的用户体验功能。

对于你的企业来说，基本的UX特性是什么样的？

以下是一些你的设计应该具备的特性：

●移动响应功能；

●简便结账；

●交叉销售和追加销售功能（例如热销产品、推荐商品）；

●全宽设计，采用干净的代码构建；

●快速加载时间（在任何设备上）；

●与电子商务插件的兼容性；

●引导导航和搜索（例如超级菜单）。；

●产品细节变化功能。

2、考虑内容营销策略

一旦有了UX特性，你需要考虑内容策略。

你可能会想：“为什么这对我的网站设计很重要？”

了解你将在站点上展示什么类型的内容，将帮助你的企业确定什么主题或框架最适合它。

以下是一些需要考虑的内容材料：

●用户生成内容；

●博客文章；

●社交媒体；

●产品图片和视频；

●特色图片。

3、研究竞争对手的网站

通过研究竞争对手的网站，你会得到两个结论。首先，你将了解你的行业需要哪些特性。其次，你可以学会应该远离的不良内容。

使用竞争对手的知识来选择一个主题或框架，使你能够为品牌自定义最终的用户体验。这种需求使得BigCommerce模板成为业界强大的工具之一。

4、在何处托管主题或框架？

当涉及到托管你的主题或框架时，你有两个选择：

●在电子商务平台上托管；

●在内容管理系统（CMS）上托管，如WordPress。

根据你自身情况选择使用平台或CMS。

提供主题和框架的主流电子商务平台有BigCommerce、Shopify、OpenCart和WooCommerce。

说到CMS，WordPress电商主题是非常受欢迎的。

记住，当你使用WordPress时，你需要把它和电商功能结合起来——比如BigCommerce或者WooCommerce。BigCommerce将为你托管站点，而WooCommerce要求你投资于托管服务（例如BlueHost）。

5、紧跟用户体验设计的趋势

在选择电商主题或框架时，需要确保你的品牌处于UX设计趋势的前沿。

你不必去挖掘这些信息，这就是为什么BigCommerce可以让你很容易地发现网站设计的趋势，并且总是让你保持更新的原因。

如果你正在寻找竞争对手的研究或其他网站设计灵感，Ecomm.designis是另一个很好的资源。你可以根据平台、类别、技术和流量进行筛选。在这里，你可以了解是什么技术或功能驱动你所喜爱的设计。

BigCommerce主题推荐

BigCommerce商家可以访问许多免费和付费的主题，例如：

1、Cornerstone

Cornerstone是BigCommerce较受欢迎的主题，也是许多新商户的起点。主题有三种风格：Light、Bold和Warm。这个免费的主题为销售和折扣、产品目录、多用途以及移动设备、平板电脑和桌面进行了优化。

Cornerstone Bold

Cornerstone Light

Cornerstone Warm

Cornerstone是完全响应性的，包括复杂的搜索过滤、可自定义的产品筛选器、购物车产品建议、免费的客户支持、高级快速视图、定制的单页结帐、超大导航、砌体设计、谷歌AMP、帐户支付方法、谷歌分析增强电子商务、店面CSRF保护等功能。

2、Fortune

Fortune是一个突出的免费主题的网上商店，是品牌与中小型目录。主题有四种风格：Minimal、Bright、Contrast和Highlight。

Fortune Minimal

Fortune Bright

Fortune Contrast

Fortune Highlight

3、Vault

Vault也是一个免费的主题，具有商店设计功能，比如可以灵活地在主页上添加图片和文本横幅，而无需修改代码。这个主题对于广泛的产品目录来说是一个很好的选择，它的功能非常多，可以同时处理小目录和大目录，同时保持时尚和现代的设计。这个自由的主题有三种不同的风格：Cool、Bright和Natural。

Vault Cool

Vault Bright

Vault Natural

4、Scales

Scales配备了创新的设计，确保卖家能够跟上业务增长，它体现了设计功能与站点功能之间的平衡。这一付费主题适合雄心勃勃的创意人士和自定义品牌。它是为Pixelpop、多用途、移动、平板电脑和桌面优化。Scales有四种风格：Chic、Pop、Modern和Minimal。

Scales Chic

Scales Pop

Scales Modern

Scales Minimal

5、Parts Warehouse

由于其灵活和功能丰富的设计，Parts Warehouse对于从初创阶段到企业级别的任何品牌来说都是一个非常棒的主题。付费主题有四种风格可供选择：Classic、Light、Dark和Champion，并可以对家庭和花园、汽车和工业、电子和电脑、体育和娱乐行业进行优化。

Parts Warehouse Classic

Parts Warehouse Light

Parts Warehouse Dark

Parts Warehouse Champion

6、Lookbook

Lookbook可以将你的产品摄影提升到一个新的水平。使用双列产品网格吸引客户眼球，突出显示详细的产品照片。这个付费主题包括一个固定的标题和嵌套的导航，以保持访问者在浏览网站时很好地控制。有4种风格可供选择：Standard、Organic、Dark和Colorful。Lookbook对于时尚商店和生活方式品牌来说都是很棒的选择。

Lookbook Standard

Lookbook Organic

Lookbook Dark

Lookbook Colorful

7、Geneva

Geneva以其引人注目的现代设计展示了顶级产品和精心策划的精品系列。这个付费主题通过突出你的产品（加上它们的高质量图片）来帮助讲述你的品牌故事。Geneva有四种风格：Bold、Grey、Pastel和Colorful。

Geneva Bold

Geneva Grey

Geneva Pastel

Geneva Colorful

8、Runway

Runway是一个画廊主题，为商店提供独特的风格。利用全宽图像，整洁的侧边栏导航和旨在邀请客户参与的主页功能。这个付费主题有4种风格：Bold、Minimal、Warm和Bright。

Runway Bold

Runway Minimal

Runway Warm

Runway Bright

9、Capacity

Capacity提供可自定义的超大导航、精细的产品过滤，和一个独特的模块化幻灯片领域。这个付费主题有4个风格：Bright、Clean、Cooland和Warm。

Capacity Bright

Capacity Clean

Capacity Cool

Capacity Warm

10、Atelier

Atelier能让你的业务在网上脱颖而出，通过独特的导航菜单和华丽的主页产品网格，为全宽图像提供服务。它有4种风格：Minimal、Bright、Classic和Modern。

Atelier Minimal

Atelier Bright

Atelier Classic

Atelier Modern

WordPress的BigCommerce可以使用哪些主题？

通过BigCommerce for WordPress，内容优先品牌及其开发人员可以通过单个插件直接在WordPress平台上构建和管理商务体验，从而提高店面性能并简化店面管理任务。

在互联网上有无数WordPress主题出售，因此很难知道哪一个主题会给你带来品牌成功所必需的功能、设计和特性。为了让情况更简单，这里有4个WP主题，它们都可以与BigCommerce兼容。

1、StudioPress的Essence Pro

由StudioPress创建的Essence Pro为健康和生活方式领域的品牌提供了一个美观、整洁的设计。为了简单起见，该主题构建了一系列功能，使客户可以很容易地将注意力集中在你的产品上。

2、Kona

Kona具有流畅的用户体验。凭借独特的功能和特性，Kona可以帮助你的品牌从竞争对手中脱颖而出。

关键功能包括一键演示导入、实时Ajax搜索、心愿单选项、响应式布局、视网膜优化、Adobe Typekit字体、多语言和货币切换、时事通讯集成、视频支持、出色的性能、流畅的动画、易于使用的页面构建器（与新的WordPress Gutenberg可视化编辑器兼容）以及24小时内的支持。

3、Tonda

Tonda为在线商店、零售商和手工匠提供了美观的设计和强大的网站功能。

有了这个高级主题，你将发现许多自定义选项和功能，比如用户仪表板、订单跟踪和快速视图，以及附加的博客布局，这样你就可以在自己的电商网站上执行营销策略。

4、Shopkeeper

Shopkeeper是一个完全响应的高级WooCommerce主题，它与WordPress上的BigCommerce合作，展示了一个投资组合、待售产品，或者两者兼而有之。凭借超过25000个终身销售，Shopkeeper是一个具有本地站点功能的主题，与Elementor兼容，页面设计易于使用，具有拖放功能和访问无限的颜色。

为什么BigCommerce商家要使用主题和模板？

1、Ichiban Toys

使用BigCommerce模板，Ichiban Toys能够在很短的时间内完成急需的升级。

Ichiban Toys负责人表示：“在过去的几个月里，我们换了一个新的模板主题。同时保持我们所享受的伟大的搜索引擎优化，我们可以推出一个新的网站，显示我们在业务的新重点。因为我们所有的客户和产品数据都在系统中，所以我仅用了不到1天的时间来设计和发布！”

2、Boxhill

Boxhill通过升级到一个BigCommerce主题，改变了他们的电子商务战略。

BoxHill负责人称：“升级到BigCommerce设计的主题对我们来说是一个正确的选择。我们现在可以完全控制商店的微小调整，并且我们的客户也注意到了。我们发现，由于新的设计，广告更倾向于推广我们的商店，过去拒绝我们的供应商现在因为改进的专业外观而与我们合作，我们的销售额增长了320％！”

3、Revelry

网站速度、用户体验功能和设计是Revelry的所有者和创始人 Michelle DeLoach的3个优先事项。在切换到BigCommerce模版后，DeLoach创建了一个不需要编码的电子商务商店。

DeLoach说：“作为一名设计师，我非常注重美学，这直接体现在我们商店的外观上。当我们切换到BigCommerce模板时，我们的站点的加载时间变得更快，而且几乎是即时的，这对我们的客户来说非常重要。”

常见问题解答

并不是每个主题或模板都是相同的。以下是关于电商主题的常见问题的答案。

1、什么类型的企业需要使用主题和模板？

任何商业类型或规模都可以使用电子商务主题或模板，为你的业务找到合适的主题或模板的关键是查看伴随它而来的特性和功能。

2、价格范围是多少？

电子商务主题和模板的范围从免费到300美元左右不等——不包括自定义。

3、电商主题和模板会自动更新吗？

大多数电商主题和模板都带有自动更新功能。但是，在购买之前你一定要做好调查，了解这些更新发生的频率以及它们将如何影响你的站点性能。

4、关于客户和技术支持

BigCommerce提供全天候的专门支持。

5、所有主题和模板都是可移动响应的吗？

目前开发人员创建的大多数主题和模板都是移动响应的。

6、可以预览不同的主题和模板吗？

可以预览。但是要知道演示或预览过程可能会有所不同，你应该始终能够完成现场演示，有些主题甚至允许你自定义网站的某些部分以便更好地进行预览。

7、是否可以在未来将相同的主题或模板转移到不同的电商平台？

如果你的主题与你的电商平台或内容管理系统兼容，答案是肯定的。如果不是，你将被要求选择一个新的主题或模板。

8、切换到新的主题或模板是否很困难？或者完全转向自定义设计？

切换到一个新的主题或模板可能非常简单。如果你使用的是自定义编码的方法，那么需要做更多的工作来启动和运行主题和模板。

总结

今天的消费者期望在客户旅程的每一个阶段都有一个优化的用户体验——加上创新的特性、功能和漂亮的设计。

这意味着一件事：电子商务主题和模板在你的在线商店的成功中发挥着比以往任何时候都重要的作用。

（来源：跨境峰哥）

以上内容属作者个人观点，不代表雨果网立场！本文经原作者独家授权供稿，转载需经雨果网授权同意。