怎样创建一个WooCommerce在线商店

在这篇教程中，我们将教你如何设置一个精美的WooCommerce在线商店。文章结束之后，你的电子商务网站看起来应该类似于下面这样：

WooCommerce是什么

简单来说，WooCommerce是最受欢迎的WordPress电子商务插件。迄今为止，在互联网上所有的在线商店中，有21%是采用WooCommerce构建的。

如果你还没有WordPress网站，请先按照这篇教程创建一个，整个过程非常容易。

• 从技术上讲，WooCommerce是一个WordPress插件，与任何其他插件一样，需要安装和激活才能运行
• 它是免费和开源的，你不需要任何许可证，也不必支付任何费用
• 它是最受欢迎，也是功能最丰富的WordPress电子商务插件
• 配置过程非常简单，通常只需一个小时就能完成
• 它适用于WordPress网站上的任何主题，你不需要放弃当前的网站设计

我们可以将上面的列表继续加长，但最重要的是，为了使用WordPress构建高质量的电子商务网站，WooCommerce几乎为你提供所需的一切。

你可以使用WooCommerce卖哪些东西

答案有很多，例如：

• 数字产品，软件、下载、电子书等等
• 实物产品
• 在线或线下服务
• 在线预订
• 订阅服务
• 其他人的产品 —— 作为联盟营销人员
• 你能想到的其他产品

换句话说，你可以通过网站来赚钱。WooCommerce允许你出售任何可以分配价格的东西，任何人都可以免费使用。

接下来，我们根据下述步骤启动一个WooCommerce电子商务网站。

1. 创建一个WordPress网站

前文所述，WooCommerce是一个WordPress插件，为了创建成功的在线商店，你首先得拥有一个WordPress网站。不要担心，创建WordPress网站非常容易，以下教程将一步一步指导你完成整个过程：

2. 安装WooCommerce插件

与所有的插件一样，打开Dashboard，导航到Plugins→Install New菜单，在搜索字段中输入WooCommerce，你会看到WooCommerce是第一个搜索结果：

只需点击插件旁边的Install Now按钮即可，几秒钟后，按钮上的文字将变为Active，继续点击。

在这个阶段，你将看到WooCommerce的设置向导，它可以帮助你完成所有事情。在线商店是一种特殊的网站，需要一些特定页面才能正常运行，WooCommerce向导的第一步就是为你创建这些页面：

• Shop：这是用于展示产品的页面
• Cart：这是购物车，客户可以在结帐前调整订单
• Checkout：这是客户选择收货方式，并完成结账的地方
• My Account：一种针对注册客户的页面，他们可以在这里查看订单，并管理其他的详细信息

1. 商店设置

你将在这里设置商店的区域位置，通过几个参数定义你的业务来源：

完成后，点击Let's go!按钮。

2. 付款方式

接受在线付款是任何电子商务网站的核心，WooCommerce提供多种可用的解决方案，最初只向你提供两种：

最受欢迎的PayPal位于顶部，接下来是可用的线下支付选项，你可以根据自身需要勾选相应的复选框。当然，你还可以选择其他更丰富的付款方式（例如Stripe和Square），WooCommerce设置面板中的更多选项将在稍后提供。

完成后，点击Continue按钮进入下一步。

3. 官方推荐

这里是WooCommerce推荐的主题和插件：

• Storefront是WooCommerce的官方主题，默认版本是免费的，可以满足一个新商店的基本需求
• MailChimp是一个订阅插件，客户提交电子邮件并订阅你的网站新闻，然后你可以向他们推送各种信息

我们建议你全部勾选，然后继续点击Continue按钮。

4. Jetpack

Jetpack是使用人数最多的搜索引擎优化插件之一，但大部分都是被捆绑安装的。这款插件过于庞大和臃肿，我们建议你跳过这一步，点击屏幕底部的Skip this step链接：

5. 一切就绪

终于到了最后一步，你的网站设置已经完成，现在拥有一个空白的电子商务网站：

点击左下角的Visit Dashboard按钮返回到后台，接下来开始添加产品。

3. 添加商品

为了使商店能够正常运营，你需要添加一些商品（或服务、下载，以及任何其他你想出售的东西）。

转到Dashboard，然后点击菜单Products→Add New。页面上方可能会有一些提示消息，我们先不予理会，主要关注下方的内容编辑模块：

下面是每个部分的说明：

1. 产品名称
2. 产品说明：在这里录入详细的产品信息，除了文本之外，还可以放置图像、表格、视频，以及其他你能想到的媒体
3. 产品数据：在这里设置要添加的产品类型，实物或数字，另外还能添加各种参数
4. 简短说明：这是显示在产品名称下面的文本，最适合作为产品的简短摘要
5. 产品类别：将类似的产品作为一个类别，例如上衣、裤子、鞋子等等
6. 产品标签：另一种帮助你组织产品的方法，例如潮流时尚、青春靓丽
7. 产品图片：产品的主图
8. 产品图库：产品的其他图片，一般用于轮播展示

完成上述所有操作后，点击页面右侧蓝色的Publish按钮，你的第一个产品就添加完成了。接下来，按照上述步骤添加其他的产品，然后点击菜单Products→All Products，页面看起来应该是这样的：

4. 选择主题

如果数据库中没有任何产品，你就无法直观地查看商店的各个页面，也无法确保一切正常。按照上述步骤，现在你应该添加了大部分产品，接下来我们从纯粹的视觉角度来谈谈优化策略。

WooCommerce vs. 你当前的主题

默认情况下，WooCommerce适用于任何WordPress主题。这是一个好消息，特别是如果你已经选择好特定的设计，并打算一直坚持下去。或者，你可以使用专为WooCommerce优化的主题，它们带有预设样式，使页面元素看起来很棒。

这是我们的建议：

• 如果你已经拥有独一无二的WordPress主题，那就继续使用，只需确保它在WooCommerce上看起来不错
• 如果没有，就挑选一个专为WooCommerce优化的新主题

官方的WooCommerce主题称为Storefront，默认版本是免费的，足以支撑你的现有业务。

或者，你可以访问ThemeForest的电子商务部分，这是目前最高级的WordPress主题目录。

不管是使用当前主题，还是专为WooCommerce优化的主题，你需要做的就是确保各个页面看起来不错。

电子商务网站的设计规则

在进入细节之前，我们先讨论一些重要准则，主要是：什么让电子商务网站的设计变得更好？

下面是一些最重要的参数：

• 确保页面设计和功能足够清晰，不得以任何方式混淆，一个迷茫的访客不会购买任何东西
• 中心内容需要迅速吸引访客的注意，这个地方应该用于展示产品
• 侧边栏能够轻松调整，并且还要为某些页面完全禁用侧边栏
• 响应式和移动优化：研究表明，互联网上大约有80%的用户拥有智能手机；根据另一项研究，61%的移动访客会立即离开。如果你的移动浏览体验不好，就会失去这些潜在客户
• 良好的导航结构：你要提供一个清晰的菜单，以便访客能够轻松找到任何信息

考虑到上述情况，你可以对各个页面执行一些针对性的操作：

1. 商店页面

这是你的主要产品列表页面，页面地址应该类似于这样：https://www.10besty.com/shop/。

如果你的这个链接没有对应任何页面，请修改网站的固定链接设置。打开菜单Settings→Permalinks，选择Post name，然后点击Save Changes按钮，如下所示：

这是一个标准的WordPress页面，你可以通过Dashboard→Pages进行编辑，现在需要做以下事情：

• 继续添加其他产品，鼓励访客在网站上购物
• 决定是否要在页面上添加侧边栏，这是通过主题的页面模板完成的，但需要购买Storefront高级扩展，其中包含大量功能，例如页面布局、色彩调整，以及多种风格等等。你现在可以不必购买

在Storefront主题中，你的商店页面看起来应该像这样：

漂亮的产品图像是关键，这是你应该做好的第一件事情。

2. 单个产品页面

要查看这些内容，请点击商店页面中的任意一个产品。如果你使用的是高质量主题，则应该不会在这里遇到任何困难。基本上，你唯一能做的就是调整产品描述，以确保所有内容都符合视觉效果。

3. 购物车

另一个可以通过Dashboard→Pages调整的关键页面，除了结账功能之外，你不应该在这里提供太多的其他选项。

在产品页面中，将其添加到购物车里面，然后购物车页面看起来应该是这样的：

4. 结账

这是买家完成订单并付款的地方，你不应该对此进行任何调整：

在这个阶段，你基本上已经将商店设计调整完成，接下来我们看看扩展功能。

5. 扩展功能

WooCommerce如此受欢迎的另一个重要原因，就是你可以获得数百个设计精良的扩展和插件，我们已经挑选出了一些最好的选项，你可以立即开始使用：

WooCommerce官方插件：

第三方插件：

总结

使用WordPress创建电子商务网站并不困难。对于新手而言，通常最多只需一两个下午就能完成上述所有步骤。要是放在几年前，你可能需要雇佣几名开发人员，并花费数万元才能获得类似的东西，但现在，你可以自己掌控一切！初期成本甚至不超过$10。

我想要...

• 在家里赚钱
• 在网上赚钱
• 在网上卖东西
• 成为一名自由职业者

---