如何在移动设备上解锁 WooCommerce 的强大功能

已发表: 2017-04-19

随着制造商在移动设备中加入更多功能——并且它们在全球范围内随手可得——我们将它们用于一切可能的趋势已经急剧上升。

如果您可以在手机上完成相同的任务,为什么还要拿起笔记本电脑或坐在台式电脑前? 更大的屏幕尺寸和改进的硬件意味着它们同样易于用于游戏、研究、记笔记……和在线购物。

但是,通过手机查看您商店的消费者与通过手机购买商品有很大不同。 iAquire 和 SurveyMonkey 的一项研究发现,如果他们访问的第一个网站不适合移动设备,40% 的移动用户会离开网站并返回搜索结果。

想象一下将跳出率降低 40%。 现在想象一下,让更多的访客留在您的商店可能会对您的销售产生什么影响。

如果您的 WooCommerce 支持的商店不适合移动访问者,那么您将把钱留在桌子上。 幸运的是,有一些简单的方法可以改善您的商店——无需进行昂贵的重新设计——这将帮助您留住更多的购物者,并有可能提高他们的购买数量。

让我们看看如何使用内置的设计选项、理想的支付网关和一些惊人的扩展来解锁 WooCommerce 对移动购物者的隐藏力量。

查看您的主页、产品页面和结帐体验

响应式设计——网站设计会自动放大或缩小其内容以匹配查看者的屏幕尺寸——当移动友好的话题出现时,你通常会首先听到。

但是,您可以做更多的事情来改善小屏幕购物者的体验,而不是切换主题并收工。 WooCommerce 具有内置选项和付费扩展,可以让您改善布局并提高购物者的幸福感。

让我们一一介绍。

减少您的主页内容以避免滚动过载

您商店的主页通常(但不总是)是新购物者首先了解您的业务、您销售的产品以及您与竞争对手有何不同的地方。

在第一个关键页面上尽可能多地填充信息是很诱人的,但请记住,在桌面上看起来很棒的东西可能会转化为在移动设备上无休止的滚动。 大型图形和菜单可能会按比例缩小,但产品列表、文本块和小部件内容区域可能会在这些小屏幕上占用太多空间。

滚动,滚动,滚动……

为避免用太多信息轰炸购物者,请将您的主页限制为“关键任务”项目。 这可能意味着一个响应式图形或滑块、指向产品类别页面的链接以及一些文本。

请记住,您可以轻松地将主页访问者引导到其他地方:例如,如果您想展示您最受欢迎的产品,请将列表限制为 3-4,然后在新页面上使用短代码以显示任意数量的产品。 这将帮助您节省空间促进销售。

确保产品易于访问

正如我们刚刚提到的,您可以轻松地将新购物者(或回访者)从您的主页链接到类别或产品页面。 但是主页链接只是使产品易于从移动设备访问的一个步骤

移动购物者需要能够快速找到并了解您销售的商品,并以他们喜欢的方式进行。 实现这一点的一些提示:

  • 确保您的商店菜单链接到类别和/或产品页面并且购物者无需浏览多个屏幕即可找到这些链接。
  • 仔细检查您的站点搜索是否在小屏幕上既可访问又易于使用
  • 同样关于搜索的主题——如果你销售很多产品,可以考虑尝试像 WooCommerce 产品搜索这样的扩展来“权衡”最受欢迎或最重要的产品,这样移动购物者就不必筛选数十个结果来寻找他们想要的东西已经知道了。

使结帐尽可能简单(和快速)

最后,看看您在小屏幕上的结账体验。 这可能是放弃购物车的一个重要因素,尤其是当您要求提供太多信息或流程耗时过长时。

如果付款过程繁琐或需要很长时间,购物者就不太可能完成付款过程。 没有什么比最终失去潜在客户更痛苦的了!

如果在结账时要求购物者填写不必要的字段(例如,如果在您销售的都是数字商品时要求他们提供送货地址),请考虑使用结账字段编辑器扩展来删除、添加或更改这些字段并使体验尽可能顺畅。

如果您担心结帐本身会导致问题,您可以随时尝试将其减少到一个页面,如果它当前正在执行多个步骤。 您可以在此处详细阅读有关优化结帐流程(以及如何知道哪个选项最适合您的商店)的信息。

您可能还想考虑付款方式如何减慢结账速度。 我们将讨论一些您可以稍后尝试的替代选项。

利用适合移动设备的产品库

购物者在做出购买决定时会考虑很多因素,从文案到评论。 您可能已经知道,您产品的照片或图像对他们是否点击“购买”也有很大影响。

如果您的移动购物者无法从他们的设备上正确查看和浏览您的产品图片,他们可能不太可能进行购买。 幸运的是,在我们最新的版本中,我们已经在 WooCommerce 中构建了一种令人惊叹的移动友好体验。

WooCommerce 3.0 包含一个新的产品库,极大地改善了移动体验。 借助新图库,图像现在可以在移动设备上以真实尺寸显示。 此外,触摸手势也得到了改进——您可以左右滑动以滚动图像、捏合以缩放、向上滑动以关闭等等。

更新的画廊在每台设备上都很棒,提供改进的缩放和详细的画廊视图。

如果你还没有更新,你可以在这里找到更多关于 WooCommerce 3.0 的信息。

让移动购物者更快、更轻松地付款

当客户真的想给你他们的钱时,没有什么可以阻止他们。 但有时您选择的支付处理器可能会干扰这些最后的步骤,这仅仅是因为它们对于不耐烦的购物者来说有点太慢或太乏味了。

一旦你在购物车的路上解决了所有其他因素,你应该让那些小屏幕的人在支付过程中变得无忧无虑。 好消息:您可以通过各种 WooCommerce 扩展程序接受快速或一键式移动支付,包括:

  • Apple Pay——通过 Stripe 支付网关提供, Apple Pay 提供一键式支付,并使用安全存储的信息使订购变得快速、简单和超级安全。
  • PayPal — PayPal 的移动体验快速、简单且在许多国家/地区受到信任。 由于采用 2 因素身份验证,它也非常安全,客户可以通过安全存储的卡或银行信息进行支付。
  • Amazon Pay——这个免费的扩展让您的客户可以使用已经存储在 Amazon 的信息来支付他们的订单。 奖励:客户永远不会离开您的网站。 双倍奖励:它与 WooCommerce 订阅兼容。

或者,如果您恰好位于信用卡未广泛在线使用的南非,您可以通过 SnapScan 进行付款。 这允许购物者使用存储的支付详细信息来支付移动订单(或者,如果通过桌面购物,则扫描二维码并使用手机支付)。

有很多适合移动设备的选项,它们都有自己的好处,所以看看 WooCommerce 支持的支付选项,如果你找到了新的最爱,请告诉我们。

优化小屏幕购物体验的扩展

我们已经提到了一些 WooCommerce 扩展,它们可以帮助您的移动购物者轻松查看产品详细信息、快速付款或轻松完成结帐。 但是还有很多方法可以优化小屏幕上的购物体验

使用扩展将您的商店提升到一个新的水平(并使移动购物者更加快乐)。

这里还有一些扩展可以尝试:

  • WooCommerce 社交登录——允许购物者通过 Facebook、Twitter 等创建或登录他们的帐户,无需其他密码,并使回头客的登录过程超级快捷
  • 变体色板和照片 —摆脱用于选择产品变体的难以点击的下拉菜单,并将其替换为可用选项的色板或照片
  • 推荐引擎——在每个页面上推荐相关产品,以便移动客户继续浏览,而无需返回类别页面或开始新的搜索
  • 一页结账 — 非常适合让客户无需离开页面即可立即购买产品,因此无需采取额外步骤即可进行购买
  • Reactor —为您的商店构建您自己的自定义应用程序,让移动购物更加轻松,并获得推送通知等额外功能

将您的网站迎合移动购物者并观看销售额飙升

随着移动设备变得越来越强大,越来越多的消费者使用它们在线购物,您会发现拥有响应式主题是不够的。 幸运的是,WooCommerce 有很多选择可以帮助您。

另一件需要考虑的事情:你可以无限地改变你的商店来迎合你的购物者最喜欢的东西。 因此,如果您的移动客户在您没有产品副本的情况下购买更多产品(或者有很多产品副本),那么没有什么能阻止您更改设计或内容以满足他们的需求

我们希望这些想法从长远来看对您有所帮助! 对使用 WooCommerce 挖掘移动设备的力量有任何疑问吗? 评论是开放的,我们总是喜欢收到您的来信。

推荐阅读:

  • 您的商店适合移动设备吗? 如果没有,这是该怎么做
  • Apple Pay for WooCommerce 如何让移动购物变得轻松