WooCommerce 是WordPress最受欢迎的电子商务解决方案, 遥遥领先。它拥有超过 500 万个活跃安装,在 WordPress.org 上的用户评分为 4.5,并拥有一大批满意、忠诚的数字店主。
此外,截至 2023 年 5 月,WooCommerce 为 大约 8.7% 的所有网站和 23% 的前 100 万个电子商务网站提供支持。电子商务销售正在蓬勃发展,因此,如果您想在基于 WordPress 的网站上开店,选择 WooCommerce 是您可以做出的最佳决定之一。
剩下的唯一问题是:如何在您的网站上启动并运行 WooCommerce?为了回答这个问题,我们整理了一份详尽的 WordPress WooCommerce 教程。
请记住,您的最终目标是增加商店的收入。因此,请务必下载我们的免费电子书《提高 WooCommerce 产品页面转化率的 10 种方法》。让我们立即开始吧!
Contents
WooCommerce 是一款开源购物车插件,可在 WordPress 网站上免费下载和使用。不过,运营在线商店并非完全免费,因为至少需要支付托管和域名费用,以及定制、设计、品牌、营销和广告费用。
当然,您需要首先安装并激活WooCommerce 插件。您可以在新的或现有的 WordPress 网站上执行此操作。在以下步骤中,我们将引导您完成设置插件和配置其设置的过程。
您需要做的第一件事是在您的网站上安装 WooCommerce。您可以从 WordPress 存储库免费下载它免费下载它,然后将其上传到您的网站。
更简单的是,您可以直接通过 WordPress 仪表板进行安装:

为此,请访问您的 WordPress 网站并导航至插件 >添加新插件。使用搜索栏找到“woocommerce”,找到正确的插件后单击立即安装 。插件作者应列为 Automattic:

等待插件安装完成。然后点击“激活” 按钮:

此时,插件将在您的网站上启动并运行!
安装 WooCommerce 后,系统会提示您完成安装向导。这是可选的,但我们建议您完成安装向导以配置一些关键设置。
WooCommerce 安装向导的第一页应该如下所示:

在这里,WooCommerce 会提示您输入有关商店的一些基本信息,例如其地址。请记住,您在此处设置的任何内容(或在设置向导的其余部分中设置的内容)都可以在以后的 WooCommerce 设置中更改(如果需要)。
填写完这些字段后,点击“继续”。接下来,系统会询问您商店所处的行业:

勾选适用于您业务的选项。然后选择继续。 此时,WooCommerce 将需要一些有关您计划销售的产品类型的详细信息:

如您所见,继续销售实体产品或数字下载是免费的。但是,如果您计划销售订阅、会员资格、预订等,则需要支付少量月费。
在 WooCommerce 设置向导的最后阶段,您需要确认有关您的业务的一些详细信息,包括您打算展示的产品数量以及您目前是否在其他地方销售:

使用下拉菜单进行选择。然后点击“继续”。 现在,您将被引导至免费功能选项卡:

在这里,您可以选择使用一些免费扩展来增强您的商店。 如果单击下拉箭头,您可以看到完成设置过程后自动应用的扩展,包括 WooCommerce Payments 和 Google Listings and Ads:

但是,您可以通过取消选中相关框来删除任何选项。准备就绪后,点击“继续”按钮完成安装。
一旦你点击最后的继续按钮,您将被重定向到您的 WordPress 仪表板。如果您选择使用免费的 Jetpack 插件来增强您的网站,您的管理面板将敦促您在您的网站上设置 Jetpack。
但是,您可以将其留到以后再做。相反,请单击仪表板中的新WooCommerce 选项卡。尽管您已在设置向导中添加了您的业务详细信息,但您会在此处找到一份清单,以指导您完成设置在线商店的过程:

首先,您可以开始向您的网站添加产品。为此,您可以在设置屏幕上单击“添加产品” 。 但是,您还会在 WordPress 仪表板的侧边栏中找到一个专用的产品选项卡。因此,您也可以通过单击“产品” > “添加新产品”将新产品添加到您的商店。 系统会询问您要创建的产品类型:

例如,您可以选择添加实体产品、数字产品、可变产品等。做出选择。然后,您将进入编辑产品页面:

您要做的第一件事是创建产品的标题和简短描述。 然后,点击保存草稿, 您将看到预览产品链接:

在这里,您可以看到新产品的实时预览:

现在,让我们看一些额外的产品细节。
如果您向下滚动到帖子编辑器下方,您将看到两个 在常规帖子或页面上找不到的新小部件。第一个是 产品数据 部分:

在这里,您可以添加有关产品的各种详细信息。在最顶部,您可以选择产品是否为虚拟产品(这会删除“运输” 选项卡)以及是否可下载。然后,在“常规” 选项卡中,您可以输入常规价格和促销价格(促销可能具有时效性)。
如果您销售的是数字产品,您还必须上传要购买的文件,自定义下载限制(留空表示为无限制),并设置下载到期时间(留空表示永久可用):

接下来,在 “库存”选项卡中,您可以通过输入产品数量、库存状态(有货/缺货)以及是否允许延期交货来管理库存:

此外,您还可以将产品标记为单独出售,这意味着一个订单只能购买一件。如果您有产品的 SKU(识别号),也可以在此处输入该产品的 SKU。
这里还有许多其他有用的选项卡。 运输 部分将允许您输入物品的重量、尺寸和运输等级:

在“链接产品” 选项卡中,您可以添加追加销售和交叉销售,而“属性”选项卡则可让您描述产品的特征。
在 “高级” 选项卡中,您可以输入自定义购买说明、在菜单中为产品指定位置以及启用或禁用评论。此外,您还可以在“获取更多选项” 屏幕下查看推荐的扩展程序。
最后,您会在本部分底部找到一个Pinterest标签。在这里,您可以确定产品的状况(新品/二手品)并选择 Google 类别。
如您所见,有很多选项可以为您的 WooCommerce 产品添加详细信息并对其进行完全自定义。让我们仔细看看产品数据 部分中最有用的两个选项——属性和可变产品。
属性是产品的关键描述符,它们会告诉潜在客户有关产品的重要信息。这可能包括产品的颜色、材质、尺寸或类型等。
如果您 在“属性”选项卡中将这些详细信息添加到产品中 ,它们将显示在产品页面的“附加信息”下:

无论您销售哪种类型的产品,属性对于以简洁的方式传达重要特征都很有用。但是,如果您还销售有多种选择的商品怎么办?
为此,您可以 从产品数据下拉菜单中选择可变产品选项:

这将使您可以访问新的“变体”选项卡,您可以在其中创建产品的多个版本。您可以手动执行此操作,也可以使用已分配给产品的属性。
要继续后一种方法,请单击“生成变体”:

举例来说,假设您提供红色、绿色和蓝色的连帽衫。您可以为每种颜色添加变体,然后为每种颜色提供独特的描述、价格等。
您的客户将能够在产品页面上看到所有可用的变体:

这样,访问者就能一目了然地查看您提供的所有商品。此外,这意味着您无需为同一商品的细微变化创建单独的产品页面。
在产品数据小部件下方 ,您还会发现一个标有产品简短描述的部分:

在这里,您可以创建一个简洁的标语,该标语将显示在产品标题下方。您可以使用此描述来突出产品的主要优点,并加入一个或多个关键字来帮助客户在搜索中找到它。
自定义产品数据和描述后,别忘了查看产品页面上的其他选项。您可以为产品添加标签,将其归类,并添加特色图片甚至整个图片库。
您的最终产品在前端可能看起来是这样的:

产品准备就绪后,点击“发布”即可将其发布到您的网站。然后,您可以重复此过程以根据需要创建其他产品。
您的 WooCommerce 商店中可能会包含许多商品,这意味着您需要一种简单的方法来管理您的产品。幸运的是,您可以通过仪表板中的“产品”选项卡执行此操作。 例如,您可以选择“所有产品” 来查看商店中当前列出的所有商品。您可以根据需要在此处添加、编辑和删除产品:

在其他页面的 “产品” 部分下,您可以查看产品类别、标签、属性和评论。这些页面中的每一个都看起来像标准的 WordPress 帖子 >类别 页面,可以帮助您保持整个库存井井有条。
现在,您可以返回WooCommerce页面,继续完成商店清单。此时,您已完成商店详细信息并将一些产品添加到您的网站。因此,您可以决定要启用哪些付款方式。
您可以单击设置页面上的“设置 WooCommerce 付款”链接。或者,从信息中心导航到“付款”选项卡:

单击“完成设置”即可在您的商店接受信用卡付款。
然后,您可以选择要使用的附加选项,WooCommerce 将设置它们。您还可以使用扩展程序为您的商店添加更多支付处理器,我们稍后会讨论。在 Kinsta,我们是Stripe 的忠实粉丝。
推荐阅读:如何使用 Stripe Radar 预防和减少 98% 的信用卡欺诈
改用 Square?查看我们的深入比较博客文章:Stripe 与 Square。
在 WooCommerce 设置页面中,您还可以单击“添加税率”。在这里,您可以选择继续使用由 Jetpack 提供支持的 WooCommerce 税务合作伙伴。这是一个完全免费的选项:

或者,您可以下载Avalara 来计算您的税费。此外,您可以单击手动设置税费链接,或使用相应的链接通知 WooCommerce 您不收取销售税。
做出选择后,返回设置页面并单击添加运费:

在这里,您可以决定客户需要支付多少运费。您可以为您的首选区域设置一个费率,为其他地区的客户设置另一个费率。如果您愿意,您还可以为其中一个或两个组提供免费送货服务。
然后,点击保存运输选项。现在,您可以选择运输解决方案来打印运输标签:

您可以在 sendcloud 和 ShipStation 之间进行选择,两者都需要安装并启用。或者,如果您不需要运输标签,只需选择“不,谢谢”即可。
此时,您已为在线 WooCommerce 商店配置了所有基本功能。设置向导的下一页将向您显示一些可选附加组件。
例如,您可以从 WooCommerce 设置屏幕单击“获得更多销售” :

所有这些工具都很有用,尽管它们都不是运营在线商店所必需的。例如,MailPoet 集成是向客户发送后续电子邮件、新闻通讯和促销活动的好方法。同时,您可以通过启用 Google Listing & Ads在 Google 搜索结果页面上列出您的产品(和付费广告活动) 。
再往下看,你会发现一些有用的营销扩展,比如TikTok和Mailchimp:

要安装并激活这些工具中的任何一个,请单击“开始”按钮。
此时,您几乎已完成 WooCommerce 商店的设置。但是,如果您导航回 WooCommerce 设置页面并选择“个性化您的商店” ,则可以自定义您的在线商店:

如果您的商店中没有添加很多产品,您可以点击导入产品,以便更好地了解最终网站的外观。 现在,您可以通过单击“创建主页”按钮为您的商店创建自定义主页:

然后,您可以通过从计算机上传徽标来为您的 WooCommerce 商店打造品牌,并且可以输入商店通知以显示在您网站的所有页面上。单击“完成任务”即可完成。
如果您尚未验证您的业务详细信息,此时系统会提示您进行验证。然后,您可以开始管理 WooCommerce 交易。您的 WooCommerce 商店现已准备就绪。
现在您已经为在线商店配置了一些基本设置,还有更多选项可供使用。您可以在新的WooCommerce选项卡下找到所有这些选项。
您可以在这里查看订单、优惠券和报告,以及自定义设置和添加新扩展。让我们逐一介绍每个屏幕。
首先,“订单” 页面显示您商店最近购买的商品列表:

如果您销售数字产品,那么除了查看最近购买的产品外,这里没什么可做的。但是,如果您销售实体商品,那么您可以在这里找到需要发货的产品以及订单状态。 在订单页面下方 ,您可以点击客户标签,其中会列出在您网站上下过订单的所有客户。您还可以使用搜索栏搜索客户并下载您的客户列表。
WooCommerce 有几个有用的选项可用于将新优惠券添加到您的电子商务商店。在优惠券 选项卡中,您可以选择创建您的第一张优惠券以访问编辑屏幕:

值得注意的是,虽然您以前可以 从WooCommerce选项卡访问您的WooCommerce 优惠券,但现在设置已移至“营销”选项卡。
因此,您可以通过转到 WordPress 仪表板中的“营销”来创建和管理优惠券。然后,选择优惠券。您还可以选择从 WooCommerce 设置中完全删除旧版优惠券菜单,以避免混淆:

您可以添加优惠券代码(或让 WooCommerce 为您生成一个)并在此处创建简短描述。然后, 常规 选项卡可让您编辑其基本信息:优惠券类型(百分比折扣、固定购物车折扣或固定产品折扣)、其价值、免费送货选项及其到期日期。
在使用限制下,您可以设置客户必须消费的最低金额以验证优惠券。 如果您不希望客户将优惠券与其他优惠一起使用,您还可以选中仅限个人使用的复选框:

您可以在此处设置优惠券是否仅适用于非促销商品,还可以选择优惠券适用的产品和产品类别。最后,您甚至可以禁止某些电子邮件地址使用优惠券。
最后一个选项卡“使用限制”可让您确定优惠券可以使用的次数(总体和每个客户):

然后,只需发布您的优惠券即可使其生效,并让您的客户知道他们需要的代码。
WooCommerce 还提供强大的内置跟踪功能。在 “报告” 选项卡中,您可以查看不同时间段内的销售、订单和运费的图表和图形:

每个图表可以仅限于特定产品、类别或优惠券的销售情况。在“客户” 子选项卡中,您还可以查看同一时间段内的客户获取情况。 最后但同样重要的是,您可以在库存子选项卡中查看库存不足、缺货和库存最充足的产品 。如果需要,所有这些数据都可以导出为 CSV 表。
这就是 WooCommerce 真正令人印象深刻的地方。在“设置”屏幕中,您可以自定义电子商务商店的几乎每个方面。诸如“千位”分隔符的位置、整个结帐流程、电子邮件选项等元素都可以根据您的需求进行定制。
在此部分中,“常规”选项卡涵盖您商店的基本信息,包括其货币、销售地点和显示选项:

这里另一个值得注意的选项是向下滚动并选中“启用税收”复选框。选中此框后,您将可以访问之前隐藏的“税收”选项卡,您可以在其中查看您的税收选项:

在这里,您可以让平台知道您输入的产品价格是否含税。在后一种情况下,您可以让 WooCommerce 根据您商店的地址、客户的送货地址或客户的账单地址为您计算税率。
您还可以配置如何将税费应用于运费,甚至确定税费是否四舍五入。然后,您可以自定义在前端和结帐过程中显示价格和税费的方式。 您可以在“产品”选项卡中自定义产品数据,包括尺寸、评论、库存详细信息、下载方法,甚至添加到购物车按钮:

您 可以在此处配置运输区域和定价:

您还可以自定义运费计算方式并选择默认送货目的地。您还可以将商店的供货范围限制在特定国家/地区。 “付款”选项卡显示您的商店中可用且活跃的付款处理器:

在这里,您可以启用或禁用任何您喜欢的付款选项。此外,您还可以找到用于自定义特定处理器设置的便捷链接。
“帐户和隐私”选项卡非常重要,因为它控制着客户体验的各个方面:

您可以设置隐私和结帐政策,配置如何存储和保留客户数据等等。
此外,您还可以选择多种方式来处理客户结账。在“访客结账” 和“帐户创建”部分下,您可以确定访客是否能够以访客身份下订单(即无需登录帐户)。
然后,您可以决定他们是否可以在结帐过程中选择登录和/或创建新帐户。您甚至可以为他们提供自动生成的用户名和密码,以加快注册过程。
虽然我们在上一节中介绍了一些主要设置,但您还可以为在线商店配置一些其他选项。首先,在“电子邮件”选项卡中,您可以自定义所有客户支持内容:

在此屏幕的顶部,您将找到通过 WooCommerce 发送的电子邮件通知列表,以响应特定触发器(例如下订单或取消订单)。 您可以单击任何这些电子邮件来启用/禁用它们,以及自定义其内容:

如果您习惯使用 HTML,您甚至可以在这里找到有关编辑电子邮件模板的说明。您可以将电子邮件文件复制到主题文件夹,然后进行任何您想要的更改。或者,您可以创建自己的自定义电子邮件模板。
在下面,您可以为从 WooCommerce 商店发送的所有电子邮件配置一些全局设置。这包括“发件人”姓名和地址、页脚文本,甚至颜色和背景。
切换到 “集成” 选项卡,您可以在其中使用 MaxMind 进行地理位置查找。除此之外,您还会找到“高级”选项卡,您可以在其中启用REST API、配置密钥、应用程序和 webhook,以及执行其他较低级别的任务:

还有一个“多币种”选项卡,您可以在其中接受多种货币的付款。最后,您将找到“订阅”选项卡:

在这里,您可以让客户同时购买订阅 和产品。您还可以同步续订以在特定日期进行,并确定注册宽限期。请记住,所有这些设置都可以随时自定义和更改,并且您的商店将自动更新。
接下来,我们简单看一下“状态” 选项卡:

您可以在此处找到所有后端信息,例如您的WooCommerce/PHP/MySQL/etc. 版本、大小限制、日志记录等。在同一页面的“工具”子选项卡中,您可以清除网站的多个变量缓存、清除旧数据,甚至可以将商店的设置恢复为默认设置。
WordPress 之所以成为全球最受欢迎的内容管理系统 (CMS),其背后的社区功不可没。您可以使用数千个主题和数以万计的插件 来自定义您的网站。而且,其中几乎 100% 都是用户贡献的。
这也适用于 WooCommerce,尽管规模较小。您可以在“扩展”选项 卡和其他地方找到许多用于扩展商店、添加新选项和功能以及自定义其外观的工具:

您可以在“发现我们的收藏夹”部分查看一些最受欢迎的扩展,或者如果您有特定的扩展,可以使用搜索框来找到它。
有多种扩展可用于为您的商店添加新的送货选项、启用订阅、自定义结帐流程、集成电子邮件和社交媒体营销等等。您还可以找到免费和付费扩展,这些扩展可让您为客户提供额外的支付处理器,例如Square 和Amazon Pay。
您还可以为您的网站选择专为 WooCommerce 插件设计的主题。要添加新主题,请转到WordPress 仪表板中的外观>主题。 然后,点击添加新主题。在这里,在搜索栏中输入“woocommerce”以浏览WooCommerce 主题。Storefront是 一个很好的起点:

但是目录中还有很多其他选项,例如 ThemeForest。
随着完整站点编辑器 (FSE)的推出,您可能还希望开始使用WooCommerce 块主题。这些模板完全由块组成,因此在自定义网站时可以提供更大的灵活性。例如,您可以编辑模板部分(如页眉和页脚),几乎可以完全控制网站的外观和感觉。
要浏览块主题,只需从选项列表中选择“块主题”选项卡即可过滤结果:

如果您经营一家服装店,Blockette 是一个不错的选择:

它包括您商店页面的自定义模板,并具有全局样式变化以便快速编辑。要安装主题,只需单击“安装”按钮。然后,选择“激活”。
还有许多插件旨在以 各种方式扩展 Woocommerce。举一个例子,Braintree For WooCommerce 插件可让您在商店中接受各种付款:

但您也可以找到可以改善网站搜索引擎优化 (SEO) 的插件 或可以缩短加载时间的缓存插件。换句话说,如果您想调整 WooCommerce 商店的工作方式,只需找到合适的工具即可。
WordPress 为您提供大量块来设计您的页面,例如图像、段落文本、按钮等。但是,一旦您安装了 WooCommerce,您就可以访问大量额外的块 来增强您的在线商店。
要查看新区块,请从仪表板转到页面>添加新区块,打开帖子或页面。然后,单击+图标开始将区块添加到编辑器。
在这里搜索“woocommerce:”

如您所见,这里有很多有用的电子商务功能。例如,您可以添加产品搜索,以帮助购物者更轻松地找到您的产品。
此外,您还可以添加特色产品区块,以突出显示新商品或当前正在销售的产品。您还会发现购物车区块,它非常方便。此外,您还可以向页面添加过滤器,使购物者能够根据库存、价格或评级搜索产品。
如果您缺乏设计技能,您可以向下滚动以访问众多WooCommerce 块模式:

这样,您就可以向您的网站添加预建的部分,包括“刚刚到达”的英雄部分、带有菜单空间的页脚和三列产品行。
如果您想分离 WooCommerce 网站的前端和后端,您可以构建一个无头 WooCommerce 网站。此框架通过WooCommerce REST API将您网站的 WooCommerce 后端连接到自定义前端。
如果您想创建一个静态网站,您可能更喜欢此选项。或者,它可以成为提高网站性能和安全性并获得更多可定制性的好方法。例如,使用默认的 WooCommerce 安装,您可能会得到一堆您不需要的功能,这会降低网站速度。
在以下一些情况下,选择使用无头配置的 WooCommerce 是合理的:
建立无头 WooCommerce 网站的最简单方法是使用DevKinsta 等开发工具:

这样,您就可以创建、管理和部署由本地机器提供支持的站点。这是一个完全免费的工具,适用于单站点或多站点 WordPress。此外,您还可以访问大量本地数据库和电子邮件管理工具。更好的是,您只需单击一下即可实时推送更改。
借助 WooCommerce 内置设置和众多可用扩展和插件 ,您可以灵活地控制商店的运作方式。但是,如果您是更高级的用户,并且想要执行自己的自定义设置,那么编辑 WooCommerce 的模板文件是一个不错的起点。
这将使您能够调整关键功能的工作方式,例如客户购物车和结帐流程。请注意,这是一个有风险的过程,特别是如果您是第一次直接使用主题和插件文件。因此,在开始之前,您需要备份您的网站 ,以防发生任何意外更改。以下是安全删除主题的方法。
然后,您需要使用安全文件传输协议 (SFTP) 客户端 (例如FileZilla )访问您的网站。找到您网站的根文件夹(通常称为public_html 或以您的域名命名):

然后,导航到wp_content/plugins/woocommerce。在此目录中,您将找到一个名为 templates的文件夹。打开它,您将看到当前在您的商店中活动的所有模板的列表。
此时,您可以打开任何您喜欢的模板并开始进行更改。例如,如果您想更改客户下订单后出现的“谢谢”页面,您可以打开结帐 文件夹并找到thankyou.php 文件。然后,您可以下载它,根据需要编辑或添加元素,然后将其重新上传到您的服务器。
2023 年下半年,WooCommerce 将发布更新,转向高性能订单存储 (HPOS)。这将为您的客户提供更快的结账体验并实现更快的订购流程。
因此,如果您在 2023 年 8 月之后设置 WooCommerce 商店,您的 WooCommerce 商店将自动使用 HPOS 启动。在此功能成为强制性要求之前,所有现有的 WooCommerce 商店都可以选择启用 HPOS,但您也可以暂时不使用它。
目前,您商店的订单使用与存储 WordPress 帖子相同的数据库技术。但是,HPOS 会将订单信息移至新的商业优先存储系统。这会将您的商店升级为现代、可扩展的数据库。
如果您已有使用 WooCommerce 7.1 或更高版本的商店,您可以随时试用 HPOS。您会发现它是高级设置中的一项可选功能。
但需要注意的是,目前并非所有扩展都与新 HPOS 系统兼容。因此, 在商店中启用该功能之前,您应该查看所有相关文档。
当您经营一家网上商店时,时间就是金钱。这就是为什么拥有一个快速可靠的 WordPress 主机非常重要,以确保更长的正常运行时间、更高的转化率和更好的投资回报率 (ROI)。
众所周知,WooCommerce 会减慢 WordPress 网站的速度,尤其是对于拥有大量产品的大型商店。幸运的是,有了 Kinsta 作为您的托管服务提供商,您就不必担心这个问题。我们提供托管服务,以及高度优化的WooCommerce 托管, 专门为性能而设计。
得益于我们在Google Cloud Platform上的可扩展基础架构,以及PHP 8x、Nginx和MariaDB等最新技术,我们可以确保迁移到 Kinsta 将有助于提高您的销售额。