如何打开 WooCommerce 在线商店与 WordPress

WooCommerce 是建立在线商店最受欢迎的解决方案之一。 与在线商店解决方案不同，例如 Shopify or BigCommerce, WooCommerce 没有经常性费用或额外费用，例如每次有人向您购买时的交易费用。

此外，得到 WooCommerce 工作比将复杂的在线购物车软件与您的站点集成要简单得多。

其实可以添加配置 WooCommerce 在你的网站上完全靠你自己——没有任何 编码技能 或需要聘请开发人员。 这正是我要向您展示的内容 WooCommerce 初学者指南。

该 WooCommerce 教程，您将学习如何：

1. 安装和配置 WooCommerce 并打开您的在线商店
2. 选择合适的免费/高级 WordPress WooCommerce 主题和扩展使您的商店更上一层楼

旅游导航

• 步骤1：开始之前要做好准备
• 步骤#2：安装和配置 WooCommerce 设置
• 第 3 步：如何将产品添加到 WooCommerce?
• 步骤＃4：选择电子商务主题
• 步骤＃5： WooCommerce 扩展 - 免费和高级
• 包起来

工具清单 

• 平台– WordPress.org
• 域名注册商– Name Cheap
• 网络主机– BlueHost, Hostgator, InMotion
• WooCommerce 主题（免费） – 店面, 心脏
• WooCommerce 主题（付费）- 店主, 金, 助步车
• 分机弃置手推车– 废弃的购物车精简版, 恢复放弃的购物车
• 分机添加产品过滤– WOOF, WooCommerce 产品筛选
• 分机控制运输和折扣– 扩展优惠券功能, 动态定价和折扣，高级送货

FTC披露：WHSR从此网站上列出的工具收取推荐费。 但是，这些意见是基于我们的经验，而不是基于他们付出了多少。 我们专注于帮助小型企业和个人将网站建设为企业。 请支持我们的工作，并在我们的网站上了解更多信息 披露收入.

---

步骤1：开始之前，请购买域名和托管

如果您已经选择了域名和主机并安装了 WordPress，继续选择主题的步骤。

如果没有，请从以下位置购买域名 Namecheap 去 便宜的 WordPress 托管.

请注意：

寻求托管 WordPress 托管意味着托管提供商将负责您网站的维护、更新和安全。 通过选择像 Bluehost 这样可靠的虚拟主机，您可以忘记这些 hassles 并只专注于商店的业务方面。

Bluehost 附带一个 WordPress+WooCommerce 托管也一样，但我不建议现在就去做，因为每月 12.95 美元的价格会让你的口袋有点贵，而 简单的网页寄存 每月只需​​$ 3.49。

（您可以查看我的完整资料 Bluehost评论 before you sign up.在您注册之前。 Also,也， Hostgator 和 InMotion 您可以放心选择两家更具成本效益的托管主机提供商。）

好的…

因此，一旦您选择了域名和托管，就需要：

1. 安装 WooCommerce 插件并配置其设置
2. 选择一个漂亮的在线商店主题
3. 添加一堆免费或高级 WooCommerce 插件

步骤#2：安装 WooCommerce 并配置其设置

要开始建立在线商店，请先下载 WooCommerce 并在你的 WordPress 网站.

只要你激活 WooCommerce，您应该会看到它的设置页面。
点击 我们走吧！ 按钮。

如果您不想立即完成这些设置，可以通过以下方式再次访问它们 WooCommerce >设定.

所以…… WooCommerce 设置从将以下 4 个页面添加到您的网站开始（WooCommerce 自行添加这些页面，您无需执行任何操作）：

1. 商店
2. 购物车
3. 结算
4. 我的账户

点击 继续 继续下一步。

对于下一步， WooCommerce 要求您添加商店的信息，例如：

• 地址
• 货币
• 产品单位（衡量产品的方式-公斤，磅，数字的简单数量等）
• 产品尺寸单位

填写所有这些详细信息，然后单击 继续:

WooCommerce 然后将提示您输入您的运输和税收优惠。 勾选（如适用）； 点击 继续.

在最后的配置步骤中，您需要选择让用户付款的不同方式。 WooCommerce 支持支付宝， Stripe、支票、银行转帐和货到付款 (COD) 付款方式。

选择适用的选项，然后单击 继续.

使用结帐选项配置，您已完成设置 WooCommerce.

现在，您需要开始将产品添加到商店。

因此，在下一个屏幕上，点击 创建您的第一个产品！ 选项。

第 3 步：将产品添加到 WooCommerce

WooCommerce 提供了一个与其帖子编辑器非常相似的编辑器来添加产品。 添加您的产品标题和描述，就像添加帖子及其实际内容一样。 添加产品内容后，您需要配置其余的产品设置。

让我们详细看看这些设置：

一般

Here, you have the field for listing the product price.在这里，您具有用于列出产品价格的字段。 You also have an optional field for adding a sale price.您还具有用于添加售价的可选字段。

另一个很酷的功能是，您可以选择显示特定日期之间的销售价格，这意味着您可以自动化启动和关闭报价的过程。 你也可以 把批发价定在 WooCommerce 如果您考虑同时向零售和批发客户销售。

2。 库存

库存选项使您可以添加库存详细信息，例如产品的SKU，库存状态等。

如果您想知道SKU是什么意思……那么……这是卖方为产品名称命名的唯一公式。

Shopify 给出一个 易于理解的SKU定义。 它说：

SKU是由字母和数字组成的唯一代码，用于标识每种产品的特征，例如制造商，品牌，样式，颜色和尺寸。

这是一个例子 Shopify 分享：

尺寸为7号的Bailey Bow风格的紫色Ugg靴子的SKU可能看起来像这样：UGG-BB-PUR-07。

基本上，您需要提出一种命名产品的格式。

如果您出售3种不同颜色的瑜伽裤，则SKU可能如下所示：

YO-PA-RED
YO-PA-绿色
YO-PA-黄色

你明白了，对吗？

Now, I'm sure your product is not as easy to name as the example I took.现在，我确定您的产品不像我所举的示例那样容易命名。 So, to help you better, I've dug up this awesome因此，为了更好地帮助您，我已经挖掘出了 来自TradeGecko的免费SKU生成器 （需要注册）。

……回到 WooCommerce 产品设置：

在SKU字段之后， 资产管理 部分是选择是否 WooCommerce 应该管理产品的库存。

当你启用 管理库存？ 供应，另外两个字段出现：

1. 库存数量
2. 允许缺货

在这里，您需要做的就是指定产品的单位数量。 有了这些信息， WooCommerce 当您缺货时将能够了解。

如果您缺货，您可以设置 WooCommerce 到：
进行延期交货（延期交货是缺货产品的订单）。

延期交货并通知客户库存状态（告诉客户您已预订该订单，但该产品缺货，并且在有现货时将发货）。

停止接受缺货产品的订单。

接下来是 库存状况 field.领域。 Use it to set the availability of a product.使用它来设置产品的可用性。

最后的偏好 单独出售 告诉用户他们只能购买该产品的一个副本。

3。 运输

- 配送服务 section is pretty straightforward.部分非常简单。 Here, you just need to specify a product's weight, dimensions, and class.在这里，您只需要指定产品的重量，尺寸和等级即可。

中的值 船级 of a product helps in calculating its shipping rates.产品的运输有助于计算其运费。 So, if you sell products that can be easily categorized into classes like bulky, moderate, and light-weight, these three will become your shipping classes.因此，如果您出售的产品可以轻松地归类为笨重，中等和轻量级，则这三种将成为您的运输类。

一旦您指定了运输类别，您就可以轻松地sso为其指定运输方式。 例如，您可以为轻型运输类别的商品选择固定费用运输方式。 许多运费计算器插件也使用运费类别的值来确定运费，因此请尝试定义合适的运费类别。

你可以阅读更多关于 WooCommerce 航运 这里 和 这里.

4.关联产品

- 关联产品 部分可让您进行追加销售、交叉销售和促进产品增长ups 在你的店里。

向上销售：进行追加销售意味着推荐一种产品，该产品要比用户当前正在检出的产品好一些。

例如，如果用户注视着45美元的耳机，则在您的追加销售部分中，您应该推荐60美元的耳机。

交叉销售：进行交叉销售意味着建议与用户正在签出的商品相关的商品。

（这里是 向上销售和交叉销售.)

分组：在分组中，您将相关产品捆绑在一起并打包提供。 So, if you sell photography equipment, you'll bundle up items like a tripod, camera bag, SD cards and more and offer this group to your users.因此，如果您出售摄影器材，则将捆绑三脚架，相机包，SD卡等物品，并将这些物品提供给用户。

5.属性

WooCommerce 允许您添加自定义产品属性以更好地描述您的产品。

例如，如果您销售办公室记事本，则可能要添加页数作为自定义属性。

6。 高级

- 高级 部分中，您可以向购买者添加个性化的购买记录。

现在您了解了如何 WooCommerce 有效，让我们看看如何为您的商店选择正确的主题。

步骤#4：选择一个 WordPress 电子商务主题

现在， 许多 WordPress 主题 '支持' WooCommerce.

但所有这些主题并不一定会变美 WordPress 商店。
是的，他们确实与 WooCommerce，因此您将能够添加产品和所有内容，但根据我的经验，此类主题看起来很不合适。

为了确保您的商店看起来很棒，您需要选择一个专门的 电子商务 WordPress 主题而不仅仅是另一个 WordPress 兼容的主题 WooCommerce.

WordPress 电子商务主题

这是两个免费的主题：

＃1 Storefront店面

Storefront 的活跃安装量超过 80,000 次，是下载次数最多的应用程序之一 WordPress 电子商务主题。 它来自后面的同一个团队 WooCommerce, 所以你可以期待 WooCommerce 和 Storefront 一起工作就像变魔术一样。

店面的主页可以精美地显示产品类别，已销售和最受好评的产品以及特色产品列表。

除了做出响应之外，Storefront还支持已知的架构标记语言。 改善SEO.

＃2。 Coeur

心是另一种美丽 WordPress 电子商务主题。 它在主页上提供了一个大的英雄区域，可用于展示产品。 此外，它还带有 3 种优雅的皮肤：Classic、Flat 和 Material。

在Coeur的设置中，如果将主页设置为商店页面，则产品列表将漂亮地显示在商店的主页上。

Coeur的产品页面非常漂亮，因此购买起来轻而易举：

这个主题在页脚中支持 3 个小部件（它还有一个小部件侧边栏）。 您可以使用任何免费的 WordPress WooCommerce 添加到这些区域的小部件：

所以这是两个很棒的免费主题。 但是因为它们是免费的，所以它们确实缺乏溢价的花里胡哨 WooCommerce 主题。

美丽溢价 WooCommerce 主题

现在让我们看看4个美丽的溢价 WooCommerce 您可以购买的主题：

＃1 Shopkeeper店主

Shopkeeper是一个经过深思熟虑的电子商务主题，其中包含许多功能，如果您必须为它们购买单独的高级插件，这些功能可能会向您收取100美元的费用。

主要特点：

• 出售外部/附属产品（如果您没有自己的产品要出售，但想在其他网站上认可产品，则可以使用此功能。）
• 内置订单追踪系统
• 内置运输计算器
• 内置的费率/评论功能
• 高级产品过滤器
• 愿望清单

In addition to these features, Shopkeeper also has stunning product page templates for products that have variations, are downloadable, affiliate, out of stock or on sale.除这些功能外，Shopkeeper还提供了令人惊叹的产品页面模板，这些产品页面模板具有可更改，可下载，附属，缺货或出售的产品。 Shopkeeper has as many as 9 homepage layouts.店主拥有多达XNUMX个首页布局。

Another lovely feature that this theme offers is that of banner templates.此主题提供的另一个可爱功能是横幅模板。 Shopkeeper offers a slick set of ready-to-use banners.店主提供了一套精美的现成横幅。 These banners can be customized and added anywhere on your store.这些标语可以自定义并添加到商店中的任何位置。

这个主题已经售出了10,000册，绝对是$ 59的便宜货。

＃2：Aurum –极简购物主题

Aurum 是一种优雅的 WooCommerce 带有两个高级插件的购物主题（价值 34 美元的 Visual Composer 和价值 18 美元的 Layer Slider）。 Visual Composer 有助于使 Aurum 更具可定制性，并且借助 Layer Slider，您可以在商店的任何位置添加大胆的滑块。

Aurum提供4种时尚的首页布局。 All look great, but I loved the second option (V2):看起来都很不错，但我喜欢第二种选择（VXNUMX）：

产品页面设计也很漂亮：

Aarum的延迟加载功能有助于加快商店的加载时间。 With lazy loading, only those images of a site are loaded that are in the viewing area of the visitor.使用延迟加载时，仅加载访问者查看区域中站点的那些图像。 The images below this area are only loaded as the visitor scrolls.此区域下方的图像仅在访客滚动时加载。

Aurum带有大约50个简码，您可以将它们与可视化作曲家结合使用，并根据需要设计商店。

Aurum售价59美元

＃3：沃克 - 时尚 WooCommerce 主题

沃克令人耳目一新 WooCommerce 带有 9 种出色的主页布局（除了默认布局）。 我特别喜欢 休闲，时尚，砌体和城市 版本.

老实说，当我看到演示时，很难选择一个演示，因为每个演示都非常漂亮。

结帐，购物车，购物清单和订单跟踪页面看起来很棒。

When you look at the product types this theme supports, you'll realize how much time the theme makers might have actually put into planning this theme.当您查看该主题支持的产品类型时，您将意识到主题制作者可能实际花了多少时间来计划该主题。 You have special designs for pages for products that are on sale or out of stock.您对销售或缺货的产品页面有特殊的设计。 Similarly for the ones that come with options.对于附带的选项也是如此。

您还会为您认可（而不是直接销售）的产品设置一个特殊页面。

This team gets the full score when it comes to looks and elegance.该团队在外观和优雅方面获得满分。 Just couple it with a few premium extensions and you'll be able to offer your visitors a world-class shopping experience.只需将其与一些高级扩展相结合，您就可以为访客提供世界一流的购物体验。

沃尔特（Walter）59美元的价格很便宜。

#4：WonderShop – WooCommerce 主题专注于移动用户体验

超过一半的互联网用户已经在移动设备上购物，并且这一数字每天都在增长。

我在手机上尝试了 WoonderShop 主题，看看它是否真的像宣传的那样好。 我看过很多主题 作者 声称对移动友好，但很少有主题真正提供适当的移动体验。

WoonderShop提供！

When you are deep in the store, there is a sticky navigation with the shopping cart, always available.当您深入商店时，购物车会显示一个粘性导航，始终可用。 When you want to search for a product, there is an auto-suggest search that helps you find products faster and better.当您要搜索产品时，会自动建议您进行搜索，以帮助您更快更好地找到产品。 When you add a product to the shopping cart, it opens up and gives you a nice feedback that your action was successful.将产品添加到购物车时，它会打开，并为您提供成功操作的良好反馈。 When you want to filter down the products, there you'll find mobile optimized filters, updating the products list in real-time.当您想过滤产品时，您会发现针对移动设备进行了优化的过滤器，可以实时更新产品列表。

The overall navigation across the WoonderShop is smooth and intuitive.整个WoonderShop的整体导航流畅而直观。 Authors did a great job implementing established UX navigation practices from the biggest online stores in the world.作者在实施世界上最大的在线商店的既定UX导航实践方面做得很好。

除了移动 UX，WoonderShop 主题也是电子商务专家的不错选择 转化率 优化（CRO）意味着什么。

我发现了几个有趣的转换技巧：

• 无干扰的结帐（结帐时跳出率较低）
• 紧急倒数（“帮助”购物者更快地做出决定）

ProteusThemes，WoonderShop的作者，是一个知名的播放器 WordPress 拥有超过 33,000 名客户的生态系统，因此声誉是站在他们一边的。

不要浪费大量的带有半成品主题的移动访客，而要通过WoonderShop将他们转化为买家。

WoonderShop的价格为$ 79，但可为您提供7天的免费试用期。

第 5 步：免费和付费 WooCommerce 扩展

WooCommerce 擅长作为购物商店引擎。 但是当您开始销售时……您会意识到您的商店需要更多功能。

例如，您可能想要：

• 使客户能够在下订单之前计算运输成本
• 提供动态定价和优惠券
• 跟进未完成购买的买家。

等等

不幸的是，此类功能并未内置 WooCommerce. 对于这些，您必须使用免费或付费 WooCommerce 扩展。 下面，我推荐了一堆这样的附加组件，用于添加您商店中需要的一些最重要的功能。

WooCommerce 处理购物车遗弃的扩展

A cart abandonment instance is one where a customer adds items to their cart but doesn't complete the purchase.购物车放弃实例是客户将商品添加到购物车但未完成购买的实例。 According to根据 Baymard研究所，放弃了67.45％的在线购物车。

要弥补因购物车放弃而造成的潜在收入损失，一种非常有效的策略是联系此类买家并促使他们返回商店并完成购买。 WooCommerce 没有任何内置功能来处理购物车遗弃情况，但这里有一些很棒的插件可以提供帮助：

#1：废弃的购物车精简版 WooCommerce

使用此插件，您可以向那些将产品添加到购物车但未完成购买的客户或来宾用户发送电子邮件提醒。

被遗弃的购物车喜欢 WooCommerce 声称它可以帮助您节省高达 30% 的销售损失。 它带有一个随时可用的模板，您可以使用客户姓名和产品购物车信息等值进行个性化设置，并提供指向废弃购物车的链接。

这个插件的 专业版 gives you 3 templates and lets you start sending reminder emails within minutes of a cart abandonment instance;提供XNUMX个模板，让您在购物车被遗弃实例的几分钟内开始发送提醒电子邮件； in the free version, you can only send reminders after an hour.在免费版本中，您只能在一个小时后发送提醒。

But the really cool feature is that it lets you give coupons and discounts in the reminder email.但真正酷的功能是，它使您可以在提醒电子邮件中提供优惠券和折扣。 An email reminder with a discount is 100% more powerful than one without it because a discount offer gives a user an incentive to act fast.具有折扣的电子邮件提醒比没有折扣的电子邮件提醒具有XNUMX％的强大功能，因为折扣提供使用户有动力快速行动。

价格：$ 119

＃2： WooCommerce 恢复放弃的购物车

WooCommerce Recover Abandoned Cart 插件可以完成上述插件的所有功能以及更多功能。

除了发送一系列自动电子邮件提醒（带有折扣和优惠券）之外， WooCommerce Recover Abandoned Cart 插件还可以让您获取用户的电话号码，以便手动跟进他们。

您还可以使用此插件的报告功能监视后续电子邮件的性能。

价格：$ 49

WooCommerce 添加高级产品过滤的扩展

大多数利基市场为客户提供了很多选择。 例如，如果您经营一家服装店，您可能希望让您的客户能够使用颜色、尺码、材料、品牌等值来筛选产品。 默认情况下， WooCommerce 不支持高级过滤。 以下是一些可以将此功能添加到您的商店的插件：

＃1： WooCommerce 产品过滤器 (WOOF)

WOOF 是一个很棒的免费插件，可以将基本过滤器添加到您的在线商店。

This plugin's premium version unlocks more filters like colors, labels, drop-downs, checkboxes and more.此插件的高级版本可解锁更多过滤器，如颜色，标签，下拉菜单，复选框等。 Also, the premium version includes analytics, so you can see the product specifications your users are actively searching for, and order more of those products.此外，高级版还包含分析功能，因此您可以查看用户正在积极搜索的产品规格，并订购更多这些产品。

查看演示 这里。 The premium version costs $30高级版售价XNUMX美元

＃2。 WooCommerce 产品筛选

This plugin lets you offer custom filtering options to your visitors thereby enabling them to look for products super-fast.通过此插件，您可以为访问者提供自定义过滤选项，从而使他们能够超快地查找产品。 With this plugin, your visitors will be able to filter your products based on their attributes like color, size, availability, price range and more.使用此插件，您的访问者将能够根据其属性（例如颜色，尺寸，可用性，价格范围等）来过滤您的产品。

You can display these filters using several stunning layouts.您可以使用几种惊人的布局显示这些过滤器。 I especially like the plugin's sidebar, full-screen, and masonry layouts.我特别喜欢插件的侧边栏，全屏和砖石布局。

WooCommerce Products Filter 也支持工具提示，因此您可以在用户使用时提供额外的信息 hover 在任何过滤选项/值上。 加， WooCommerce Products Filter 对您的客户日常使用的过滤器进行深入分析。 这些信息可以让您更深入地了解客户的需求。

价格：$ 35

WooCommerce 用于控制运输、定价和折扣的扩展

正如您在上一节中看到的 WooCommerce 产品配置， WooCommerce 仅对价格和运送产品提供有限的设置。 但是您可以使用以下附加组件添加高级定价和运输规则：

＃1。 WooCommerce 扩展优惠券功能

WooCommerce 延长优惠券 is a free plugin that let you set conditions on which coupons are automatically added to a buyer's cart.是一个免费插件，可让您设置将优惠券自动添加到买家购物车的条件。 You can use it to set rules like您可以使用它来设置规则，例如：如果买家的购物车价值超过$ 5，则可为其提供500％的折扣 或者其他的东西。

＃2： WooCommerce 动态定价和折扣

This plugin introduces a whole new level of control to pricing your products.该插件为您的产品定价引入了全新的控制水平。 This plugin lets you set unlimited combinations of rules for a discount using values like the cart subtotal, number of items in the cart and many more.使用此插件，您可以使用购物车小计，购物车中的商品数量等值来设置折扣规则的无限组合。

例如，您可以设置如下规则： “购买2至5个单位可获得10％的折扣，购买至少6个可获得20％的折扣”

You can also give freebies.您也可以免费赠予。 For eg,:例如： “随购买的每张照片免费提供相框”

为了吸引用户购买，您甚至可以显示促销优惠的有效性（开始日期和结束日期）以促进销售。

WooCommerce 动态定价和折扣也可用于运行客户忠诚度计划，您可以在其中为忠诚客户提供更多和更高的折扣。

价格：$ 29

＃3： WooCommerce 进阶运送

同样，在运输设置方面， WooCommerce 只提供一些非常基本的选项，例如统一费率或免费送货。

如果您想更好地控制运费，您应该获得 WooCommerce的高级航运。 此插件可让您向网站添加多种运费计算方法。

You can use properties like weight, volume, stock status, delivery location and more to create custom shipping rates.您可以使用重量，体积，库存状态，交货地点等属性来创建自定义运费。 You can also use it to offer free shipping when the cart value exceeds some pre-defined amount and when the order is ship to a particular region, or set percentage based shipping costs.当购物车价值超过某个预定义的金额并且订单被运送到特定地区时，或者设置基于百分比的运送成本时，您也可以使用它来提供免费运送。

了解更多 关于插件。 Price: $17价钱：$ XNUMX

包装起来......

WooCommerce 是开设在线商店的绝佳解决方案，但您可以通过将其与易于转换的主题和一些扩展相结合，使其功能增强 100%。 我希望这篇文章能为您提供入门所需的所有指导。

希望您的商店有很多销售！

如果您正在寻找在线商店的替代品，这里是 最好的在线商店建设者 你可以看看。