自定义 WooCommerce 产品页面的最佳插件

已发表: 2021-07-06

正在寻找编辑商店中产品页面的最佳方式? 然后不要再看了,在本指南中,我们将看看自定义 WooCommerce 产品页面的最佳插件。 我们将向您展示不同的工具来个性化您的产品页面的各个方面,以及一些充分利用您的电子商务网站的替代方法。

为什么要自定义 WooCommerce 产品页面?

产品页面对于在线商店的成功极为重要。 这是您展示产品及其所有优势和功能的地方。 总而言之,这是您试图说服客户购买您提供的产品的地方。

但是,WooCommerce 的默认产品选项是有限的,特别是如果您是一家拥有利基市场或产品的在线企业。 通过自定义您的产品页面并添加额外的详细信息,您可以大大改善客户体验并从竞争对手中脱颖而出。 您不仅需要确保以最佳方式展示您的产品,还需要确保将所有相关信息提供给您的购物者。

这就是为什么个性化产品页面可以产生巨大差异的原因。 我们已经看到了几种编辑产品页面的方法。 在这篇文章中,我们将专注于自定义 WooCommerce 产品页面的最佳插件。 这些工具使您可以个性化您的页面,并提供一种简单的方法来改善您网站的用户体验。

因此,事不宜迟,让我们看一下您应该用来编辑产品页面的顶级插件。

自定义 WooCommerce 产品页面的最佳插件

自定义 WooCommerce 产品页面的最佳插件是:

  1. WooCommerce 商店定制器(免费和高级版)
  2. WooCommerce 单一产品页面定制器(免费)
  3. WooCommerce 的产品插件(免费和高级)
  4. DHWCPage(高级版)
  5. 自定义标签管理器(高级)
  6. WooThumbs(高级版)
  7. WooCommerce 的 WISDM 客户特定定价(高级版)

让我们仔细看看每个工具必须提供什么。

1) WooCommerce 商店定制器

用于自定义 woocommerce 产品页面的插件 - 商店定制器

WooCommerce Store Customizer是一个多合一插件,可让您自定义 WooCommerce 商店中的几乎所有内容。 这是添加 WooCommerce 默认不提供的自定义功能的绝佳工具。 这包括从在前端添加产品销售统计数据到编辑商店按钮设计等所有内容。 Store Customizer 有许多选项可以自定义您的产品、我的帐户和商店页面。

使用此插件,您可以在产品页面中添加或删除任何元素或按钮,例如标签和标题、继续购物按钮、促销横幅等等。 您还可以在添加到购物车按钮旁边添加号和减号增量按钮,让您的客户可以直接将同一产品的多个项目添加到您的购物车中。 尽管这似乎是一项基本功能,但它是 WooCommerce 默认不提供的。

主要特点

  • 从 WooCommerce 产品页面添加或删除不同的元素、模块和按钮
  • 用于编辑产品页面、商店页面、结帐等的版式、字体大小和字体颜色的选项
  • 启用添加到购物车的增量/减量按钮,其中包含设置增量的最小/最大值的选项

价钱

WooCommerce StoreCustomizer 是一个免费增值插件。 它有一个具有基本功能的免费版本和一个具有更多功能的专业计划,起价为每年 49 美元。

2) WooCommerce 单一产品页面定制器

用于自定义 woocommerce 产品页面的插件 - 单页定制器

WooCommerce Single Product Page Customizer是一个免费插件,您可以使用它向您的产品页面添加文本、媒体或 HTML 元素。 它带有一个专用的可视化 HTML 编辑器,可让您向产品页面添加自定义 HTML 元素或挂钩。 您还可以选择自定义元素的位置,从而为您的产品页面实施大量独特的设计。

单一产品页面定制器对于那些知道如何编码并希望在不安装额外插件甚至为它们付费的情况下为他们的 WooCommerce 产品页面增添趣味的人来说也是一个很好的工具。 您不仅可以添加自定义文本,例如销售优惠、自定义链接、公告或折扣优惠,还可以嵌入到各种视频中,并将自定义 WooCommerce 挂钩添加到您的产品页面。

主要特点

  • 用户友好的可视化编辑器添加文本和 HTML
  • 超过 17 个不同的独特位置来添加 HTML 元素
  • 支持自定义文本、HTML 代码、链接、媒体、嵌入等

价钱

WooCommerce 单一产品页面定制器是一个完全免费使用的插件。

3) WooCommerce 的产品插件

自定义 woocommerce 产品页面的插件 - 产品插件

WooCommerce 的产品插件是一个漂亮的轻量级插件,可用于将自定义字段添加到产品页面。 使用自定义产品选项和字段个性化您的页面。 该工具带有一个专用的表单构建器,可以在您的产品页面上创建无限的字段。 您可以从 10 多种不同的独特字段类型中进行选择:从自定义复选框字段到单选字段到颜色选择器。

Product AddOns 最有趣的功能之一是它允许您添加特定字段以从客户那里收集各种数据。 您可以收集客户备注、日期、雕刻文字等等。 您可以根据自己的喜好对每个字段进行个性化设置。

最后,Product AddOns 还提供定价选项、添加条件逻辑和上传字段的可能性。

主要特点

  • 一个轻量级插件,用于向 WooCommerce 产品页面添加自定义字段
  • 使用产品页面的专用表单构建器添加 10 多个唯一字段的选项
  • 每个字段都可以在您的管理后端以及订单详细信息/收据中进行跟踪和记录

价钱

Product AddOns 是一个免费增值工具。 它有一个免费版本,您可以从 WordPress 存储库下载,还有一个专业版,每年将花费您 39 美元。

4) DHWCPage – WooCommerce 页面构建器

自定义 woocommerce 产品页面的插件 - dhwcpage

DHWCPage提供终极的 WooCommerce 产品页面定制体验。 如果您正在寻找用于编辑产品页面的高级工具,那么这是您的完美选择。 DHWCPage 带有专用的拖放页面构建器,可帮助您设计和自定义产品页面。

使用 DHWCPage,您可以根据产品类型和类别单独设计独特的产品页面。 为您的简单、可变和分组产品设计独特的产品页面。 您还可以使用带有 3 种不同独特变体的自定义滑块设置产品页面。

DHWCPage 还允许您将自定义字段和额外的产品选项直接添加到您的单个产品页面。 虽然该插件允许您为特定产品类型(简单、可变和可下载)添加自定义产品页面设计,但您还可以为每个项目创建独特的产品页面。

主要特点

  • 产品页面的拖放页面构建器
  • 根据产品类型、类别自定义产品页面的选项,甚至为每个产品单独设计独特的产品页面
  • 支持 WooCommerce 短代码并提供添加自定义产品页面选项和字段的选项

价钱

DHWCPage 是一个高级插件,普通许可证每年需要花费 29 美元。

5) WooCommerce 自定义标签管理器

自定义产品标签管理器

默认情况下,WooCommerce 的产品页面选项卡对某些用户来说可能非常有限。 如果您想为您的产品添加更多信息和详细信息,那么WooCommerce 自定义标签管理器是您的必备工具。 此高级插件可让您向产品页面添加无限的自定义标签,以包含有关您的产品的更多详细信息。 这包括政策、保修详细信息、媒体图片、比较图表等等。

WooCommerce 自定义标签管理器允许您根据产品的类别和分类分配特定的标签。 您甚至可以仅为某些产品添加特定的自定义选项卡。 最重要的是,您可以显示或隐藏特定客户/用户角色的选项卡。

此外,使用 WooCommerce 自定义选项卡,您可以个性化每个选项卡。 添加自定义背景图像、图标、自定义字体颜色等。 您甚至可以直接在您的自定义选项卡上显示 Contact7 表单,并让您的客户从您的产品页面填写它们。

主要特点

  • 单个产品页面的无限自定义标签
  • 将选项卡分配给特定产品和类别以及根据用户角色限制它们的选项
  • 自定义选项卡的完全个性化以及根据您的需要对选项卡进行排序的选项

价钱

WooCommerce Custom Tabs 是一个高级插件,价格为每年 49 美元。

6)WooThumbs

呜呜呜

WooThumbs是一个专用的图库插件,您可以专门为您的 WooCommerce 产品页面启用它。 您的产品图片对于在线销售您的产品至关重要,WooThumbs 完全理解这一点。 使用智能产品画廊插件,让您设计独特的画廊以更好地适应您的产品。 使用此工具,您可以使用专用滑块选项(包括滑块动画和缩放)将滑动缩略图添加到产品概览中。

同样,您可以为可变产品设置完全可定制的图像库。 这使您可以创建灵活的产品库,在产品变体之间切换时可以完美调整。 WooThumbs 还允许您嵌入视频以更好地展示您的 WooCommerce 产品,并且您可以包含其他视频选项,以便嵌入与您的其他产品无缝匹配。

主要特点

  • 为您的产品提供完全可定制的图片库和滑动缩略图
  • 为变体产品完美设计的灵活图像库
  • 支持嵌入式视频以及全屏画廊

价钱

WooThumbs 是一个高级插件,起价为每年 79 美元。

7) WooCommerce 的 WISDM 客户特定定价

WISDMmlabs

如果您的业务服务无法通过传统的产品购买和销售方式运作,并且您需要为产品页面提供替代方法,那么WISDM 客户特定定价非常适合您。 这个插件让您可以让您的客户选择指定您可以接受或协商的自己的定价。 对于批量销售产品并接受价格谈判的“命名你的价格”企业来说,这是一个很好的补充。

这个插件还带有漂亮的插件和工具,让你的生活更轻松。 这包括动态价格安排元素、针对不同客户角色和订阅的单独定价等。 它还允许您根据产品数量添加购物车折扣选项,并为不同的产品类别设置定价规则。 您甚至可以为您的产品设置定价等级,从而为批量购买提供更多动力。

主要特点

  • 根据购买数量和频率在您的网站上启用动态价格的完美工具
  • 智能定价管理器,可选择根据角色、产品类别和订阅设置动态定价
  • 设置报价请求按钮以及启用预定销售和限时优惠的附加功能的选项

价钱

WooCommerce 的 WISDM 客户特定定价是一种高级工具,起价为每年 80 美元。

使用插件并不是在 WooCommerce 中编辑产品页面的唯一方法。 在下一节中,我们将向您展示如何使用页面构建器来完成。

使用页面构建器自定义产品页面

页面构建器可以是自定义任何 WooCommerce 或 WordPress 页面的最佳工具之一。 产品页面也不例外。 使用页面构建器,您可以使用漂亮的模板和元素来设置您的自定义产品页面,或者从头开始并手工制作每个元素。

您甚至可以创建和指定自定义产品页面模板,并将各种自定义小部件和元素添加到您的产品页面,只需将它们拖入即可。从画廊到滑块再到评论和股票,您可以添加无数元素。 最好的部分是该过程根本不需要编码。

因此,如果您正在寻找一种用自己的双手创建具有专业外观的产品页面设计或使用预定义模板的方法,页面构建器是您的绝佳选择。

您可以在以下指南中了解有关如何使用页面构建器自定义产品页面的更多信息:

  • 如何在 Divi 中自定义 WooCommerce 产品页面
  • 如何在 Elementor 中编辑 WooCommerce 产品页面

以编程方式编辑 WooCommerce 产品页面

或者,如果您不想使用第三方插件自定义产品页面并具有编码技能,您可以通过编程方式自定义您的 WooCommerce 产品页面。

这是您可以做的一些事情的快速示例。 如果您想重新排序产品页面的元素并将产品描述移动到标题下方,您可以使用此脚本。

 // 更改产品描述的顺序
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 6);

该脚本删除该操作,然后以不同的优先级再次添加它,因此元素以不同的顺序出现。 这只是一个示例,但您可以做的还有很多。 有关更多示例,请查看此完整指南。

以编程方式编辑产品页面需要一些关于 WooCommerce 钩子和覆盖 WooCommerce 模板文件的知识。 您可以在此处了解有关使用 WooCommerce 挂钩的更多信息。

结论

这就是我们自定义 WooCommerce 产品页面的最佳插件列表。 我们见过的所有工具都可以完成工作,但哪一个最适合您?

WooCommerce 商店定制器和WooCommerce 单一产品页面定制器是很好的选择。 他们提供免费版本,并具有许多强大的功能来轻松编辑您的产品页面。 如果您想要更高级的东西,WooCommerce 商店定制器、产品插件和自定义标签管理器的高级版本是很好的选择。

此外,我们还研究了个性化产品页面的替代方法:

  • 使用 WooCommerce Hooks 并覆盖产品页面模板
  • 使用页面构建器

如果您不确定要使用哪种方法,我们强烈建议您同时使用插件和页面构建器。 这些插件将允许您添加默认情况下 WooCommerce 中不可用的自定义选项和功能,而页面构建器将帮助您自定义产品页面模板,而无需实际编写一行代码。 另一方面,如果您知道如何编码,则以编程方式自定义产品页面可为您提供很大的灵活性来实现您的目标。 有关如何操作的更多信息,请查看本指南。

最后,如果您想了解有关自定义 WooCommerce 产品页面的更多信息,请查看以下指南:

  • 如何自定义 WooCommerce 产品页面
  • 如何在 WooCommerce 中编辑商店页面