您是否使用WooCommerce来设计您的在线商店?那么你应该知道超过300万个网站也在这样做。 那么这是否意味着它们看起来都一样? 好吧,如果您的网站有默认的WooCommerce模板,那么可以。您的在线商店将看起来像成千上万的其他商店。 您的独特产品值得拥有独特的定制WooCommerce产品页面。不仅是产品页面,您还需要自定义WooCommerce商店和其他页面以获得更好的用户体验。幸运的是,这不需要任何复杂的代码或过程。您可以通过编辑您的WooCommerce单一产品页面来执行简单的调整以改进您的页面设计以补充您的产品。 在本文中,即使您没有编码知识,我也将解释如何自定义WooCommerce产品页面。 您需要什么来自定义WooCommerce产品页面? 您一定想知道为在线业务定制WooCommerce单一产品页面需要什么。好吧,我将展示的产品定制WooCommerce的过程不需要您购买数十个付费插件或扩展。 除了安装和激活WooCommerce之外,您还需要在 WordPress 网站上激活以下两个插件才能漂亮地编辑您的WooCommerce产品页面:: Elementor页面构建器 ShopEngine 这两个插件都可以与WooCommerce插件顺利配合使用,并帮助您开始为所有新产品和旧产品设计和自定义单个产品页面。使用ShopEngine可以更轻松地更改WooCommerce产品页面或单个产品页面布局。因为您将在ShopEngine中获得WooCommerce商店页面模板,您可以在几分钟内创建和编辑WooCommerce商店页面。 逐步自定义WooCommerce产品页面 默认产品页面的定制和调整没有止境。不同类型的产品需要不同类型的定制。但是,在这个分步指南中,我将解释您可以对WooCommerce产品页面进行的关键自定义,以便您从所有产品页面获得更多销售额。 安装Elementor和ShopEngine 安装Elementor和ShopEngine 由于我们将使用Elementor和ShopEngine自定义默认WooCommerce产品页面,因此第一步是从WordPress安装插件。在这里了解如何安装Elementor和ShopEngine以更改WooCommerce产品页面或列表布局。 Elementor安装过程 ShopEngine 安装过程 1. 转到您的WordPress仪表盘。点击插件➜ 安装插件 2. 在搜索框中,输入Elementor,然后选择要安装的Elementor Website Builder插件。 3. 安装后,点击启用。 1. 转到您的WordPress仪表盘。点击插件➜ 安装插件 2. 在搜索框中,输入ShopEngine,然后选择ShopEngine插件进行安装。 3. 安装后,点击启用。 创建Woocommerce单一产品页面模板 转到ShopEngine ➜ 模板➜Add New 为模板Name 选择类型:Single 将模板设置为默认(YES) 单击使用Elementor编辑 创建Woocommerce单一产品页面模板 在这个产品定制WooCommerce教程中,我将展示如何从头开始构建WooCommerce产品页面。这就是我选择空白模板的原因。但是,ShopEngine提供了9 种以上专业外观的预建单品模板,您可以导入和使用这些模板。 选择结构以更改您的WooCommerce单一产品页面布局 从Elementor中选择您喜欢的结构,开始制作您商店的单个Elementor WooCommerce产品页面。 选择结构后,您可以根据自己的喜好以任意顺序拖放任何小工具。创建自定义WooCommerce产品页面ShopEngine提供了20多个小工具 ,包括产品图片、产品标题、产品价格、产品库存、产品标签等。 注意:在开始构建产品页面之前,请确保您要使用的小工具已启用。您可以从ShopEngine ⇒ Widgets ⇒ […]

































