2022 一步步学习Woocomerce建站教程学习教程前,可以先看看选择Woocomerce建站的理由:?WooCommerce 对比 Shopify、OpenCart 和 Magento:最佳建站平台评选
?10 WooCommerce 发票教程:如何免费设置 PDF 格式的Invoice
⚡️12 woocomerce 网站加速的 10 个基本技巧
更多了解PAYPAL相关问题:?Paypal 常见问题汇总
英文不好?快速提升产品页面内容质量的技巧:❤️?外贸站如何快速编写高转换的产品描述
可变产品可以显示多个变体选项,这样买家可以灵活地选择想要的产品。变体功能设置刚开始使用会觉得复杂,一旦上手,可以轻松创建出具有多种变体的产品。
WooCommerce 变体和属性入门
WooCommerce 产品只能固定一种类型,举几个例子:
- 有不同颜色或尺码的衣服。
- 具有各种材料选择的家具和其他家居用品。
- 具有多种口味、配料、前菜等食品(例如食品网站)
大多数外贸站都会有类似以上的商品,熟练地在 WooCommerce 添加产品变体选项前,首先需要区分产品属性和产品变体的区别。
属性
产品属性是对产品的描述,让客户更加清晰地了解产品的尺寸、颜色、材料等。
例如,可能有一件带有“蓝色”和“羊毛”属性的毛衣,或者具有特定重量和尺寸的旅行包:
属性列在产品页面上,客户无法更改或选择。
变体
变体则是客户可以根据需要,对产品做出选择。例如,如果客户可以在“Blue”和“Red”毛衣之间进行选择。
或者让客户在同一衬衫的三种尺寸之间进行选择:
属性仅用于向客户提供额外信息。但如果想使用 WooCommerce 变体,首先需要设置属性。
如何在 WooCommerce 中创建和显示产品变体( 3 个步骤)
1. 为 WooCommerce 产品设置属性
WooCommerce 变体依赖于属性。因此,对于要设置的变体,需要先创建相应的属性。
有几种方法可以做到这一点。可以在编辑产品页面上创建属性:
也可以使用最简单的方法:在 Products > Attributes 部分进行设置:
添加一个新的产品属性。例如,Color。可以将Name设置为“Color”, slug 建议采用相同的单词。
点击Add attribute按钮后,新属性将出现在右侧的菜单中:
点击Configure terms。可以为属性添加一个新选项——比如“Green”:
根据需要继续添加任意数量的颜色,可以为每个颜色包含一个描述,但不是必需的。
完成属性的设置后,可以返回属性页面添加其他属性,比如:Size, Material
2. 为产品分配属性
打开products > all products , 选择编辑需要添加属性的产品,或者点击 Add new 添加新产品,然后向下滚动到product data部分。
在product data标题旁边,从下拉菜单中选择 Variable Product。这将使 WooCommerce 知道您想要创建具有多个选项的产品,并更改您必须使用的设置。
然后打开Attributes选项卡,选择属性,然后单击Add:
现在,您可以选择描述您当前正在编辑的产品的任何属性。单击Value(s)菜单,您的选择将出现:
可以选择多个选项 — 例如,产品同时有蓝色和红色。
还需要确保选中Visible on the product page和Used for variations。然后点击Save attributes。
如果需要,可以继续向项目添加更多属性。
3. 为产品添加 WooCommerce 变体
接下来,选择“Variations”。只要至少设置了一个属性,就可以选择Add variation:
点击Go,将看到一个新的下拉菜单,可以在其中选择一个属性(例如特定颜色):
选择所需的属性,然后根据需要自定义下面的其余设置,我们能够为每个变体添加不同的信息,唯一的必填字段是变体的价格,但也可以设置商品的库存状态、重量、尺寸等:
例如,可能希望为由不同材料制成的同一商品设置不同的价格,或者为具有各种尺寸的商品输入唯一尺寸。
还可以使每个变体的价格和相关详细信息相同。
完成后保存更改。然后,再次点击Go以创建下一个变体:
结论
WooCommerce 的一大优点是其灵活性。可以根据需要创建简单或复杂的产品页面。可以设置非常基本的产品,或销售具有多种不同变体的产品。
为了将 WooCommerce 变体添加到商店的产品中,需要:
- 在“Products”>“Attribute” 创建属性 。
- 在"product data > attribute" 选项卡中为单个产品分配属性 。
- 在“product data > Variations” 中为产品添加变体。