WooCommerce 定制器无需编码即可改造商店

已发表: 2017-12-07
Header image for WooCommerce Customizer

最后更新 - 2020 年 10 月 9 日

WooCommerce 继续证明自己是一个以最少投资建立电子商务商店的好工具。 而且,它为店主提供了极大的灵活性,可以随意修改商店的外观和功能。 有许多主题可以提供出色的选择,以在视觉上增强您的商店。 在这里找到一些流行的 WooCommerce 主题。 即使您可以仅使用主题来管理以客户为中心的前端设计,但有时您需要进行一些额外的修改。 如果您对编码感到满意,那么您可以使用 WooCommerce 实现的自定义没有限制。 但是,如果不是这种情况,您可能不得不依赖插件。 本文着眼于一些最好的 WooCommerce 定制器插件,它们将帮助您修改商店的设计和布局。

WooCommerce 定制器插件

WordPress WooCommerce 社区中有很棒的插件,可以帮助您自定义商店中的视觉元素。 它可以在没有任何编码的情况下完成,这一事实使其成为许多店主的首选。 这是您可以试用的插件列表。

SkyVerge 定制器

如果您害怕修改网站的外观和感觉,那么此插件适合您。 您可以从该插件的设置页面修改您网站的一些前端功能,而无需任何编码。 此外,您无需修改​​任何模板即可实现此目的。 这个插件对于快速更改测试非常有帮助。

如果你想在不玩代码的情况下自定义 WooCommerce 商店的视觉元素,这个插件是一个理想的选择。

使用 WooCommerce Customizer 插件,您可以更改各种产品类型的“添加到购物车”按钮的文本。 这可以根据需要在单个产品页面或一般商店页面上完成。 您还可以更改商店页面上显示的产品数量,或更改销售徽章文本。 此外,您可以修改“产品信息”或“附加信息”选项卡的标题文本。 此外,您也可以在结帐页面中进行一些修改。 您可以修改优惠券或登录文本、“创建帐户”默认文本或“提交订单”按钮文本。

店面电源组

Storefront 主题是可用于 WooCommerce 商店的最佳主题之一。 它也有很多可以使用的子主题。 这是一篇介绍 Storefront 的一些流行儿童主题的文章。 如果您想了解如何创建 Storefront 子主题,请在此处阅读另一篇文章。 现在,Storefront powerpack 是一个 WooCommerce 扩展,可帮助您自定义主题,无需任何编码。 事实上,您可以毫不费力地自定义和改造 Storefront 主题的所有方面。

使用此扩展程序,您可以修改商店的标题布局,并尝试大多数元素的颜色、字体和布局。 如果您想更改某些文本或修改结帐流程,也可以使用此扩展程序。 可以灵活地在单个产品级别应用更改,或在所有产品的全局级别应用更改。 您可以选择在实施之前预览任何更改。

快速浏览 Powerpack 的功能

现在,让我们详细了解一下这个扩展的一些功能。 您只需拖放即可轻松配置标头组件,例如徽标、购物车和导航。 边距、内边距等元素在获得正确布局方面发挥着重要作用。 使用此插件,您可以立即对这些元素进行简单的调整。 而且,您知道结帐流程对转化的重要性。 此扩展程序可帮助您使用“无干扰”布局等选项来试验结帐流程。

您还可以编辑主页的文本、按钮和布局。 简单而熟悉的编辑器使整个过程变得容易得多。 您还可以全局编辑产品页面的配置。 而且,如果您想删除产品页面上任何不需要的字段或元素,这也是可能的。 该扩展使您能够更改图像库的外观和许多进一步的修改。 总体而言,使用此扩展程序,您可以控制修改网站上的任何内容。 这包括主站点容器等结构元素和按钮等视觉元素。 此外,您还可以修改产品的显示方式。

请注意,此扩展仅适用于 WooCommerce 的 Storefront 主题。 您可以以 59 美元的价格购买单站点许可证。 5 站点许可证售价 89 美元,25 站点许可证售价 119 美元。

Pootle Pagebuilder Pro

这是一个直观的页面构建器工具,可帮助您创造性地增强您的 WordPress 网站。 它还具有自定义 WooCommerce 产品和商店页面的功能。 由于简单和易于使用的拖放界面,它被广泛首选。 事实上,经验丰富的专业人士甚至初学者都发现它非常易于使用。 此外,您可以在任何设备上使用它,因为它在手机上和在笔记本电脑上一样流畅。 此外,您可以使用的主题没有限制。 它几乎适用于任何主题,您甚至可以将其与流行的插件(如 Ninja forms)结合使用。

Pootle Pagebuilder Pro 为您提供美化您的 WordPress 网站的能力,它适用于任何主题。

下面列出了 Pootle Pagebuilder Pro 的一些有趣的功能:

  • 易于使用的拖放功能
  • 在任何 WordPress 网站上创建和重复使用模板。
  • 实时编辑器可实时查看您所做的更改。
  • 易于为营销目的创建登录页面或其他促销页面。
  • WooCommerce 构建器模块可与 WooCommerce 产品和商店页面无缝协作。

您可以以 99 美元的价格获得此插件的单站点许可证。 五个站点许可证的价格为 135 美元,对于无限站点许可证,您必须支付 149 美元。 借助许多 WordPress 专家的建议,这可能是您网站的绝佳选择。

店面专业版

与 Storefront Powerpack 类似,此插件可帮助您自定义 WooCommerce Storefront 主题。 您可以使用此插件自定义与 Storefront 相关的所有内容。 商店和产品页面布局、颜色、字体、页眉、页脚等,可以根据您的喜好进行定制。 全球有超过 5000 个网站使用,这个网站也越来越受欢迎,尽管没有 Pagebuilder Pro 那么多。

使用 Storefront Pro,您可以选择适合您商店品牌的字体、颜色和图标。 此外,您可以自定义主导航,并单击创建大型菜单。 如果您想更改博客的布局,可以使用 Storefront Pro 轻松完成。 您可以轻松地为您的 WooCommerce 商店创建适合移动设备的页面。 在目前移动购物正在兴起的情况下,这一点尤为重要。

此外,与 Storefront Pro 相关的许多功能将帮助您改善商店的外观。 “产品快速查看”、“横向产品标签”和“无干扰结账”是这款功能丰富的产品的一些亮点。 此外,您还可以找到一些免费的附加模块。 您可以购买四个许可证选项。 单个站点 – 49 美元、5 个站点 – 75 美元和 25 个站点 – 99 美元。 如果你想将它用于无限的网站,你必须支付 199 美元。

皮条客

在没有编码知识的情况下自定义 WooCommerce 商店的另一个不错的选择是 PimpMyWoo。 这个可以有效地满足一些最受欢迎的定制要求。 这也是一个简单易用的界面。 而且,它适用于任何 WooCommerce 主题,因此您不必担心任何兼容性问题。 有趣的是,这个范围没有限制,因为它可以帮助您随意修改视觉元素和布局。 您可以将更改应用到“添加到购物车”按钮、默认产品页面、价格等。该插件的常规许可证可在 CodeCanyon 以 22 美元的价格获得。

为什么自定义您的 WooCommerce 商店很重要?

当您从 WooCommerce 商店开始时,您需要尽早就定制做出一些决定。 然而,这些应该基于从对市场的理解中获得的洞察力。 如果你不能提前做适当的市场调查,你仍然可以使用一些以客户为导向的思维。 让我们更详细地研究其中一些方面

视觉元素的一致性

您为商店选择的视觉元素决定了您商店的身份。 使用上面提到的一些工具,可以很容易地随时更改视觉元素。 但是,最好将这些更改保留在不太显眼的功能区域。 因为,一旦您的客户习惯了您商店的某种身份,这就会定义您在他们心中的存在。 如果您的更改没有经过深思熟虑,可能会导致他们对您的商店产生负面看法。 在从经验丰富的设计师那里获得一些见解后,选择您商店的名称、徽标、标语和颜色。 保持商店各个方面的一致性尤为重要。 例如,如果您的在线商店呈现某种色调,则您的印刷材料和包装应遵循类似的模式。 某些主题(如徽标和标语)也应始终如一地出现在营销渠道、社交媒体等中。

设计很大程度上取决于您使用的主题

您的 WooCommerce 商店的设计和许多前端功能由您选择的主题决定。 WordPress WooCommerce 社区中有大量可用的主题。 因此,从一个切换到另一个不会是一项艰巨的任务。 但是,主题的任何变化都应以对客户行为或商店绩效的相关见解为后盾。 阅读我们的文章,了解市场上一些最新的响应式主题。

对于刚刚起步的 WooCommerce 商店来说,店面将是一个理想的选择。 这是因为您可以免费下载它,并且它可以与您的商店无缝集成。 此外,您可以选择相当多的儿童主题。 而且,如果您不想使用任何可用的主题,您可以聘请可以帮助定制设计的专家。

以客户的兴趣设计主页

您商店的主页是客户与您互动的第一个地方。 主页的设计和布局应符合您的产品线和客户兴趣。 主页上的几个元素有可能吸引或排斥您的网站访问者。 诀窍是优化策略以确保最大转化率。 您需要创造性地思考您需要对您的商店产生多大的视觉影响。 例如,如果您的商店正在销售设计师品牌,您可能希望将精美的照片与穿着您产品的模特一起使用。 另一方面,如果您销售在线 WordPress 插件,您的重点应该更多地放在描述特性和功能上。 您还需要考虑在商店中放置小部件和其他功能元素。

无缝结账

如果您网站的所有其他元素都成功地将访问者引导到结帐页面,那么这一切都归结为该页面的设计和内容。 以下是一些优化结帐页面的有用指南。 可以轻松避免潜在客户在结帐页面上放弃购物车的一些原因。 例如,看到任何额外的成本,如运费或税款,都会让他们失去动力。 此外,在支付方式方面缺乏选择可能是一个重要因素。

结论

在设置 WooCommerce 商店时,您需要考虑客户的兴趣和您的产品集。 网站的设计和布局应与商店的身份保持一致。 决定商店外观和感觉的重要方面之一是您选择的主题。 另一件重要的事情是您拥有的自定义选项。 本文汇总了您可以试用的最佳 WooCommerce 定制器插件列表。 只需遵循我们在文章末尾讨论的专家认可的策略即可。 快乐销售!