如何使用 WooCommerce 插件添加一个简单的产品

已发表: 2021-03-15

WooCommerce 是一个流行的插件,用于在 WordPress 中创建在线商店(电子商务网站)。 它为电子商务网站提供了许多基本功能,例如购物车、付款、运输、促销、客户注册……在本文中,我们将学习如何使用 WooCommerce 插件在 WordPress 中添加一个简单的产品

目录隐藏
  1. 1.方法一:手动添加每个产品
    1. 1.1. 基本信息
    2. 1.2. 其他信息(非必填)
  2. 2.方法二:使用导入功能批量添加简单产品
  3. 3.自定义网站上的简单产品展示
  4. 4.自定义产品页面显示
    1. 4.1. 将产品页面添加到菜单
    2. 4.2. 选择产品页面作为主页
    3. 4.3. 自定义商店展示(不需要)
  5. 5.遗言

要使用 WooCommerce 插件添加一个简单的产品,您可以使用两种方法:

  • 方法一:手动添加每个产品。
  • 方法二:使用导入功能批量添加简单产品(需要CSV文件)。

开始了!

方法一:手动添加每个产品

WooCommerce WooCommerce

作者(S):自动

当前版本: 6.0.0

最后更新: 2021 年 12 月 15 日

woocommerce.6.0.0.zip

90%评分5,000,000+安装WP 5.6+需要

安装并激活 WooCommerce 插件后,转到Product > Add New 。 添加新产品的界面将显示如下:

使用 WooCommerce 插件手动添加每个产品

为了便于理解,我这里将设置分为两种:

  • 基本信息:您一定要填写的重要信息。
  • 其他信息:可选信息,您可以输入或不输入,取决于您的需要。

基本信息

首先,您需要输入简单产品的基本信息,例如名称、描述、图片、价格和产品类型。

名称和描述

简单的产品名称应该简短并包含主要关键字,以便客户可以轻松找到它。

输入简单产品的名称和描述

名称和详细说明

至于描述,WooCommerce 插件有长描述和短描述。

WooCommerce 插件有一个很长的描述和一个简短的描述。

简短的介绍

简短说明显示在产品名称和图像旁边。 因此,你应该把它写得简短而吸引人,比如“一个带有吸引人标志的漂亮无檐小便帽”。

简短说明显示在产品名称和图像旁边。

简短的描述显示在前端

在长描述中,您应该更多地描述简单的产品,例如它的来源、规格等。例如:“帽子是用中国棉毛制成,由工匠手工编织而成”。 有一个技巧是在需要列出某些内容时使用项目符号。 这将使内容看起来更加通风和易于阅读。

描述更多关于简单产品的信息

长描述显示在前端

产品图片和产品图库

简单的产品应该至少有一张图片来说明它。 此外,您应该将其他一些不同角度的产品图片(从左、右、从远处和客户的图像)添加到产品库中。 这有助于客户轻松可视化实际产品,从而获得他们的信任。

简单的产品应该至少有一张图片来说明它

产品标签和类别

标签和类别是两个有用的工具,可帮助您有效地管理和组织产品。 正确使用标签和类别可以让客户更轻松地指定您的电子商务网站销售的产品。 此外,他们可以更轻松、更快速地寻找他们想要的产品。

要添加新类别,只需单击产品类别部分中的添加新类别按钮:

标签和类别是两个有用的工具,可帮助您有效地管理和组织产品。

至于标签,它更容易。 您只需要输入标签名称,然后单击Enter按钮或单击Add

输入产品的标签名称

产品类别

WooCommerce 插件中有四种产品类型:

  • 简单的产品
  • 集团产品
  • 外部/附属产品
  • 可变产品

但是,在本文中,我们只是添加了一个简单的产品。

WooCommerce 插件中有四种产品类型

产品价格

要添加产品价格,请转到产品数据并选择常规选项卡。 您应该关注两个主要条目:

  • 正常价格
  • 销售价格

添加产品价格

要设置销售时间,请单击销售价格条目右侧的计划

设置销售时间

例如,我设置销售时间如下:

使用 WooCommerce 插件设置销售

其他信息(非必填)

注意:您可以单击每个部分右侧的 (?) 按钮来阅读 WooCommerce 插件的文档。

根据产品和商店的不同,电子商务网站所有者需要在产品数据部分为简单产品填写不同的属性和数据。 本部分由 6 个主要选项卡组成,如下所示:

常规选项卡

常规选项卡中,除了添加产品价格外,您还可以设置另外两个部分:

  • 税务状态:有三种默认的税务状态,分别是TaxableNoneShipping only
  • 税类:选择 WooCommerce 计算产品税的方式。 我将在下一篇文章中解释更多。

在 WooCommerce 插件中设置部分

库存标签

库存选项卡中有 4 个部分:

  • SKU :产品代码。
  • 管理库存?
  • 库存状况:有是有货缺货,并在缺货三个默认的状态。
  • 单独销售:每个客户只能为每个订单购买一种此类产品。

WooCommerce 插件的 Inventory 选项卡中有 4 个部分

运输标签

运输”选项卡中有 3 个部分:

  • 重量(公斤)
  • 尺寸(长x宽x高)
  • 运输类别:选择产品类别(易碎、笨重……)以应用不同的运输方式。 我将在下一篇文章中解释更多。

WooCommerce 插件的“运输”选项卡中有 3 个部分

链接产品选项卡

  • 追加销售:为客户推荐具有其他尺寸、颜色等的类似产品。
  • 交叉销售:推荐另一个相关产品。 例如,如果您卖书,您可以建议客户购买书签。

在 WooCommerce 插件中配置链接产品选项卡

属性选项卡

此选项卡是关于创建可变产品。 要获得更多详细信息,请参阅这篇文章。

创建可变产品

高级选项卡

高级”选项卡中有 3 个部分:

  • 购买备注:当他/她完成订单时向客户发送备注。
  • 菜单顺序:购物车中产品的优先级。 数字越小,优先级越高。
  • 启用审核

WooCommerce 插件的高级选项卡中有 3 个部分

除了手动创建每个产品,您还可以通过第二种方法使用导入功能批量添加简单产品。

方法 2:使用导入功能批量添加简单产品

要使用导入功能批量添加简单产品,您首先需要一个 CSV 文件。 此 CSV 文件包含产品的一些字段,例如名称、描述、价格、SKU 等。您可以从另一个电子商务网站导出此 CSV 文件或使用 Excel 手动创建一个(在 Excel 的另存为部分中选择 CSV 格式)。

您可以在此处下载示例 CSV 文件。

让我们看看我们是如何做到的:

首先,转到“产品” >“所有产品” >“导入”

使用导入功能批量添加简单产品

在下一个屏幕上,上传您的 CSV 文件,然后单击继续

在 WooCommerce 中上传 CSV 文件

列映射部分,选择要导入的字段:

使用 WooCommerce 选择要导入的字段

之后,滚动到底部并单击Run the importer

运行导入器

完成后,您可以点击查看产品查看新产品:

查看新的 WooCommerce 产品

这是我们进口的两种产品:

进口2个产品

添加简单的产品后,我们需要在网站上设置它们的展示,使它们看起来更加华丽。

自定义网站上的简单产品展示

在本节中,我们将设置产品页面和商店的显示方式,使其看起来更美观、更专业、更方便客户。

自定义产品页面显示

市场上有许多电子商务主题。 这些主题可以帮助您精美地展示简单的产品。 此外,一些主题默认选择产品页面作为主页将产品页面添加到菜单中。 这可以帮助客户在登陆您的网站后立即看到您的产品页面。

但是,并非每个主题都这样显示。 因此,我将向您展示如何将产品页面添加到菜单中并手动选择产品页面作为主页!

将产品页面添加到菜单

我们有一篇文章解释了如何在菜单页面上添加/删除部分,您可以在这里参考。

选择产品页面作为主页

首先,单击管理菜单栏上的定制器

选择产品页面作为主页

在左侧边栏上,选择主页设置

设置电子商务网站的主页

在那之后,选择在您的主页会显示部分的静态页面,在首页栏目选择店铺,然后单击发布

选择产品页面作为首页

多田! 我们已经完成选择主页作为产品页面:

选择主页作为WordPress中的产品页面

接下来给大家介绍一下Customizer部分的一些有趣的设置,让电商网站更加美观。

自定义商店展示(不需要)

仍然在定制器中,转到WooCommerce

自定义 WooCommerce 商店显示

WooCommerce部分,有如下小部分(见图):

在 WooCommerce 部分,有小部分

下面我就简单介绍一下各个部分的使用:

  • 店铺公告

此部分允许您在页面顶部显示通知,如下所示:

在产品页面顶部显示通知

  • 产品目录

产品目录部分,您可以添加侧边栏,自定义产品页面显示/管理产品的方式,自定义行中的产品数量以及页面上的行数。

自定义产品页面的显示方式

  • 产品图片

产品图片部分,您可以编辑产品图片的长度和纵横比,使其看起来更加美观和平衡。

自定义 WordPress 网站的结帐表格

  • 退房

在此部分中,您可以通过添加/删除公司名称、电话号码、位置等部分来自定义结帐表单。 此外,您还可以显示隐私政策条款和条件页面。

自定义 WordPress 网站的结帐表格

  • 优化:默认情况下启用此部分,除非您使用 WooCommerce 块。

如您所见,WooCommerce 插件允许用户灵活地自定义商店展示。 根据每个人的特点、需求和品味,您可以以不同的方式编辑此部分。

最后的话

我们希望您在阅读 15 分钟后已经学会了如何使用 WooCommerce 插件添加一个简单的产品。 在接下来的文章中,我们将学习如何创建在线商店,所以不要错过它!

此外,某些产品可能包含 WooCommerce 不支持的某些信息。 那时,您可以使用带有 Meta Box 插件的自定义字段来添加此信息,在此处获取更多详细信息。