怎样创建一个WooCommerce在线商店

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

WooCommerce Sample Store

WooCommerce是什么

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

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

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

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

WooCommerce可以用来卖什么

答案有很多,例如:

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

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

1. 创建一个WordPress网站

前文已经说过,WooCommerceWordPress的一个插件,所以为了创建成功的在线商店,你首先需要拥有一个WordPress网站。不要担心,创建WordPress网站非常容易,这篇教程将一步一步指导你完成整个过程:

2. 安装WooCommerce插件

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

WooCommerce Install

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

WooCommerce Active

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

  • Shop:这是用于展示产品的页面
  • Cart:这是购物车,客户可以在结帐前调整订单
  • Checkout:这是客户选择收货方式,并完成结账的地方
  • My Account:一种针对注册客户的页面,他们可以在这里查看订单,并管理其他的详细信息
1. 商店设置
你将在这里设置商店的区域位置,通过几个参数定义你的业务来源:

WooCommerce Store Setup

完成后,点击Let’s go!按钮。

2. 付款方式
能够接受在线付款是任何电子商务网站的核心,WooCommerce提供了很多可用的解决方案,最初只向你提供两种:

WooCommerce Payment

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

注意:要使在线支付正常运行,你需要单独注册PayPalStripeSquare,WooCommerce中的设置仅允许将你现有的PayPalStripe账户与电子商务网站进行集成。

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

3. 官方推荐
这里是WooCommerce推荐的主题和插件:

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

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

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

WooCommerce Activate
5. 一切就绪
终于到了最后一步,你的网站设置已经完成,现在拥有一个空白的电子商务网站:

WooCommerce Ready

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

3. 添加商品

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

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

WooCommerce Add Product

下面是每个部分的说明:

  1. 产品名称。
  2. 产品说明:在这里录入详细的产品信息,除了文本之外,还可以放置图像、表格、视频,以及其他你能想到的媒体。
  3. 产品数据:在这里设置要添加的产品类型,物理还是数字产品,另外还能添加各种参数:
    • General:设置正常价格和促销价格
    • Inventory:设置库存信息
    • Shipping:设置重量、尺寸和运输成本
    • Linked Products:非常适合设置追加销售和交叉销售,例如:购买此产品的客户也购买了...
    • Attributes:设置自定义属性,例如衣服的颜色和尺码
    • Advanced:其他设置,不是必需的。
  4. 简短说明:这是显示在产品名称下面的文本,最适合作为产品的简短摘要。
  5. 产品类别:将类似的产品作为一个类别,例如上衣、裤子、鞋子等等。
  6. 产品标签:另一种帮助你组织产品的方法,例如潮流时尚、青春靓丽。
  7. 产品图片:产品的主图。
  8. 产品图库:产品的其他图片,一般用于轮播展示。

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

WooCommerce All Products

4. 选择主题

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

WooCommerce vs. 你当前的主题

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

这是我的建议:

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

若想要了解一些最好的WordPress主题,请查看这篇文章

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

WooCommerce Storefront

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

ThemeForest Ecommerce

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

电子商务网站的设计规则

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

下面是最重要的参数:

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

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

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

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

WordPress Permalink Settings

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

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

Storefront主题中,你的商店页面看起来应该像这样:

Storefront Shop Page

正如你所看到的,漂亮的产品图像是关键,这是你应该做好的第一件事情。

2. 单个产品页面
要查看这些内容,请点击商店页面中的任意一个产品。

如果你使用的是高质量主题,那么应该不会在这里遇到任何困难。基本上,你唯一能做的就是调整产品描述,以确保所有内容都符合视觉效果。

Storefront Product Page
3. 购物车
另一个可以通过Dashboard → Pages调整的关键页面,除了结账功能之外,你不应该在这里为买家提供太多的其他选项。

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

Storefront Cart Page
4. 结账
这是买家完成订单并付款的地方,你不应该对此进行任何调整:

Storefront Checkout Page

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

5. 扩展功能

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

WooCommerce官方插件第三方插件

总结

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

如果你希望在网上卖东西,但是不想管理产品、库存、发货等问题,那么可以创建一个联盟商店,详情请参阅我们的这篇教程:怎样使用WordPress创建一个Amazon联盟商店

我想要...




Start A Successful Blog

怎样搭建个人博客网站

还在知乎上免费帮别人解答问题吗?还在简书上记录日常随想吗?还在博客园、C ...
阅读更多…
Start A WordPress Blog On Aliyun

怎样在阿里云上搭建WordPress网站

想以正确的方式启动一个WordPress博客吗?我们知道,这可能是一个令 ...
阅读更多…
Start A WordPress Website On VPS

怎样在VPS上搭建WordPress网站

由于现在很多人仍然使用共享主机,所以我们决定创建这篇教程,教你如何设置自 ...
阅读更多…
Make Money With WordPress

怎样通过WordPress赚钱

WordPress是地球上最大的发布平台,为互联网上超过30%网站提供支 ...
阅读更多…
Make Money Blogging

怎样通过个人博客网站赚钱

几年前,我意识到很多开设个人网站的博主们正在赚钱,有些甚至赚取了巨额数字 ...
阅读更多…
Make Money With Photography

怎样通过摄影赚钱

如果你正在寻找赚钱的方法,应该做的第一件事就是考虑自己的爱好和喜欢做的事 ...
阅读更多…

发表评论

邮箱地址不会被公开。 必填项已用*标注