如何将产品添加到 WooCommerce 商店:分步指南

已发表: 2022-10-18

那么,您刚刚完成了 WordPress 网站的设置,并且正在考虑如何设置 WooCommerce 商店页面?

如果您以前没有使用过 WooCommerce,请不要担心。 这是一个非常简单的平台,可让您轻松添加产品、编辑产品详细信息、管理基本库存以及创建电子商务商店页面。

通过这个简单的分步指南,我们将向您展示如何将产品添加到 WooCommerce 商店以及如何使用ShopReady – WooCommerce 页面构建器的简单一键式页面模板创建基本产品页面的基础知识。

在我们开始之前,让我们更多地了解一下 WooCommerce。

目录

什么是 WooCommerce WordPress 插件?

WooCommerce 是一个功能丰富的 WordPress 电子商务插件。 这通过提供可观的灵活性以及各种重要工具(例如基本库存管理和税务管理、安全支付、运输集成等)简化了电子商务店面的开发和管理过程。

查看最近发布的6 个最佳 WordPress 电子商务插件比较

为什么你现在应该开始使用 WooCommerce?

WooCommerce 插件具有许多有用的功能,例如订单监控、采用不同的货币、运输状态通知、库存管理等。 大多数使用 WordPress 创建的电子商务网站都由 WooCommerce 提供支持。

无论您是从头开始创建新的电子商务网站还是更新现有的电子商务网站,WooCommerce 都可以轻松地集成到您的 WordPress 网站中,并且无需任何编码要求。

我们将引导您完成添加您的第一个 WooCommerce 产品和配置每个最后一个元素的过程。

让我们开始使用这个分步指南……

这是将产品添加到 WooCommerce 的方法

要开始使用 WooCommerce,您首先需要从WordPress 存储库下载并安装插件。 为此,请前往 WordPress Dashboard > Plugins > Add New 并搜索插件。

WordPress仪表板

从这里,安装并激活插件。

WooCommerce 设置向导

激活后,需要按照 WooCommerce 设置向导提示完成集成过程。

基本设置向导需要一些次要信息,例如用户名、地址、产品类别等。

产品到您的 WooCommerce

在 WooCommerce 设置完成后,打开您的 WordPress 仪表板并导航到 WooCommerce > 产品。 然后,要创建您的第一个产品,请单击“创建产品”按钮。

产品到您的 WooCommerce

这应该会将您重定向到 WordPress 编辑器屏幕。 从这里您将能够为您的网站添加、删除和编辑产品详细信息。

步骤 01:添加产品标题和描述

在 WooCommerce 产品页面编辑器中,在标题部分添加产品名称。 后面是最能代表产品的详细产品描述。 每个产品都必须具有产品属性、颜色、设计细节等。您可以在产品描述中使用排版、颜色、效果等。

添加产品标题和描述

如果您不确定在描述部分要写什么,您可以关注WooCommerce 的这篇富有洞察力的博客

步骤 02:添加产品类型数据

根据您的商品和服务,您可以从WooCommerce 产品页面定制器中选择产品类型。

根据您的商品和服务选择四种不同的产品类型之一:

简单的产品。
分组产品。
外部/附属产品。
可变产品。

在每种产品类型中,您还可以找到在每种产品类型中自定义附加变量的选项。

步骤 03:产品数据元框

选择产品类型后,填写产品数据框中的其余信息。 您可以使用屏幕左侧的选项卡在各个部分之间移动,这些选项卡指的是每个产品的元数据类别。

常规选项卡

在常规选项卡中,您将能够编辑每种产品的通常价格和销售价格。

当您决定进行折扣活动时,请使用促销价。 否则,您可以为标准定价启用常规定价。

此外,您可以选择纳税状态,这决定了货物是否应纳税。

常规选项卡

库存标签

多亏了 WooCommerce,WordPress 不仅非常适合开展直销业务,而且还可以创建具有适当库存跟踪和管理系统的基于库存的电子商务商店。

库存选项卡可帮助您正确管理库存。 默认情况下,SKU、库存状态和其他选项将可用。

您还可以选择手动分配 SKU 或使用 WordPress 插件来生成唯一的 SKU。

库存标签

运输标签

这是在线销售商品的另一个要求; 您必须提供准确的产品尺寸和重量。

运输标签

链接产品选项卡

链接产品是一项出色的功能,它允许店主链接作为产品推广和增加商店收入的建议的项目。 有两种方法可以实现这一点:要么是买家可能感兴趣的产品页面上的链接相关商品,要么是(交叉销售)。

或者,您可能会提出更昂贵的具有卓越功能的产品,从而增加产品的价值(追加销售)。

属性选项卡

属性选项卡可以帮助您配置颜色选择、尺寸等。 可以使用预先确定的预设或使用自定义属性来配置属性。

属性选项卡

高级选项卡

高级选项卡可用于添加在下订单后出现的购买说明。

您还可以选择项目的自定义订购位置并选中该框以启用客户评论。

在高级选项卡中,您可以编辑产品到期日期、时间、购买说明、启用/禁用评论等。

高级选项卡

步骤 04:创建一个独特的突出显示简短描述

简短的描述通常会在您的单个产品页面上突出显示。 您在上面提供的较长描述通常会出现在更下方,具体取决于您的主题。

简短描述是为追加销售产品而发布的简短文本,突出其功能并使它们对消费者更具吸引力。 根据您的商店主页要求,您可以选择显示或不显示简短描述。

一些 WordPress WooCommerce Elementor 主题从一开始就为用户提供了两个简短的描述显示选项。

突出显示简短说明

步骤 05:产品特征图

客户眼中的价值是什么? 为客户创造价值需要让他们感到被重视。 出于这个原因,你应该用有吸引力的商品图片来吸引你的客户,让他们回来更多。

上传产品图片时应考虑的另一件事是 WooCommerce 产品页面背景图片。

您可以从产品图片部分将产品图片添加到 WooCommerce,并从产品图库部分添加图库图片。

产品特色图片

步骤 06:设置 WooCommerce 商店类别

WooCommerce 商店展示类别对于帮助客户通过简单的点击过滤出他们所需的商品非常重要。 这是任何现代电子商务平台的必备选择。

如果您新安装的 WooCommerce 安装不包括您的产品类别,您可以通过单击 + 添加新类别按钮自己创建它。

WooCommerce 商店类别

步骤 07:发布产品

仔细检查所有产品详细信息后,您就可以发布产品了。 就像您发布博客一样,单击发布按钮。

使用免费的 WooCommerce 产品页面构建器创建简单的产品页面

如果您想快速创建单个产品页面,那么强烈建议您使用WooCommerce 的最佳页面构建器 我们正在谈论 ShopReady – Elementor 的 WooCommerce Builder。 与 WordPress 存储库中的其他插件相比,ShopReady 提供了令人印象深刻的免费使用 Elementor小部件、模块的集合,甚至包括免费的WooCommerce 模板

如何使用 ShopReady 创建单个产品页面 – Elementor 的 WooCommerce 构建器

步骤 - 01:

要使用 ShopReady – WooCommerce Builder 创建基本产品页面,请转到仪表板并选择模板选项卡。 启用产品模板类别并在单击保存更改之前查找单一产品设置。

产品模板 步骤 - 02:

单击 + 图标,您将被发送到 Elementor Editor 屏幕。 从这里开始,您可以通过单击 Elementor Editor 中的 Add New Section 图标开始添加创建产品页面所需的所有元素。 并且,选择一个结构。

添加新部分

步骤 - 03:

您的产品页面需要产品标题。 要添加产品标题,请在屏幕左侧查找产品标题小部件。 然后将其放入您刚刚创建的新部分。

您可以从产品标题下的内容菜单中的演示产品下拉列表中选择一个标题,然后打开内容刷新以使其显示在产品页面上。

您必须从产品仪表板添加或编辑适当的产品信息,以便此数据显示适当的产品标题。

步骤 - 04:

通过选择样式选项卡,然后选择排版,您可以选择进一步更改标题的字体、字体大小、间距等。

确保对其进行自定义以匹配您的 WooCommerce 平台的整体美学。

样式选项卡

步骤 - 05:

您的产品页面需要特色图片。 为此,查找带有缩放的缩略图小部件并将其拖到产品标题旁边的部分以添加产品图像。

要输入产品图像,请转至内容选项卡,选择编辑器刷新,然后搜索您要使用的图像。

注意:为了正确显示此数据,您必须输入或修改您的产品信息。

带缩放的缩略图 步骤 - 06:

您的产品页面需要有价格标签。 要添加一个,请搜索价格标签小部件,并将其插入产品标题下方。

选择内容标题下的编辑器刷新选项以查找您添加的产品。

价格标签小部件

步骤 - 07:

您的产品页面需要的下一件事是简短描述。 通过搜索找到产品描述小部件。 接下来,您的产品需要一个简短的描述才能在商店页面上展示。 为此,请搜索 ShopReady 产品描述小部件。

将其放在产品图片旁边,并浏览您已在产品仪表板上发布的正确产品。

步骤 - 08:

使用内容选项卡中的编辑器刷新菜单并浏览您希望在产品页面上展示的演示产品。

请记住,为了正确显示此数据,您必须更新或更改您的产品信息。

编辑器刷新菜单 步骤 - 09:

现在让我们实现最关键的功能:对于任何现代电子商务商店页面,添加到购物车按钮。 在 ShopReady 小部件下的左侧找到添加到购物车小部件,并将其放在产品描述下方。

从添加到购物车小部件的设置选项卡中,您可以在产品数量、库存信息和可变产品类型等参数之间进行选择。

步骤 - 10:

您可以考虑选择在社交媒体上分享您发布的产品。 为此,您可以使用 ShopReady 社交图标小部件。 这将允许您为任何平台添加带有图标的社交媒体可共享链接。

ShopReady 社交图标

要添加链接和编辑社交图标,请转到内容选项卡并选择社交图标选项。 您可以从此处更改图标并为每个图标添加唯一的 URL。

完成自定义后发布或更新您的单个产品页面。

把它包起来,

我们真诚地希望您在产品插入过程和使用免费的 WooCommerce 插件创建单个产品页面的主题上发现这篇内容引人注目。
请考虑与可能从这个详细主题中受益的人分享。