WooCommerce 是运行电子商务网站的最佳和最流行的 WordPress 插件之一,您可以使用 WooCommerce 销售数字产品、实体产品、会员资格、订阅、预约等。
WooCommerce 有不同的选项来配置您的电子商务商店,但它只有一组有限的功能,这对于简单的产品选项是有利的。一些 WooCommerce 商店有数千种产品选项,包括客户消息,并且某些选项基于条件逻辑对客户可见。
YayExtra 和 WooCommerce 额外产品选项 是最好的 WooCommerce 产品选项页面之一,它具有更复杂的功能,可以毫无麻烦地适应各种类型的产品和各种产品选项。本文将指导您为 WooCommerce 添加额外产品选项的所有简单步骤。
什么是 YayExtra?
例如,如果您使用以下类型的产品运行电子商务业务,则 YayExtra 产品选项插件可根据您的要求为您创建额外的产品选项。
- 按需打印
- 雕刻产品
- 定制画布印刷
- 礼品
- 个性化产品
- 会员资格
- 订阅
- 预订
这些额外的产品选项允许您创建额外的费用、折扣和条件逻辑。您可以:
- 创建产品选项组
- 添加高级产品字段,例如图像样本、CSS 样式、文件上传、交付日期
- 轻松自定义字段以匹配您的网站设计,以便您可以使用 CSS 和 HTML 设置自定义字段
- 将产品选项分配给批量产品页面
- 有条件地显示产品选项,这是YayExtra的一个非常有趣的功能,在满足某个条件的时候可以显示某些选项,当你想根据条件添加自定义价格的时候,这个功能非常有用。
YayExtra为您提供了惊人的支持来运行您的WooCommerce商店,他们在插件销售前后快速为您提供电子邮件和实时聊天支持。
了解 YayExtra 界面
首先,您可以下载 WordPress。org 的 YayExtra 插件。产品选项插件可以下载免费版,免费版自带的功能有限,但在购买之前评估插件是一个很好的方法。
购买插件后下载文件后,转到 WordPress admin,转到插件 > 添加新功能以添加插件,然后您可以浏览下载的 zip 文件以激活插件。这是一个非常简单和直接的过程,您需要的是仅下载的文件。
安装插件后,您可以在左栏的 YayCommerce 选项卡下看到用户界面。
这是插件的起始界面,您有三个选项卡,分别称为"选项集"、"自定义"和"设置"。
选项集
您可以在此网格中看到您创建的所有选项集,它们为您提供了 Status、Config、Duplicate 和 Delete 等行操作。一些批量操作也可用于管理选项集。
定制
在"自定义"选项卡下,您有 4 个子选项卡,即通用、样本、按钮和自定义 CSS。这些功能可用于在网页中排列和样式产品选项组件,这将覆盖您的一般 CSS 样式。
Swatches 部分中,您有多个选项来对您定义的交换机进行样式设置,并且无需编辑主题的 CSS 文件,您就可以轻松对 swatch 组件进行样式设置。
您还有另一个用于定义产品选项的样式按钮选项。您可以在窗口右侧看到实时预览。
Custom CSS部分下除了上述自定义功能外,还可以创建自定义CSS规则,每个开发人员和设计师都喜欢这个功能,因为他们可以自由地为产品选项设计风格,没有任何限制。
设置
一些通用设置也可以在其中正确管理您的选项。在设置下,您可以导出和导入产品选项,此功能在迁移 WooCommerce 商店时非常有用。
如何添加新产品选项
首先,您可以像 WooCommerce 中一样为您的商店创建产品,然后您可以添加这些产品的产品选项。
例如,如果您想制作一件不同尺寸和颜色的衬衫,并且想将衬衫作为礼物包裹起来,并且客户应该能够在包裹包装上添加消息打印,让我们按照以下步骤操作。
首先,您可以使用位于 YayExtra 页面右上角的按钮创建该选项。
"常规"选项卡供您添加产品选项的名称和描述, "选项"选项卡用于添加选项的值。
然后您可以为此选项集添加选项。在此示例中,您可以创建尺寸和颜色选项。
此界面允许您复制选项值并删除选项,以便您可以轻松管理选项。
Option 有几种类型可利用此插件, 它们是:
- 文本
- 號
- 复选框
- 无线电按钮
- 按钮
- 多个可选按钮
- 拍子
- 多种可选样本
- 下拉列表
- 日期选择器
- 时间选择器
- 文件上传
Option值、高级设置和条件逻辑的每个选项下都可以看到三个不同的选项卡,当你想按照你想要的方式为你的WooCommerce商店定制每个产品选项时,这是非常有用的,你不能用默认的WooCommerce来做。
选项值
在此界面中,您可以:
- 添加该选项的选项值
- 为产品期权价值添加额外价格(额外成本)
- 添加一些描述(附加描述)
- 将产品选项链接到页面(链接产品)
- 加库存数量,轻松管理每个产品选项的库存(管理库存)
Size 的选项,在这里我添加了 2 个选项值 '小 ' 和 '大 ',例如,如果我想在客户选择大尺寸时添加 2 美元的费用,我将启用附加成本,并在附加值中键入 '2' 作为固定金额。
高级设置
在高级设置下,您可以为定义的选项添加CSS类,这是一个非常有用的功能,可以使您的产品选项与现有的网站设计相匹配。
条件逻辑
这是您为选项定义条件逻辑的地方。您可以在此处添加任意数量的条件,并且当满足这些条件时,您的选项将显示。
现在,您可以通过单击屏幕右上角的预览按钮来预览结果,以了解所有选项和选项值在此选项集中如何工作。
并且不要忘记连续单击"保存更改"。
如何在前端显示产品选项
您可以选择要添加到项目的选项集,然后单击选项集网格表的配置选项集图标。
然后您进入此页面的"产品"选项卡,您可以看到商店中所有可用的产品,现在您可以选择产品并单击"设置为已分配"按钮。
将产品选项分配给产品后,您可以在电子商务商店前看到以下带有选项的产品。
在此示例中,您可以看到大期权的附加价格为 2 美元,因为我们已经设置了它。
结论
YayExtra 是 WooCommerce 产品附加组件的最佳替代品之一,该附加组件具有可定制的功能,可为 WooCommerce 提供各种附加产品选项,无需任何麻烦。
WooCommerce 按照本文中概述的简单步骤, 您可以在几分钟内为 WooCommerce 添加这些额外的产品选项, 为您的客户提供更多选择, 并帮助您提高销售额, 因此,如果您正在寻找一种有效的方法来增强您的 WooCommerce 商店, YayExtra 绝对值得考虑。
