您是否正在考虑是否应该编辑WooCommerce产品类别页面? 好吧,如果你是,那么我强烈建议你应该这样做。因为自定义WooCommerce存档页面并对其进行优化可以提高您的销售额。 但问题是如何自定义WooCommerce类别页面? 好吧,如果您按照本博客中显示的过程进行操作,您肯定不必进行任何编码来自定义WooCommerce类别页面。 在本文中,您将学习如何在没有任何编码的情况下自定义WooCommerce类别页面。以及优化存档页面以提高转化率的方法 为什么要自定义WooCommerce类别页面 如何通过6个步骤自定义WooCommerce类别页面 优化WooCommerce类别页面以提高转化率 小结 为什么要自定义WooCommerce类别页面 根据builtWith的数据,前100万个网站中有超过29%使用了WooCommerce。虽然这种受欢迎程度表明WooCommerce作为电子商务工具的可信度,但它也反映了成千上万的网站使用WooCommerce必须提供的相同默认布局。 WooCommerce在前100万个网站中的使用情况 如果您认为使用默认的WooCommerce页面只会最大限度地减少您的网站在人群中脱颖而出的机会,那么您就错了。您还需要考虑其他原因。要了解这些其他原因,让我们看一下 激活WordPress官方主题二〇二二的WooCommerce默认类别页面。 WooCommerce默认类别页面 如果您看到,WooCommerce默认类别页面的基本外观不是很吸引人。此外,它没有任何高级选项,如使用名称搜索产品、根据不同属性过滤产品等。所有这些对于确保在线商店的良好用户体验都很重要。 此外,谁不喜欢一个好看的网站呢? 好吧,答案是每个人!让我们转到下一部分,您将学习如何在没有任何编码的情况下自定义WooCommerce类别页面模板。 如何通过6个步骤自定义WooCommerce类别页面 这是一个易于理解的教程,介绍如何在没有任何编码的情况下自定义 WooCommerce 类别页面。通过遵循此过程,您可以立即选择 WooCommerce 存档页面的布局和设计。那么,让我们开始吧…… 步骤 #1:安装Elementor页面构建器和ShopEngine 要使用本博客中显示的过程编辑WooCommerce的产品类别页面,您将需要两个WordPress插件: Elementor页面构建器 ShopEngine和ShopEngine Pro ShopEngine是用于拖放页面构建器Elementor的WooCommerce构建器。它是Elementor的一个附加组件,带有大量的小工具和模块,使WooCommerce定制变得毫不费力。 步骤#2:创建类别页面模板 安装并激活所有必需的插件后,您需要创建一个类别模板。要创建 WooCommerce 自定义类别页面模板, 导航至: ShopEngine ⇒ Builders Template 点击新增 提供模板名称 从下拉列表中选择类型作为Archive 打开设置默认选项以覆盖任何现有的类别/存档页面模板 选择样本设计下的空白选项 单击使用Elementor编辑以开始构建模板 创建一个空白的WooCommerce类别页面模板 注意:我在这篇博客中选择了空白选项,我将展示如何从头开始创建自定义类别页面。ShopEngine提供多个预建的WooCommerce类别页面模板。如果您想使用预先构建的模板,请选择您喜欢的模板,然后跳到第5步。(如果您想从头开始构建,第3步和第4步是强制性的) 步骤#3:为WooCommerce类别页面选择布局/结构 进入编辑器模式后,您需要为WooCommerce类别页面选择结构。 我将为三个不同的部分使用3种不同类型的布局来构建自定义存档页面。您可以按照博客中所示的方式进行操作,也可以选择您喜欢的布局。 要选择结构,请单击“+”图标,然后将鼠标悬停在您喜欢的布局上,然后单击它。 选择结构 注意:您可以重复相同的过程来选择不同的布局。 步骤#4:拖放ShopEngine小工具并自定义设置 ShopEngine提供8多个专用小工具来构建自定义WooCommerce存档页面。这些类别页面小工具是 […]

































