WooCommerce：Flatsome 主题评论

已发表: 2022-08-10

卓越而完美的用户体验是为电子商务企业建立成功的在线形象的关键。 您的客户多久进入一次您的网站、因执行其他任务而分心或因年龄布局混乱而放弃您的商店？

据统计，38% 的网站访问者由于内容和页面布局不吸引人而停止与网站互动。 因此，通过吸引人且直观的页面设计来吸引客户的注意力并提供优质体验对于确保客户保留和增加销售额非常重要。

您商店的主题是帮助吸引访问者兴趣并帮助他们进行页面导航的重要元素。 虽然您可以为您的 WooCommerce 网站从多个主题中进行选择，但选择一个能够提供出色性能、提供高定制能力并促进用户体验的多功能主题是您提供优质体验所需要的。

本文回顾了一个如此重要的主题——Flatsome WordPress 主题。 我们将从它的简要概述开始，了解它的界面、功能、优势和成本，以帮助您确定它是否是您电子商务商店的正确选择。 我们走吧！

Flatsome：简要概述

Flatsome - 2013 年发布的多功能响应式 WooCommerce 主题，是 ThemeForest 上评分最高和最受欢迎的主题之一。 几天后，它将在 ThemeForest 上达到 200,000 销量。

UX 主题设计和开发了易于使用和定制的 Flatsome 主题——非常适合非编码人员和初学者。

Flatsome 3.15.6 是该主题的最新版本，与之前的 Flatsome 3.0 版本相比，它包含更多的功能和选项。 此外，该主题提供高性能和可靠性，并专为可扩展性而设计。

此外，它还带有未来的更新，并与 WooCommerce 无缝集成。 让我们从安装和设置的 Flatsome 主题回顾开始。

Flatsome 安装和设置

当您安装 Flatsome 主题并在 WordPress 后端仪表板上打开它时，您将进入此页面。

在这里，您需要单击设置向导按钮 - 这将引导您完成开始并在您的 WooCommerce 商店上设置主题的过程。

您可以跳过设置向导并单击“不是现在”按钮。 稍后要重新启动并设置它，请转到 WordPress 仪表板上的 Flatsome > 设置 > 向导。

或者，您可以点击“走吧！” 按钮开始设置。 单击此按钮后，输入购买代码以注册您的主题，然后单击“注册”按钮。

该设置允许您创建自己的子主题- 这将保存您在主题更新时所做的任何更改或修改。

接下来，设置要求您安装多个插件，包括：

  • WooCommerce
  • 联系表格 7（必填）
  • Nextend Google Connect（必需）
  • Nextend Facebook 连接（必需）
  • 无限侧边栏 Woosidebars（必需）
  • 重新生成缩略图（必需）
  • YITH WooCommerce 愿望清单（必填）

您可以暂时跳过此步骤，也可以稍后从 WordPress 仪表板确定要安装的插件。 或者，您也可以选择安装插件的替代品，例如 WPForms，而不是 Contact Form 7。但是，在不立即安装这些插件的情况下，主题仍然可以正常运行。

然后，您可以创建网站的演示内容——尤其是当您在没有内容的全新网站上安装和使用主题时，以后可以更轻松地根据自己的喜好自定义和编辑内容。 或者，如果您使用的是现有网站，则可以跳过此步骤。

接下来，上传您的预设徽标，选择预设设计，通过支持，并完成 Flatsome 设置。

因此，设置 Flatsome 主题非常快速和简单，因为它可以直观地引导您完成这些步骤，并允许您在需要时跳过某些步骤。

所以，现在我们已经了解了如何设置主题，让我们进入 Flatsome 的功能和设计。

WooCommerce 的顶级 Flatsome 功能

要使用 Flatsome 进行编辑，请转到Pages > Add New ，然后单击下一页上的使用 UX Builder 进行编辑。

您将登陆此页面。

让我们一一看看Flatsome提供的所有功能：

  1. 直观的界面

Flatsome 带有无缝界面，使添加和删除您选择的元素更容易。

当您单击“添加元素”按钮时，您会在边栏中看到多个元素选项——包括布局、内容和商店。

您可以从各种元素中进行选择，例如部分、行、滑块、网格、页眉、块、堆栈、图像、图标、搜索框、价格表、图库和投资组合。 此外，您可以在此处浏览所有 Flatsome 元素。

此外，该主题具有高度响应性——让您只需单击一下即可预览您网站的手机、平板电脑和桌面版本。 例如，只需单击右侧边栏上显示的图标即可在不同设备上预览您的电子商务商店，如下所示。

  1. 广泛的主题设计选项

您商店的设计是吸引访客的关键方面之一。 它越有创意和简单，访问者就越想停留并与您的网站互动。

如果您没有准备好自定义页面设计，Flatsome 提供了许多具有优质品质的有吸引力的预制设计模板。 所有主题的颜色、块位置、图标、图像大小和背景设计都非常出色且吸引设计。

  1. 标题生成器和前端编辑器

Flatsome 通过其Header Builder 提供了出色的标题自定义选项。

当您转到外观并单击商店 WordPress 后端上的自定义选项时，您可以看到几个自定义选项，包括标题、样式、博客和布局，如下所示。

单击“标题”菜单可为您提供直观的拖放标题构建器，以根据您的要求自定义标题。

您可以使用拖放编辑器调整菜单的位置，并通过按钮、搜索表单、垂直菜单和自定义 HTML 代码轻松添加任何内容。 此外，编辑器还允许您调整样式，包括高度、宽度和颜色。

您还可以通过标题生成器编辑器预览自定义标题的桌面、移动和平板电脑版本。

电子商务商店 Work Sharp 是使用 Flatsome 主题的网站的一个很好的例子。 他们有一个简单、时尚的标题和小的悬停动画菜单——给网站的主页一个交互式的用户体验。

  1. 用户体验生成器

就像 Avada 带有自己的实时页面构建器一样，Fusion Builder – Flatsome 带有 UX Builder。

它使您可以轻松编辑网站的各个元素并立即在您的网站上查看实时更改。 这个构建器带有 36 个不同的内容元素——包括标题、滑块、部分和产品。

在这里，您可以轻松自定义内容的文本、字体大小、对齐方式和颜色。

只需单击您希望自定义的特定元素，并根据需要更改其文本、对齐方式或大小。

  1. 公寓式工作室

Flatsome 主题最出色和最值得注意的功能之一是其Flatsome Studio。 这是一个包含大量免费图像、部分和预先设计的布局的数字图书馆——您只需单击一下即可导入。

您可以从数百个元素和模板中选择电子商务、页脚、网格、营销活动、联系人和推荐等部分。

例如，罗马尼亚软件开发网站 Infobest 使用 Flatsome 来设计其网站。 他们使用 Flatsome Studio 库中的主题推荐模板在其网站上显示客户评论并提高品牌可信度。

  1. 内置滑块元素

内置的滑块元素是另一个重要的前端编辑器功能，可以更轻松地在您的网站上添加带有悬停效果和动画的幻灯片。

您可以将横幅、图像和网格中的任何内容添加为幻灯片——每张幻灯片都有叠加颜色、动画、标题和悬停效果。

您可以轻松自定义滑块的导航、自动滑动和高级设置。

  1. 搜索引擎优化

您网站的速度和性能在您网站的搜索引擎优化 (SEO) 性能中起着至关重要的作用。 您的电子商务商店加载所需的时间越长，跳出率越高，您的网站在搜索引擎上的 SEO 排名就越低。

因此，选择提供多用途功能以及更快速度和性能的主题很重要。

Flatsome 带有一个轻量级的 CSS 和 JavaScript 框架——非常适合确保更快的页面加载速度。 此外，它在所有图像和背景上使用智能延迟加载- 使图像仅在需要时加载，再次使您的网站加载速度更快。

此外，该主题将其视差效果和 CSS 动画保持在至少 60 fps - 使网站流畅且高性能。

  1. 灵活的造型选择

导航到外观 > 自定义 > 样式菜单，您可以调整网站的颜色和排版或添加自定义 CSS——从无限的颜色选项和 700 多种 Google 字体中进行选择。

此外，您还可以使用增强的自定义和样式选项自定义您网站的页脚、博客、菜单、页面和小部件。

  1. 支持和文档

Flatsome 通过在线文档、高级电子邮件支持、视频、功能请求以及使用该主题的用户访问 Flatsome 社区提供可靠的帮助和支持。

您可以通过导航到后端 WordPress 仪表板上的Flatsome > 帮助和指南来访问此支持。 您还将获得 6 个月的 UX 主题专用支持以及未来更新。 此外，您可以将此支持延长最多 12 个月，但需额外收费 17.63 美元。

这是广泛的 Flatsome 支持的链接：

  • Flatsome 的 YouTube 频道上的视频教程
  • Flatsome 知识库中的大量文章
  • 可通过 Themeforest 获得在线支持
  • 用于查看不同用例并从中获取灵感的 Flatsome 示例

因此，每当您遇到任何困难时，您都可以借助这些支持渠道中的任何一个来立即解决您的疑问。

其他扁平特征

以下是其他重要的 Flatsome 功能列表，使其成为最受欢迎的 WooCommerce 主题之一：

  • 使用您最常使用的元素创建自定义块，并在任何帖子或页面上使用简码显示这些块 - 一种方便且省时的解决方案。
  • 轻松设计结帐页面的能力。
  • 快速浏览类别页面以查看产品。
  • 从类别页面添加到购物车选项。
  • 产品页面的QuickZoom功能。
  • 显示没有价格的产品的目录选项。
  • 类别列表的不同过滤器选项和布局选项。
  • 实时搜索选项允许访问者在键入时查看并找到他们正在寻找的内容。
  • WPML 准备好了。

您还可以查看新功能并阅读 Flatsome 3.14 和 Flatsome 3.13 版本的新变更日志。

Flatsome定价审查

Flatsome 主题的常规许可证单个站点的费用为 59 美元（不含税）。

如果您想将主题用于多个网站或多个用户，它的扩展许可费用为 2950 美元。 它还针对 12 个月的支持延期收取 17.63 美元的额外费用。

结论：你应该选择Flatsome吗？

鉴于其无缝的 WooCommerce 集成、SEO 优化设计、广泛的元素和灵活的样式选项，您绝对应该为您的 WooCommerce 商店考虑 Flatsome 主题。

它的界面和前端构建器也非常易于使用和理解。 是的，熟悉所有元素和功能需要一些时间和一些学习曲线。 但是，一旦您熟悉了界面，就没有回头路了。

因此，无论您是初学者还是熟练的 Web 开发人员，都可以查看并选择价格合理、用户友好且以性能为导向的 Flatsome 主题，以轻松构建具有专业外观的电子商务商店。