如何使用WordPress打开WooCommerce在线商店

WooCommerce是建立在线商店的最受欢迎的解决方案之一。与Shopify或BigCommerce这样的在线商店解决方案不同,WooCommerce不会产生重复性费用或其他费用,例如每次有人向您购买商品时产生的交易费用.


此外,与将复杂的在线购物车软件与您的网站集成在一起相比,使WooCommerce正常工作要简单得多.

实际上,您可以自己在网站上添加和配置WooCommerce,而无需任何编码技能或雇用开发人员。这正是我将在此WooCommerce初学者指南中向您展示的内容.

在本WooCommerce教程中,您将学习如何:

  1. 安装和配置WooCommerce并打开您的在线商店
  2. 选择正确的免费/高级WordPress WooCommerce主题和扩展,将您的商店提升到一个新水平

导航

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

工具清单 

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

步骤1:开始之前,请购买域名和托管

如果您已经选择了域名和托管并安装了WordPress,请继续选择主题的步骤.

如果没有,请从Namecheap购买域名,然后 Bluehost的托管WordPress托管.

注意:

选择托管的WordPress托管意味着托管提供商将负责您网站的维护,更新和安全性。通过选择可靠的网络托管服务商(例如Bluehost),您可以省去这些麻烦,而只专注于商店的业务方面.

Bluehost也提供了WordPress + WooCommerce托管服务,但我不建议您现在就这样做,因为它的价格为$ 12.95 /月,有点可惜,而简单的网络托管服务仅需$ 3.49 / mo.

(您可以查看我的完整资料 Bluehost评论 在您注册之前。也, 主持人动感 您可以放心选择两家更具成本效益的托管主机提供商。)

好的…

因此,一旦您选择了域名和托管服务,就需要:

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

步骤2:安装WooCommerce并配置其设置

要开始建立在线商店,请先下载 WooCommerce 并在您的WordPress网站上激活它.

向WordPress网站添加woocommerce将WooCommerce添加到WordPress网站.

激活WooCommerce后,您应该会看到其设置页面.

点击 我们走吧! 纽扣.

woocommerce安装WooCommerce安装.

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

woocommerce插件设置WooCommerce插件设置.

因此…WooCommerce设置首先将以下4个页面添加到您的网站(WooCommerce会自动添加这些页面,您无需执行任何操作):

  1. 大车
  2. 查看
  3. 我的帐户

点击 继续 进行下一步.

设置woocommerce页面WooCommerce基本页面设置–您需要这4个页面才能运行WooCommerce在线商店.

下一步,WooCommerce要求您添加商店信息,例如:

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

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

商店区域设置woocommerceWooCommerce商店区域设置.

然后,WooCommerce将提示您输入运输和税收偏好。勾选(如果适用);点击 继续.

运费和税金设置woocommerceWooCommerce运费和税金设置–您可以跳过此步骤并在以后进行配置.

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

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

设置电子商务付款在WooCommerce中设置付款-它支持多种付款方式.

通过结帐选项配置,设置WooCommerce完成了.

现在您需要开始向商店添加产品.

因此,在下一个屏幕上,单击 创建您的第一个产品! 选项.

Publishing-woocommerce商店您的商店已准备就绪–您可以创建第一个产品.

步骤3:将产品添加到WooCommerce

WooCommerce提供与添加产品的后期编辑器非常相似的编辑器。添加商品标题和说明,就像添加帖子及其实际内容一样。添加产品内容后,您需要配置其余产品设置.

让我们详细了解以下每个设置:

1.一般

woocommerce-一般设置WooCommerce常规设置.

在这里,您具有用于列出产品价格的字段。您还具有用于添加销售价格的可选字段.

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

2.库存

库存设置-woocommerceWooCommerce中的库存设置.

库存选项可让您添加库存详细信息,例如产品的SKU,库存状态等.

如果您想知道SKU的意思是……好吧……这是卖方命名产品类型的唯一公式.

Shopify给出了 易于理解的SKU定义. 它说:

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

这是Shopify分享的示例:

尺寸为7的Bailey Bow风格的紫色Ugg靴子的SKU可能像这样:UGG-BB-PUR-07.

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

如果您销售3种不同颜色的瑜伽裤,则SKU可能如下所示:

YO-PA-RED

YO-PA-GREEN

YO-PA-黄色

你懂的,对的?

现在,我确定您的产品不像我所举的示例那样容易命名。因此,为了更好地帮助您,我挖掘了这个很棒的工具 来自TradeGecko的免费SKU生成器 (需要注册).

…返回WooCommerce产品设置:

在SKU字段之后, 库存 部分用于选择WooCommerce是否应管理产品的库存.

当您启用 管理库存? 供应,另外两个字段出现:

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

库存设置产品数量和未交货订单设置–在此处更新信息很重要.

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

如果您缺货,可以将WooCommerce设置为:

进行延期交货(延期交货是缺货产品的订单)

延期交货并通知客户库存状态(告诉客户您已预订该订单,但该产品缺货,并且在有货时您将发货)

停止接受缺货产品的订单

接下来是 库存状况 领域。使用它来设置产品的可用性.

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

3.运送

运送设置WooCommerce中的运输设置.

运输 部分非常简单。在这里,您只需要指定产品的重量,尺寸和类别.

中的值 船级 产品的运输有助于计算其运费。因此,如果您出售的产品可以轻松地归类为笨重,中等和轻量级,则这三种将成为您的运输类.

指定运输类别后,您可以轻松地将运输方法与之关联。例如,您可以为轻量级运输中的项目选择固定费用运输方式。许多运费计算器都使用运费类别的值来确定运费,因此请尝试定义适当的运费类别.

您可以阅读有关WooCommerce运送的更多信息 这里这里.

4.关联产品

链接产品设置在WooCommerce中设置链接产品–这将帮助您增加在线商店的收入.

关联产品 部分可让您在商店中进行追加销售,交叉销售和促销产品组.

追加销售:进行追加销售意味着推荐一种产品,该产品要比用户当前正在检出的产品好一点.

例如,如果用户看了$ 45的耳机,则在您的追加销售部分中,您应该推荐$ 60的耳机.

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

例如,如果某人正在查看月度计划者,则在交叉销售部分中,您应该推荐每日和年度计划者。 (以下是向上销售和交叉销售之间的区别。)

分组:在分组中,您将相关产品捆绑在一起并打包提供。因此,如果您销售摄影器材,则可以捆绑三脚架,相机包,SD卡等物品,并将该组物品提供给用户.

5.属性

WooCommerce使您可以添加自定义产品属性来更好地描述您的产品.

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

属性设置-woocommerce在WooCommerce中设置产品属性.

6.进阶

高级woocommerce设置WooCommerce中的高级设置.

高级 部分可让您向买家添加个性化的购买说明.

现在,您已经了解了WooCommerce的工作原理,下面我们来看看如何为商店选择合适的主题.

步骤#4:选择WordPress电子商务主题

现在,很多WordPress主题都“支持” WooCommerce.

但是所有这些主题并不一定会使WordPress商店变得漂亮.

是的,它们可以与WooCommerce一起使用,因此您可以添加产品和所有产品,但以我的经验来看,此类主题看起来相当过时.

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

电子商务的WordPress主题

这是两个免费的主题:

#1。店面

Storefront具有超过80,000个活动安装,是下载次数最多的WordPress电子商务主题之一。它来自WooCommerce背后的同一团队,因此您可以期望WooCommerce和Storefront像魔术一样一起工作.

店面-woocommerce-wordpress-主题店面– WooCommerce WordPress主题.

店面的首页可以精美地显示产品类别,已销售和最受好评的产品以及特色产品清单.

除了响应能力外,Storefront还支持已知用于改进SEO的架构标记语言。.

#2。 Coeur

Coeur是另一个漂亮的WordPress电子商务主题。它在主页上提供了一个较大的英雄区域,可用于推荐产品。此外,它还具有3种优雅的外观:经典,平整和材质.

在Coeur的设置中,如果您将首页设置为商店页面,则您的商品详情会在商店的首页上精美展示.

coeur-woocommerce-主题产品页面Coeur – WooCommerce WordPress主题.

Coeur的产品页面非常漂亮,使购买变得轻而易举:

coeur-woocommerce主题

此主题在页脚中支持3个小部件(它也具有小部件化的侧边栏)。您可以使用任何免费的WordPress WooCommerce小部件添加到以下区域:

小部件区域

因此,这是两个伟大的免费主题。但是,由于它们是免费的,因此它们确实缺少优质WooCommerce主题的风吹草动.

美丽的优质WooCommerce主题

现在,让我们看一下您可以购买的4个精美的WooCommerce高级主题:

#1。店主

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

店主-woocommerce主题店主–高级WooCommerce WordPress主题.

主要特点:

  • 出售外部/会员产品(如果您没有自己的产品要出售,但是想要认可其他网站上的产品,则可以使用此功能。)
  • 内置订单追踪系统
  • 内置运输计算器
  • 内置的费率/评论功能
  • 先进的产品过滤器
  • 心愿单

除这些功能外,Shopkeeper还提供了令人惊叹的产品页面模板,这些产品页面模板具有可变化的,可下载的,附属的,缺货或正在销售的产品。店主拥有多达9个首页布局.

此主题提供的另一个可爱功能是横幅模板的功能。店主提供了一套精美的现成横幅。这些横幅可以自定义并添加到商店中的任何位置.

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

#2:Aurum –极简购物主题

Aurum是一个优雅的WooCommerce购物主题,其中包含两个高级插件(Visual Composer价值34美元,Layer Slider价值18美元)。 Visual Composer有助于使Aurum更具可定制性,并且借助Layer Slider,您可以在商店的任何位置添加粗体滑块.

Aurum提供4种时尚的首页布局。看起来都很不错,但我喜欢第二种选择(V2):

极光商务主题Aurum –极简主义的WooCommerce购物主题.

产品页面设计也很漂亮:

Aurum-woocommerce主题产品页面

Aarum的延迟加载功能有助于加快商店的加载时间。使用延迟加载时,仅加载访问者查看区域中站点的那些图像。此区域下的图像仅在访客滚动时加载.

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

Aurum售价59美元

#3:Walker –一个时尚的WooCommerce主题

Walker是一款令人耳目一新的WooCommerce,它具有9种出色的首页布局(默认布局除外)。我特别喜欢 休闲,时尚,砌体和城市 版本.

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

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

当您查看该主题支持的产品类型时,您会意识到主题制作者可能实际花了多少时间来计划该主题。您对销售或缺货的产品页面有特殊的设计。对于附带的选项也是如此.

您还会为您认可(而不是直接销售)的产品提供一个特殊页面.

沃克-woocommerce-主题产品页面Walker –一种时尚的WooCommerce WordPress主题.

该团队在外观和优雅方面获得满分。只需将其与一些高级扩展相结合,便可以为访问者提供世界一流的购物体验.

沃尔特的特价$ 59.

#4:WoonderShop – WooCommerce主题专注于移动UX

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

我在手机上尝试了WoonderShop主题,看它是否真的和广告中的一样好。我见过许多主题作者声称对移动设备友好,但是很少有主题能够提供适当的移动体验.

WoonderShop –专注于移动UX的主题.

我在尝试重现典型的购物行为时玩得很开心,无论是否相信,我都感到惊喜。 WoonderShop提供!

当您深入商店时,购物车会显示一个粘性导航,始终可用。当您要搜索产品时,会自动建议您进行搜索,以帮助您更快更好地找到产品。将产品添加到购物车时,它会打开,并为您提供成功操作的良好反馈。当您要过滤产品时,可以找到针对移动设备进行优化的过滤器,从而实时更新产品列表.

整个WoonderShop的整体导航流畅而直观。作者在实施世界上最大的在线商店的既定UX导航实践方面做得很出色.

除了移动用户体验之外,WoonderShop主题对于电子商务专家也是一个不错的选择,对于他们来说,转化率优化(CRO)意味着什么.

WoonderShop主题移动用户体验.

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

  • 无干扰的结帐(导致结帐时跳出率降低)
  • 紧急倒数(“帮助”购物者更快地做出决定)

ProteusThemes是WoonderShop的作者,是WordPress生态系统中的知名玩家,拥有33,000多个客户,因此声誉备受关注。.

不要浪费大量的带有半成品主题的移动访问者,而应该通过WoonderShop将其转化为购买者.

WoonderShop售价$ 79,但可为您提供7天免费试用.

步骤5:免费和高级WooCommerce扩展

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

例如,您可能想要:

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

等等.

不幸的是,WooCommerce没有内置这些​​功能。对于这些,您必须使用免费或高级WooCommerce扩展程序。下面,我推荐一堆这样的插件,以添加您在商店中需要的一些最重要的功能.

WooCommerce扩展程序可以处理购物车被遗弃的情况

购物车放弃实例是客户向购物车中添加商品但未完成购买的实例。根据 贝玛德学院, 67.45%的在线购物车被遗弃.

为了弥补因放弃购物车而造成的潜在收入损失,一种非常有效的策略是联系此类买家,并促使他们返回商店并完成购买。 WooCommerce没有内置的功能来处理购物车被遗弃的情况,但以下一些出色的插件可以提供帮助:

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

此插件可让您向向购物车中添加产品但未完成购买的客户或来宾用户发送电子邮件提醒.

WooCommerce之类的废弃购物车声称可以帮助您节省多达30%的销售损失。它带有一个现成的模板,您可以使用客户名称和产品购物车等值进行个性化设置,并带有指向废弃购物车的链接.

这个插件的 专业版 提供了3个模板,让您在购物车被遗弃实例的几分钟内开始发送提醒电子邮件;在免费版本中,您只能在一个小时后发送提醒.

放弃购物车专业插件被遗弃的购物车 –一个可让您通过发送提醒电子邮件来恢复销售的插件。专业版为您提供更多定制.

但真正酷的功能是,它使您可以在提醒电子邮件中提供优惠券和折扣。具有折扣的电子邮件提醒功能比没有折扣的电子邮件提醒功能强大100%,因为折扣提供使用户有动力快速行动.

价钱:$ 119

#2:WooCommerce恢复被遗弃的购物车

WooCommerce Recover Abandoned Cart插件可以完成上述插件的所有工作,还有很多其他功能.

恢复废弃的购物车插件WooCommerce恢复废弃的购物车 –另一个插件,可通过发送一系列自动电子邮件提醒来恢复销售.

除了发送一系列自动电子邮件提醒(带有折扣和优惠券)之外,WooCommerce恢复被遗弃的购物车插件还使您能够获取用户的电话号码,以便对其进行手动跟进.

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

价钱:$ 49

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

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

#1:WooCommerce产品过滤器(WOOF)

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

此插件的高级版本可解锁更多过滤器,例如颜色,标签,下拉菜单,复选框等。此外,高级版还包含分析功能,因此您可以查看用户正在积极搜索的产品规格,并订购更多这些产品.

查看演示 这里. 高级版售价30美元

#2。 WooCommerce产品过滤器

此插件可让您为访问者提供自定义过滤选项,从而使他们能够超快地寻找产品。使用此插件,您的访问者将能够根据其属性(例如颜色,尺寸,可用性,价格范围等)来过滤您的产品.

woocommerce产品过滤器插件WooCommerce产品过滤器.

您可以使用几种惊人的布局显示这些过滤器。我特别喜欢插件的侧边栏,全屏和砖石布局.

WooCommerce产品过滤器也支持工具提示,因此当用户将鼠标悬停在任何过滤选项/值上时,您可以提供其他信息。此外,WooCommerce产品筛选器还可以对客户常规使用的筛选器进行深入分析。这些信息可以让您更深入地了解客户的需求.

价钱:$ 35

WooCommerce扩展程序可控制运输,定价和折扣

正如您在上面有关WooCommerce产品配置的部分中看到的那样,WooCommerce仅对价格和发货产品提供了有限的设置。但是您可以使用以下附加组件添加高级定价和运输规则:

#1。 WooCommerce扩展优惠券功能

WooCommerce扩展优惠券 是一个免费插件,可让您设置将优惠券自动添加到买家购物车的条件。您可以使用它来设置规则,例如:如果买家的购物车价值超过$ 500,则可为其提供5%的折扣 或者其他的东西.

#2:WooCommerce动态定价 & 打折

该插件为您的产品定价引入了全新的控制水平。使用此插件,您可以使用购物车小计,购物车中的商品数等值来设置折扣规则的无限组合.

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

woocommerce动态定价扩展WooCommerce动态定价 & 打折.

您也可以免费赠予。例如: “随购买的每张照片免费提供相框”

为了吸引用户购买,您甚至可以显示促销优惠的有效期(开始和结束日期)以提高销量.

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

价钱:$ 29

#3:WooCommerce高级运输

关于运送设置,WooCommerce再次提供了一些非常基本的选项,例如提供统一费率或免费运送.

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

您可以使用重量,体积,库存状态,交货地点等属性来创建自定义运费。当购物车价值超过某些预定义的金额并且订单被运送到特定地区时,或者设置基于百分比的运送成本时,您也可以使用它来提供免费运送.

找到更多 关于插件. 价钱:$ 17

包裹起来…

WooCommerce是开设在线商店的绝佳解决方案,但您可以通过将其与易于转换的主题和某些扩展程序配对,将其功能提高100%。我希望这篇文章能为您提供入门所需的所有指导.

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

如果您正在寻找在线商店的替代品,这里有5家在线商店制造商,您可以查看.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map