优化 WooCommerce Checkout 的 9 个最佳插件
已发表: 2022-09-15这不仅是 WooCommerce 结帐插件的列表帖子。 因为在这里,您还将了解哪种结账类型最适合您的业务以及为什么,以及每种结账方式的插件。
此外,您还将看到一些基本的编码方面来自定义您的 WooCommerce 结帐页面以及一些增加销售额的策略。 那么让我们开始吧。
WooCommerce 结帐就像一种引力

正是从苹果中,牛顿发现了引力——拉力或吸引力。 正确的?
同样,在 WooCommerce 中,您如何设计结帐流程或结帐页面,将访问者从购买阶段拉到您的付费客户数据库。
结帐页面是您获得资金的地方。 你确保你做对了。
但是标准的 WooCommerce 结帐不会每次都转换
现在,如果您的用户已进入购物车或结帐页面,这就是一项成就。 没有多少人能正确设计他们的销售漏斗。
但默认的 WooCommerce 结帐页面并不总是有效。
为什么?
因为所有的客户都不一样。 有些人可能会发现填写表格很麻烦,有些人可能会发现步骤混乱,有些人可能会发现不需要的字段。 这迫使客户立即离开结帐。
如果您的结帐流程未优化,无论您的报价或产品多么强大,客户都会放弃它。
为了扭转这种情况,必须修改结帐体验,以便用户顺利无忧地通过购买阶段。 它涉及努力,但产生的结果非常富有成效——更多的销售、潜在的潜在客户、更多的客户忠诚度等。
也就是说,让我们进入文章的核心部分。
如何自定义 WooCommerce 结帐 - 插件 v/s 编码
现在这里有两种方法。
一种方法是重新设计您的结帐流程或体验(可能包括结帐页面)——例如跳过购物车页面。
其他方法是仅修改默认的 WooCommerce 结帐页面——例如添加或删除字段。
对于一些人来说,编码是一种激情。 所以他们会坚持使用代码并自定义结帐页面。
然而,对于营销人员、店主甚至为客户工作的开发人员来说,他们正在根据自己的需求寻找一些快速的解决方案。
这就是我们在下面列出的内容。 根据您的商店类型或您销售的产品,不同类型的 WooCommerce 结帐插件。
我们还介绍了一些编码位来自定义 WooCommerce 结帐页面。
提供突破性结果的最佳 WooCommerce 结帐类型和插件
这些分为五种类型,以增加销售线索和增加在线收入:
- WooCommerce 直接结帐
- WooCommerc 一页结账
- WooCommerce 一键结账
- WooCommerce 多步骤结帐
- WooCommerce 自定义结帐
注意- 每个利基的结帐可能不同。 不止一种结帐类型适用于特定的利基市场。 根据您的分析数据确定最适合您的利基市场完全是您的选择。
让我们更详细地了解每种类型的 WooCommerce 结帐及其插件。
WooCommerce 直接结帐

我们列表中的第一种结账方式是 WooCommerce 直接结账。 在这里,用户跳过购物车,直接进入结账页面。
有什么好的:
- 由于更快的结帐过程,从用户体验的角度来看非常棒
- 更快的订单处理
什么不好:
- 用户无法查看购物车或修改购物车项目
- 当购物车中有多个产品时不适用
但是,这些限制也可以通过使用 Cashier 插件的侧推车面板来解决。
最适合 WooCommerce 商店销售:
- 数码产品
- 首饰
- 音乐项目
- 家居和装饰品
- 预订
- 健康和健身产品
顺便说一句……适用于 WooCommmerce 直接结账的相同企业也可以选择 WooCommerce 一键结账,反之亦然。
七个流行的插件进入我们的列表。 我们已经介绍了以下三个最受欢迎的。
在此处查看所有 WooCommerce 直接结帐插件
WooCommerce 的收银员

收银员插件可在 WooCommerce 市场上获得。 它可以帮助您优化结帐渠道。 收银员将帮助您添加“立即购买”按钮或链接,单击哪些用户可以跳过购物车并继续结帐。
收银员还可以跳过结账和付款步骤,根据客户之前的订单和付款详情,一键完成订单。
主要特点:
- 为已登录的客户自动填充运输和计费相关信息
- 自动推荐经常一起购买的商品
- 在产品页面上同时显示 WooCommerce 添加到购物车和立即购买按钮
- 通过电子邮件、社交媒体分享“立即购买”链接,或将它们嵌入您网站的任何位置
- 一键结账适用于这些付款方式——Stripe、PayPal Standard、Braintree、Authorize.Net、支票付款、直接银行转账和货到付款。
- 启用侧购物车面板以允许用户从结帐页面查看和修改购物车项目
- 使用添加到购物车链接将用户重定向到任何页面
- 设置最小-最大数量
- 简单和可变产品的商品成本指标
定价: 49 美元
为 WooCommerce 插件获取收银员
WooCommerce 智能优惠
基于亚马逊的一键购买模式,StoreApps 的WooCommerce Smart Offers是原创且成功的一键结账插件,可跳过购物车、结账、支付屏幕,一键完成订单。
您可以为整个商店启用“立即购买”,或为您选择的产品创建特殊的“立即购买”链接。 您甚至可以嵌入优惠券、选择送货并通过“立即购买”链接重定向到您选择的页面。
主要特点:
- 适用于来宾和登录用户
- 至少之前有一个订单的客户,一键完成支付。
- 使用户能够根据定位规则创建一键式 WooCommerce 追加销售、BOGO、订单颠簸和其他优惠类型。
定价: 99 美元
获取智能优惠插件
桃付

PeachPay 是一家由 WooCommerce 支持的公司,它允许在产品页面上通过易于实施、转换优化的结账窗口进行直接结账。
主要特点:
- 记住之前在其他商店购买过 PeachPay 的客户
- 完全可定制的结帐按钮(颜色、宽度、文本、圆角、发光效果、按页面禁用等等……)
- 完全可定制的窗口(附加字段、优惠券/折扣字段、追加销售/交叉销售、相关产品、产品图像等……)
- 支持四种支付方式:Stripe、PayPal、Apple Pay 和 Google Pay
- 多币种/多语言功能
- 在向客户展示之前在现场试用 PeachPay 的测试模式
定价:免费
获取 PeachPay
WooCommerce 单页结帐/WooCommerce 单页购物

WooCommerce 单页结账或 WooCommerce 单页结账流程将整个购买流程放在一个页面上。 您的产品、购物车、结帐单、付款详情都在一个页面上。
此结帐适用于销售单一产品、非常昂贵的产品、最多具有三个或四个定价计划的数字产品的 WooCommerce 商店。
有什么好的
- 低放弃率作为一个页面上的所有内容
- 增加销售额
什么不好

- 页面上有很多混乱和笨拙
- 单页字段过多导致速度慢,用户体验差
- 不能用于具有多个产品类别的行业
最适合 WooCommerce 商店销售:
- 数码产品
- 俱乐部会员资格
- SEO服务,网络开发
- 托管
- 活动、音乐会
这里有六个流行的插件。 我们在下面介绍了最受欢迎的一种。 在此处查看所有 WooCommerce 一页结帐插件。
Woocommerce 单页结帐

这是 WooCommerce.com 上的官方单页结帐扩展。 该插件在单个页面上显示产品功能和结帐,为用户提供简单无缝的购物体验。 客户可以在购物车中添加或删除产品,并在不离开页面的情况下完成付款。
主要特点:
- 简单的无代码设置
- 内置和自定义模板以适合您的网站
- 为特殊活动、促销活动或精选客户创建独特的登录页面
- 与流行的 WooCommerce 扩展兼容——连锁产品、智能优惠券、订阅、预订等
定价: 79 美元
获取 WooCommerce One Page Checkout 插件
WooCommerce 一键结账

在 WooCommerce 一键结帐类型中,整个购物车页面甚至结帐页面都被跳过。 用户只需单击按钮即可购买产品。
它使用从先前会话中获取的客户预先填写的数据来进行购买。 在这种情况下,付款信息不会与运输详细信息一起捕获,而是从预定义的条目中提取。
有什么好的
- 即时结账
- 不涉及购物车、结帐、付款阶段
- 回头客的理想选择
- 最适合一键加售
什么不好
- 不考虑由于账单或银行详细信息的变化而可能需要进行的修改。
最适合 WooCommerce 商店销售:
- 图书
- 文献项目
- 健身咨询
- 数码产品
- 医疗设备
- 照片
在上述情况下,用户几乎完全确定他们需要什么。 因此,一键结账是最佳选择。
现在,我们在此类别中有两个一键式结帐插件。
WooCommerce 的收银员
如上所述,除了直接结账选项外,Cashier 插件还可以根据客户之前的详细信息一键完成结账。 该插件可在 WooCommerce 官方网站上找到。 它可以帮助您优化结帐渠道。
为 WooCommerce 插件获取收银员
WooCommerce 智能优惠
WooCommerce 智能优惠插件也属于此类。 您可以为每个产品或整个网站嵌入“立即购买”按钮,如果以前的详细信息可用,则单击用户可以一键完成订单。
获取智能优惠插件
WooCommerce 多步结帐

第四种结账类型是最常见的,被许多人使用——WooCommerce 多步结账。 在这里,有多个页面可以收集产品级数据和运输/付款详细信息。 在类别、产品功能和支付方式方面为用户提供了多种选择。
有什么好的
- 确保用户在购买产品期间深入到最细微的细节,以确保获得满足的体验。
- 用户可以轻松地在多个步骤之间导航以重新确认详细信息或放心。
什么不好
- 与其他结帐类型相比,放弃率更高
- 了解此阶段的分析以进行改进是一项复杂的任务
- 占用用户大量时间
最适合 WooCommerce 商店销售:
- 电子产品
- 服装和时尚配饰
- 婴儿用品
- 零售/快速消费品/杂货
- 食品和饮料
- 款待
- 金融和银行服务
我们在这个类别中有两个流行的插件:
结帐WC
CheckoutWC 是一个顶级和流行的 WooCommerce 多步骤结帐插件。 该插件以美观、响应迅速且转换优化的设计取代了您的结帐页面。

主要特点:
- 适用于所有 WordPress 主题开箱即用。
- 无需配置或编码知识。
- 允许您的客户在没有任何其他信息的情况下创建帐户。
- 卡片编辑功能允许您的客户在结账时直接编辑他们的购物车。
- 具有使用 Google 地图自动完成地址字段的地址自动完成功能。
- 支持大多数网关、运输提供商和附加组件
定价:提供 7 天免费试用,Pro 计划起价 149 美元。
获取 CheckoutWC 插件
ARG 多步结账
ARG 多步结账插件也是一个顶级、快速和可靠的多步结账插件。 您可以通过划分默认 WooCommerce 结帐流程中最重要的元素来获得更好的用户体验。
主要特点:
- 与所有基于 WooCommerce 和 WordPress 的主题兼容
- 跨浏览器兼容,完全可定制和完全响应
- 出色的用户界面和体验,在更改和验证步骤时具有流畅的动画
- 一个强大而可靠的分步 jQuery 表单验证
- 内置登录/注册步骤(两种布局)
- 内置订单审核步骤
定价: 19 美元
获取 ARG 多步结帐插件
WooCommerce 自定义结帐
在这里,您正在使用现有的 WooCommerce 结帐页面,其中包含插件并根据您的需要修改字段。
自定义结帐消除了非优先字段并重新组织顶部的主要字段,因此您只处理从用户角度来看重要的内容。
最好在最终确定正确格式之前对字段进行 A/B 测试。
有什么好的
- 用户可以根据自己的选择添加或删除字段
- 灵活修改标志、字体、颜色、链接等参数。
什么不好
- 如果不使用插件,则需要编码知识
- 错误的字段放置或缺少字段有时会适得其反
最适合 WooCommerce 商店销售:
- 服务
- 电子书
- 数码产品
- 零售/快速消费品/杂货
- 电子产品
在这种结帐类型中,我们介绍了三个插件:
WooCommerce 的快速结帐

Express Checkout 是一个流行的 WooCommerce 数字下载插件,它消除了虚拟和可下载产品(与运输和计费相关)的不必要的详细信息部分,并确保为客户提供快速顺畅的结帐流程。
主要特点:
- 让您可以选择在结帐页面上看到的参数和不显示的参数
- 由于表单更短,结账速度更快
定价: 39 美元
获取 WooCommerce 插件的 Express Checkout
WooCommerce 结帐附加组件
此扩展程序允许您向结帐页面添加几个附加选项,并确定哪些是免费的或付费的。 您还可以根据闪亮的新选项对订单进行排序和过滤。
主要特点:
- 创建许多自定义字段类型——文本、文本区域、下拉菜单(即选择字段)、多选、单选按钮、复选框、多复选框列表和文件上传
- 追加销售其他产品和服务
- 在选择或修改选项时在结帐时动态更新订单详细信息和总数
- 根据客户与现场的交互方式,可选择添加固定金额或基于百分比的成本
定价: 79 美元
获取 WooCommerce Checkout 附加组件插件
WooCommerce 的结帐字段编辑器(结帐管理器)
结帐字段编辑器插件提供了一种简单的方法来自定义(添加、编辑、删除和更改显示顺序)您在 WooCommerce 结帐页面上显示的字段。
主要特点:
- 无需编码
- 易于安装/可自定义的字段功能
- 17 种自定义结帐字段类型
- 自定义、禁用或删除默认 WooCommerce 字段
- 使用自定义挂钩对开发人员友好
- 根据方便重新排列所有字段和部分
- 创建您自己的自定义类来设置字段样式
定价: 49 美元
获取结帐字段编辑器插件
使用编码自定义 WooCommerce 结帐页面
呸! 这些是您可以使用并完成工作的一些非常好的插件。 简单且具有成本效益。
现在让我们看看自定义结帐页面的一些技术方面。
这是一个将自定义字段添加到结帐页面的示例。 我们想在结帐页面上添加年龄。
首先,您需要对functions.php 文件进行操作。
< ?php /** * 结帐页面添加年龄字段 */ add_action('woocommerce_after_order_notes','add_custom_age_field_on_checkout'); 功能 add_custom_age_field_on_checkout( $checkout ) { 回声'' . __('标题')。 '
'; woocommerce_form_field( 'add_age_field',数组( '类型' => '文本', 'class' => array('age-field-class form-row-wide' ), 'label' => __( '输入你的年龄' ), '占位符' => __( '年龄' ), '必需' => 真的, ), $checkout->get_value('add_age_field') ); 回声''; }
接下来,您需要编写数据验证代码。
< ?php /** * 结帐流程 */ add_action('woocommerce_checkout_process', 'customise_checkout_field_process'); 功能 customise_checkout_field_process() { // 如果该字段已设置,如果未设置则显示错误消息。 if ( !$_POST['add_age_field'] ) { wc_add_notice( __( '请输入您的年龄。' ) , '错误' ); } }
接下来,您需要编写以下代码来确认客户端输入自定义字段的详细信息是否正在保存。
< ?php /** * 更新字段值 */ add_action('woocommerce_checkout_update_order_meta','customise_checkout_field_update_order_meta'); 功能 customise_checkout_field_update_order_meta( $order_id ) { if ( !empty( $_POST['add_age_field'] ) ) { update_post_meta( $order_id, 'customer_age', sanitize_text_field( $_POST['add_age_field'] ) ); } }
因此,您可以将自定义字段添加到您的 WooCommerce 结帐页面。
但是但是但是……这是为了添加一个自定义字段。 想象一下,如果您需要添加多个自定义字段。 或者,如果您想删除某些字段,则需要编写另一段代码。
你愿意花时间在这上面吗? 如果您不喜欢编码并犯了错误怎么办?
所以,切换到插件,让你的生活更轻松。
如何衡量每次结账的成功率?
只是一个基本的公式。
将感谢页面的唯一页面浏览量除以查看结帐的人数。
例如,unique views = 5885/9900 显示结账成功率为 59%。
结账前后增加销售额的策略
获得正确的结帐并不是获得销售的唯一要求。 这完全取决于您在结账前后如何让用户保持参与。 因此,这里有一些策略可以鼓励用户通过产品阶段并在完成购买后支付更多费用。
五个有效的付款/结帐策略
用户只有在获得质量、信任和长期友好的保证时才会转换。 以下是一些经过时间考验的技巧,可以在购买前影响销售:
- 列出优惠/交易/优惠券——以交易的形式推广增值功能或产品可以提高忠诚度和长期价值。
专业提示- 订单提升优惠是您在结帐页面上提供增值产品的最佳选择。 - 推荐书——在产品页面上列出推荐书、案例研究、评论和评级,以传递融洽和信任。
- 特价商品——在购物车页面上展示补充产品将刺激网站页面的额外浏览量,并可能影响更多销售。
- 访客结帐选项– 厌倦了填写长字段的苦差事的用户可以使用访客帐户直接结帐,其中详细信息将在稍后阶段介绍。
- 免费送货- 免费午餐是最常见的格言,但在电子商务中,我们可以利用这一点。 免费词是一种常见的策略,其中用户由于购买阶段的增值而被诱使购买。
四种有效的付款/结帐策略
对销售满意吗? 您不应该这样做,因为在付款完成后您仍然可以追加销售或交叉销售。 下面列出了一些购后促销策略:
- 展示类似产品——在购买后立即展示打折或热销商品。 在这个阶段,一键追加销售是您最好的选择。
- 推荐朋友/在社交媒体上分享——满意的用户是一种资产,可以将欢呼传播给其他人。
- 反馈/建议——即使在购买之后,您也永远无法衡量用户的幸福指数,可能会有一些突发奇想。 因此,请保持选项开放,通过评论/建议来表达他们的意见。
- 重定向广告——中途离开购买渠道的用户可以通过发送个性化的电子邮件活动,使用重定向广告方法再次成为目标。
开始获得更高的转化率
对于无缝且结构化的结账功能,请采用结账优化措施,以帮助您的在线商店长期获得回报。 无论是选择一键结账还是直接结账,请确保它适合您的行业和客户的需求。
Cashier、One Page Checkout、CheckoutWC 等插件派上用场,可以收集蒸汽和参与度,并有助于进一步推动价值链。 选择最适合您的预算和规格的一种。
您发现这篇文章的价值如何? 我们错过了任何行业或结帐类型吗? 请在下面的评论部分告诉我们。