16个WooCommerce支付页面优化技巧以提高转化率

16个WooCommerce支付页面优化技巧以提高转化率

作为 WooCommerce 商店的所有者,您花费了大量的时间和金钱为您的商店带来流量,然后引导您的访客实现转化,但却发现他们中的绝大多数人都没有进行任何购买就离开了。

如今有 69.57% 的购物车被放弃

要想提高商店的销售额和利润,您必须使用有效的结账优化方法。

在本指南中,我们将介绍一些结账页面优化的想法,以减少访客购买过程中的一些摩擦,帮助您最大限度地提高转化率,从而增加收入和客户。

1) 隐藏不必要的字段

约有 26% 的购物者因结账表单字段过多而放弃潜在购买。

Baymard 研究所的研究发现,结账流程中平均有 14.88 个不必要的字段

当购物者看到大量的表单字段和选择让他们完成结账流程时,通常会感到沮丧和困惑。

ast-woo-checkout-optimization-reasons-for-abandonment-new

向访客展示的表单字段越少,他们就越不会不知所措,也就越有可能转化为客户。

根据 Baymard 研究所对最大零售商的研究,实物产品的最佳选择是 6 到 8 个表单字段。

只要能减少字段数量,就能增加他们转化为客户的几率。

在标准的 WooCommerce 结账页面中,有将近 18-20 个字段。

ast-woo-checkout-optimize-default-woo-checkout

让我们来看看一些低垂的果实–您可以立即优化或删除的表单字段。

a) 隐藏公司名称

默认情况下,“公司名称”是标准 WooCommerce 结账页面中的必填字段。

如果您的销售是严格意义上的 B2C 领域(直接面向消费者),那么这个字段与他们完全无关。那么,为什么要求他们填写呢?

这里有一个例子–Square Baby Food 是一家 WooCommerce 商家,专门向父母(消费者)销售有机婴儿食品。

他们完全删除了这些字段。

ast-woo-checkout-optimize-remove-company-name-new-2

如果您既向消费者销售,也向企业销售呢?

那么您可能需要保留这个字段,而不是将其隐藏起来。

这里有一个例子–AllBlacks (新西兰国家橄榄球队)向个人球迷和公司销售商品。

他们会显示 “公司名称”,但该字段是可选的,客户可以选择填写。

ast-woo-checkout-optimize-company-name-optional-new

b) 隐藏电话号码字段

隐私是当今消费者最关心的问题,这一点不足为奇。

在 E-Marketer 的一项研究中,约 71%的消费者担心营销人员和品牌如何使用他们的数据。

因此,人们自然会对分享任何类型的个人数据(个人电子邮件、电话号码、姓名、地址、信用卡信息等)持怀疑态度。

欧盟于 2018 年推出了 GDPR,很快美国更多的州和其他地区也将跟进,以保护消费者的隐私。

要求客户分享任何个人信息已经变得很困难,这也适用于要求客户提供电话号码。

而且,事实证明,要求访客输入电话号码会降低转化率。

一家名为 “VITAL”的机构进行的一项拆分测试实验证明,通过添加电话号码字段,他们的一个登陆页面的转化率下降了 48%。

ast-woo-checkout-optimize-phone-number-results-new

这也适用于结账页面。

要求提供电话号码会增加顾客的怀疑态度,增加他们放弃购物车的几率。

WooCommerce 结账页面有一个默认的 “电话号码”字段。

我们建议您隐藏或删除该字段,除非您真的需要他们的电话号码(用于客户服务、订单确认等)。

c) 隐藏第二个街道地址字段

Baymard Institute 进行的用户体验测试中,“Address Line 2”或 “2nd Street Address”是导致访客困惑和停止购买流程的一个字段(约占 30%)。

此外,第二个街道地址并不通用。

第二地址通常只适用于少数用户(不是每个消费者都有第二地址)。

因此,我们建议您完全隐藏这个字段。

下面是一个经过优化的 WooCommerce 结账页面示例。

Scan2Cad 是一家总部位于英国的软件公司。

他们在结账页面中完全删除了第二行地址。

ast-woo-checkout-optimize-scan-cad-address-field-removed

2) 默认使用发货地址作为账单地址

正如我们在上文所讨论的那样–向访客显示的表单字段越少,他们完成结账流程的速度就越快,也就越快成为你的客户。

“账单地址” 是另一组需要访客额外按键的表单字段,会增加更多时间。

在大多数情况下,您甚至不需要他们填写。大多数客户的账单地址和送货地址都是一样的。

电子商务商家要求填写账单地址的主要原因是为了匹配支付/信用卡信息,降低风险。

但是,如果您的支付提供商(Stripe 或 PayPal)已经优化了这一流程,则可能根本不需要这一步骤。

ast-blog-woo-checkout-optimize-shipping-address

3) 减少优惠券的显著性

优惠券在帮助您的电子商务业务增长方面肯定有其作用。

您可以用它们来吸引新顾客光顾您的商店。

您可以用折扣来吸引 “橱窗购物者”,从而鼓励他们转化。

此外,优惠券还可以用来争取新客户,然后在未来对他们进行潜在的追加销售。

优惠券也有其缺点。

最明显的当然是,它降低了企业的利润率。

此外,它也给了访客一个离开结账页面的理由。

顾客可能已经准备好购买,但他们看到了优惠券栏。

那么他们会怎么做呢?

他们离开购物车,去网上搜索促销代码。

作为购物者,我们都会这样做,对吗?

WooCommerce 结账就存在这个普遍问题。

默认情况下,优惠券部分会显示出来,很难不被忽略。

有很多有创意的方法可以解决这个问题。

您可以完全隐藏优惠券,或者将其重命名为其他字段。

您还可以将表单字段的位置移动到其他位置,最好是在必填表单字段的上方。

下面是一个例子。

One Leaf Shop使用 WooCommerce 销售有机肥皂。

他们在其他必填表单字段上显示了一个 “有优惠券吗?

当访问者点击该按钮/图标时,它将展开

这比默认设置的破坏性要小。

ast-woo-checkout-optimize-coupon-option-newast-woo-checkout-optimize-coupon-option-section-new

4) 使用内联错误验证

另一个 WooCommerce 结账页面默认设置是在页面顶部显示所有错误信息。

对于访问者来说,这是一种令人沮丧的用户体验,而且肯定会拖慢结账流程。

现在,用户必须搜索相应的字段并逐一进行必要的更改。

这也是不好的用户体验做法。想象一下,顾客看到顶部闪烁的巨大红色信号,会是什么感觉?

ast-woo-checkout-optimize-require-inline-error-validation-new

取而代之的是使用内联错误验证。

启用此功能后,访问者就能清楚地知道他们需要修改哪些内容才能继续下一步。

下面是一个例子,请看我们 Cartflows 的结账页面。

错误信息显示在相应字段的内嵌字段中。

这使得用户界面更加简洁,用户也能清楚地知道需要在哪些地方进行更改。

ast-woo-checkout-optimize-inline-error-validation-example-new

5) 删除表单字段中的标签

绝大多数电子商务网站都在所有表单字段中使用标签。

这看起来确实像是在通过显示所有需要用户填写的信息来引导用户。

然而,可用性测试和研究表明,标签会造成更多混乱。

它们实际上增加了用户填写字段的难度

UX Matters 进行的一项研究发现,最有效、最值得推荐的方法是不使用内嵌标签,而是将它们显示在输入字段的上方。

这里有一个例子–CoffeeBros 在网上销售咖啡豆,他们使用的是 WooCommerce。

第一印象–他们的结账页面用户界面非常简洁。

因为没有标签,所以看起来很整洁。

对于访问者来说,他们清楚地知道要填写什么,因为标签就放在输入框的上方。 这也为用户提供了非常友好的移动结账体验。

ast-woo-checkout-optimize-clean-ui-checkout-new

6) 消除页面干扰

结账页面的最终目标是什么?

更多转化、更多销售、更多客户,对吗?

如果这是目标,那么就不要显示任何不需要显示的内容。

显示的可点击按钮越多,如产品、社交媒体图标等。- 他们就越有可能点击并离开结账页面。

这同样适用于着陆页面和电子商务结账页面。

下面是 Cavour (一家高端男装店)的一个很好的例子。

在我们的研究中,这可能是我们遇到过的最简洁的 WooCommerce 结账页面之一。

他们完全去掉了页眉和页脚,这个页面只显示完成销售所需的消费者信息。

ast-woo-checkout-optimize-distraction-free-checkout-new

7) 自动检测他们的国家(使用 IP 地址)

如果您的访客来自世界各地,那么您的支付选项、运输选项、货币等都必须根据他们的所在地进行更改。

您甚至可能无法向该国发货或销售。您最好事先告诉他们,而不是让他们经历整个过程,最后却大吃一惊。

要解决这个问题–使用自动检测他们的 IP 地址。

根据他们的 IP 地址,您的结账页面会自动选择他们所在的国家,并显示正确的信息。

这里有一个例子:Chuckling Goat 在英国生产和销售羊奶和羊奶副产品。

我们在研究他们的结账页面时,网站自动检测到我们不在英国,并显示了这条信息。

这就节省了访客的时间,他们会立即收到是否能买到产品的通知。

ast-woo-checkout-optimize-auto-detect-country-by-ip-new

8) 根据邮编自动检测地址

约有 4.7% 的消费者会出现发货错误。

这个数字看起来并不大,但每一次发货错误都会让您这样的商家平均损失 35 到 70 美元。

从长远来看,这无疑会增加并影响您的利润率。

为了降低将商品发送到错误地址的风险,请使用邮编/邮政编码验证。

这将降低您的总体运费。

它还能减少访客需要填写的表单字段数量,从而节省时间并降低购物车放弃的几率。

有一些 WooCommerce 扩展工具可以帮助您解决这个问题。

您只需询问他们的邮政编码,地址验证就会自动完成。

ast-woo-checkout-optimize-postal-code-in-action

9) 包括多种付款方式

6% 的用户放弃购物车是因为没有足够的支付选项。另有 4% 的用户因为信用卡被拒而放弃购物车。

ast-woo-checkout-optimize-reasons-for-abandonment-due-to-payment-new

在移动为先的数字世界里,消费者拥有比以往更多的支付方式,他们希望在购物时有更多的选择(无论是线下还是线上)。

如果您只提供传统的选择(VISA、万事达卡),那么您就会错过那些不想使用这些卡而希望使用其他卡或系统付款的客户。

ast-woo-checkout-optimize-payment-options

我们一直在讨论无障碍结账流程,其中一个明确的方法就是为客户提供多种付款方式。

这里有一个例子 –OneStop Map是一家销售数字地图的 WooCommerce 商店。

他们提供多种信用卡选项(Visa、MasterCard、Amex、Discover、JCB),因此可以满足所有信用卡持有者的需求。他们还提供使用 PayPal 付款的选项,PayPal 作为电子商务付款的一种选择在不断增加

ast-woo-checkout-optimize-payment-options-example-new

10) 突出安全和信任印记

正如我们之前所讨论的,隐私是当今消费者最关心的问题。

在一些调查中,多达 61% 的参与者表示,他们曾决定不从商店购买产品,因为产品缺少信任标识或没有 SSL 加密。17%的购物车因为顾客不放心而被放弃。

为了让客户放心并感到安全,请添加信任标记。同时,确保您的网站采用 SSL 加密。

Blue Fountain Media对他们的结账页面进行了分拆测试–仅仅通过添加威瑞信信任标记,他们就发现转化率提高了 42%

这里有一个例子–Ghostbed,一家床垫零售商,在他们的 WooCommerce 结账页面上突出显示了他们的诺顿信任印章。

ast-woo-checkout-optimize-best-example-security-seal-new

11) 向客户保证他们的信用卡信息是安全的

约 18% 的客户或消费者在不确定其信用卡安全的情况下会离开购物车。信用卡欺诈每年都在增加,客户希望确保在您的网站上购物不会成为欺诈的受害者。

ast-woo-checkout-optimize-trust-issues-new

通过安装 SSL、添加信任印章和明确显示隐私政策,您可以减少他们的恐惧,并保证从您这里购物是安全的。

我们选择在 Brainstorm Force 的许多结账页面上这样做。我们在一个区域显示了信任印章和我们的所有政策。我们发现这样做非常有效,因为游客在开始输入付款信息之前就已经看到了。

ast-woo-checkout-optimize-example-trust-seal-and-policies-new

12) 突出客户评论

大量网站访客还没有准备好购买。

他们是 “橱窗购物者”,只是在浏览或查看价格。

因此,一旦他们访问结账页面,他们肯定会跳转。

你不可能让他们全部转化,但你肯定可以通过展示一些社会证明来影响一些人。

客户评论就是一个很好的例子。

亚马逊就是使用客户评论的最好例子。

如果您尝试在亚马逊上购买任何商品,他们都会出色地展示评论。

ast-woo-checkout-optimize-display-reviews-new

Ghostbed 是一家 WooCommerce 商店,它通过在结账页面和主页上显示客户评论很好地做到了这一点。

甚至在客户进入结账阶段之前,他们就已经知道该产品已经被 17000 多名其他客户购买并评论过,从而获得了安慰和信心。

ast-woo-checkout-optimize-display-customer-reviews-new

13) 发送购物车提醒邮件

电子邮件营销仍然是最有效的营销渠道之一–在电子邮件营销上每花费 1 美元,就能产生 32 美元的投资回报率

要想充分发挥电子邮件营销的功效,电子商务无疑是其中之一。

发送购物车放弃电子邮件几乎是所有大型零售商广泛采用的策略。

为什么呢?因为它有效!

GetElastic 的一项研究发现,将近 50% 的购物车放弃邮件被打开,其中超过三分之一的人点击返回网站并最终购买。每一封购物车放弃邮件都能带来 5 美元的收入。

(信息图表如下)。

ast-woo-checkout-optimize-abandonment-email-infographic-new

因此,你可以理解为什么几乎所有大型零售商都会使用这种结账优化方法。

购物车放弃电子邮件不仅是让用户再次光顾的简单而聪明的方法,而且还能增加收入(回收购物车的平均订单价值比正常购买高 19%)。

我们开发了一个免费的购物车提醒插件,可以帮助您实现这一目标。

该插件可帮助您从头开始创建电子邮件,甚至使用其中已有的成熟模板。

您还可以将它与 Mautic、ActiveCampaign 等外部工具集成,以管理您的电子邮件营销活动。

Cart-Abandoned-Followup-Emails

14) 添加退出意图弹出窗口

减少购物车放弃率的一个简单易行的解决方案是提供退出意图。 这无疑是在客户离开网站前挽回客户的最后一搏。

退出意图被广泛应用于许多地方–网页、博客文章、登陆页面,当然还有电子商务。

事实证明,它能挽救约 10% 至 15% 的放弃购物车访客。

cpro-exit-intent-popup

退出意向的另一个好处是,它可以帮助你获取他们的电子邮件地址(至少是),你以后可以用它来培养他们。

与传统的电子邮件营销活动相比,培育营销活动的回复率为 4%-10%

这让您有机会与访客建立关系,从而为他们未来的购买预热。

15) 添加一个闪烁的浏览器标签

在结账过程中,您的访客可能会去竞争对手的网站或亚马逊网站比较价格。

他们甚至会打开一个新标签来搜索优惠券或促销代码。

此时,他们的注意力已经不在你的网站上,而是在另一个页面/标签上。

您可以使用闪烁的浏览器标签,将他们的注意力拉回到您的网站上。

您可以在浏览器标签中设置自定义通知,提示他们回到您的页面。

这还能为您省钱。在您将资金投入到重定向广告之前,这可能是一个简单的解决方案,可以让这些客户立即回到您的网站。

下面是一个电子商务商店 ThreadJungle 浏览器标签的好例子,该商店销售街头服饰。

在下图中,你会发现只要我们打开另一个标签页,ThreadJungle 浏览器标签页就会显示一条信息 “你忘了东西”。

这无疑吸引了我们的注意力,吸引我们回到他们的网站。

ast-woo-checkout-optimize-flashing-tab-example-1024x664-1

16) 添加订单提升

不要与交叉销售或追加销售混淆,订单突起是一种有效的结账优化方法,可以最大限度地提高单个客户的 AOV(平均订单价值)。

在顾客准备完成交易前的结账过程中,会显示订单提示。

它可以是补充产品,也可以是他们准备购买的产品的附加产品。

需要注意的主要一点是,跳单的价值必须小于原始购买。

这里有一个典型的例子–每当你从亚马逊购买任何电子产品时,他们总会在你最后结账前显示延保选项。

亚马逊订单提升的另一个例子是 “优先送货”。

订单刺激之所以有效,是因为客户已经做好了从您的商店购物的准备。

心理阻力已经降低,他们更有可能购买额外的商品。

下面是 Designrr (电子书制作软件)的一个例子。

在 “立即购买”按钮上方,他们显示了一个带有限量优惠的订单凸起。

价格相对较低,而且由于该产品与最初购买的产品相关,因此客户更有可能探索该产品。

ast-woo-checkout-optimize-add-order-bump-new

小结

我们已经介绍了 16 种行之有效的结账优化方法,您可以立即使用这些方法来减少购物车放弃率,提高店铺销售额。

评论留言