2022 一步步学习Woocomerce建站教程

学习教程前,可以先看看选择Woocomerce建站的理由:?WooCommerce 对比 Shopify、OpenCart 和 Magento:最佳建站平台评选

?1 域名和服务器服务商推荐

?️2 注册域名与购买服务器

?3 安装及设置WordPress及Woocomerce

?4 详解 Woocomerce 设置运费教程

?5 WooCommerce 添加产品步骤详解

6 如何设置WooCommerce可变产品

?7 如何为Woocomerce选择合适的主题模板

⚙️8 推荐 10 个最佳 WooCommerce 插件

?9 如何使用 WooCommerce 优惠券促销

?10 WooCommerce 发票教程:如何免费设置 PDF 格式的Invoice

? 11 七大策略推广外贸站

⚡️12 woocomerce 网站加速的 10 个基本技巧

?13 Woocomerce 接入PAYPAL支付

?14 Woocomerce 接入Stripe支付

更多了解PAYPAL相关问题:?Paypal 常见问题汇总

英文不好?快速提升产品页面内容质量的技巧:❤️‍?外贸站如何快速编写高转换的产品描述

可变产品可以显示多个变体选项,这样买家可以灵活地选择想要的产品。变体功能设置刚开始使用会觉得复杂,一旦上手,可以轻松创建出具有多种变体的产品。

WooCommerce 变体和属性入门

WooCommerce 产品只能固定一种类型,举几个例子:

  • 有不同颜色或尺码的衣服。
  • 具有各种材料选择的家具和其他家居用品。
  • 具有多种口味、配料、前菜等食品(例如食品网站

大多数外贸站都会有类似以上的商品,熟练地在 WooCommerce 添加产品变体选项前,首先需要区分产品属性和产品变体的区别。

属性

产品属性是对产品的描述,让客户更加清晰地了解产品的尺寸、颜色、材料等。

例如,可能有一件带有“蓝色”和“羊毛”属性的毛衣,或者具有特定重量和尺寸的旅行包:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

属性列在产品页面上,客户无法更改或选择。

变体

变体则是客户可以根据需要,对产品做出选择。例如,如果客户可以在“Blue”和“Red”毛衣之间进行选择。

或者让客户在同一衬衫的三种尺寸之间进行选择:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

属性仅用于向客户提供额外信息。但如果想使用 WooCommerce 变体,首先需要设置属性。

如何在 WooCommerce 中创建和显示产品变体( 3 个步骤)

1. 为 WooCommerce 产品设置属性

WooCommerce 变体依赖于属性。因此,对于要设置的变体,需要先创建相应的属性。

有几种方法可以做到这一点。可以在编辑产品页面上创建属性:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

也可以使用最简单的方法:在 Products > Attributes 部分进行设置:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量
6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

添加一个新的产品属性。例如,Color。可以将Name设置为“Color”, slug 建议采用相同的单词。

点击Add attribute按钮后,新属性将出现在右侧的菜单中:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

点击Configure terms。可以为属性添加一个新选项——比如“Green”:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

根据需要继续添加任意数量的颜色,可以为每个颜色包含一个描述,但不是必需的。

完成属性的设置后,可以返回属性页面添加其他属性,比如:Size, Material

2. 为产品分配属性

打开products > all products , 选择编辑需要添加属性的产品,或者点击 Add new 添加新产品,然后向下滚动到product data部分。

product data标题旁边,从下拉菜单中选择 Variable Product。这将使 WooCommerce 知道您想要创建具有多个选项的产品,并更改您必须使用的设置。

然后打开Attributes选项卡,选择属性,然后单击Add

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

现在,您可以选择描述您当前正在编辑的产品的任何属性。单击Value(s)菜单,您的选择将出现:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

可以选择多个选项 — 例如,产品同时有蓝色和红色。

还需要确保选中Visible on the product pageUsed for variations。然后点击Save attributes

如果需要,可以继续向项目添加更多属性。

3. 为产品添加 WooCommerce 变体

接下来,选择“Variations”。只要至少设置了一个属性,就可以选择Add variation

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

点击Go,将看到一个新的下拉菜单,可以在其中选择一个属性(例如特定颜色):

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

选择所需的属性,然后根据需要自定义下面的其余设置,我们能够为每个变体添加不同的信息,唯一的必填字段是变体的价格,但也可以设置商品的库存状态、重量、尺寸等:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

例如,可能希望为由不同材料制成的同一商品设置不同的价格,或者为具有各种尺寸的商品输入唯一尺寸。

还可以使每个变体的价格和相关详细信息相同。

完成后保存更改。然后,再次点击Go以创建下一个变体:

6 如何设置WooCommerce可变产品-A.J. WWW 专注电商流量

结论

WooCommerce 的一大优点是其灵活性。可以根据需要创建简单或复杂的产品页面。可以设置非常基本的产品,或销售具有多种不同变体的产品。

为了将 WooCommerce 变体添加到商店的产品中,需要:

  1. 在“Products”>“Attribute” 创建属性 。
  2. 在"product data > attribute" 选项卡中为单个产品分配属性 。
  3. 在“product data > Variations” 中为产品添加变体。