隐藏或删除WooCommerce结账页字段

分类 WooCommerce
2023-08-13
4 分钟阅读
隐

结账是任何电子商务商店中最重要的步骤之一。如果您想获得成功并 提高销售额，您需要保持精简。这就是如何隐藏和删除 WooCommerce 结账字段。

几天前，我们向您介绍了一些关于如何优化网站的技巧 。但是，最后一步对于完成销售至关重要，因此需要特别关注。

为什么要禁用WooCommerce结账字段？

您知道吗，超过 75% 的用户会将产品放入购物车，然后离开网站而不购买任何东西？购物车放弃 的主要原因之一是结账太长或太复杂。

为避免出现这种情况，结账页面必须简单明了，只有必要的字段。如果您销售的是数字或虚拟产品 如软件、音乐、电子书等，这一点尤为重要。由于这类产品不需要发货，因此它们应该有一个特定的结账页面，在这个页面上，您可以不询问地址或邮政编码 等详细信息。

要了解有关如何改进数字产品结账的更多信息。因此，为了提高转化率，您应该隐藏那些只会给结账页面增加干扰和摩擦的字段。

让我们来看看如何在 WooCommerce 中删除结账字段 并加快结账流程。

如何删除WooCommerce中的结账字段？

由于无法从 WordPress 仪表板中删除 WooCommerce 默认结账字段，在本教程中，我们将向你展示如何通过两种不同的方式隐藏和删除结账字段：

  1. 使用插件
  2. 使用PHP脚本

如果您不是开发人员，使用插件是最简单的方法。另一方面，PHP 脚本允许您隐藏任何现有的结账字段，并 只需编写一点代码即可定制您的 WooCommerce 商店 。这种方法没有优劣之分。您可以根据自己的技能选择最适合自己的方法。

1) 使用插件删除WooCommerce结账字段。

有很多工具可以禁用或隐藏结账页面上的字段。在此，我们将向您展示如何使用两个免费插件来做到这一点：

  1. WooCommerce Checkout Manager
  2. Direct Checkout for WooCommerce

这些工具的工作原理相似，但也有一些不同之处。让我们仔细看看这些插件如何帮助你删除一些结账字段。

1.1 – 使用WooCommerce结账页删除结账字段

WooCommerce结账管理器 是删除结账字段的最佳工具之一。这款免费插件有一个 免费版本 和 3 个 高级计划 ，起价为 19 美元（一次性支付）。

要禁用任何 WooCommerce 结账字段，只需按照以下步骤操作即可：

  1. 安装并激活 WooCommerce Checkout Manager。您可以前往 插件>安装新插件 并搜索”WooCommerce Checkout Manager“，或者免费下载。该工具有一个专业版，具有更多高级功能，但对于这项任务来说，免费版就足够了。
  2. 进入 WordPress 面板中的 WooCommerce 选项卡
  3. 点击结账，然后点击账单选项卡.
  4. 你会看到一个可以隐藏的字段列表，只需激活你想删除的字段上的禁用选项即可。
  5. 然后，您可以转到 发货 和 附加 选项卡，禁用您想删除的字段。
  6. 在 WooCommerce 结账页面上隐藏所有你不想要的字段后，记得保存更改，就可以了！

短小精悍，不是吗？除了删除字段外，这款插件还可以添加新字段、将字段设为可选或必填字段、更改显示字段的顺序、应用条件逻辑等等。因此，如果你想要一个自定义结账的工具，WooCommerce Checkout Manager 是一个不错的选择。

1.2 – 使用适用于 WooCommerce 的直接结账功能删除结账字段

WooCommerce Direct Checkout 是一款出色的插件，旨在简化结账流程和结账页面。该工具旨在加快结账速度，为用户提供更好的购买体验。与允许您启用和禁用字段的 WooCommerce Checkout Manager 不同，Direct Checkout 可帮助您删除不必要的字段并提高转换率。

这是一款免费工具。它有一个带基本功能的免费版本和 3 个高级计划，起价为 19 美元（一次性支付）。要使用 Direct Checkout 从 WooCommerce 结账页面删除字段，您需要

  1. 安装并激活 WooCommerce Direct Checkout。在您的 WP 面板中，您可以进入 插件>添加 并搜索”WooCommerce Direct Checkout“。
  2. 进入 WordPress 面板中的 WooCommerce 选项卡。
  3. 按直接结账，然后转到结账选项卡。
  4. 在这里，您将看到可以删除的所有字段列表，如国家、州、订单注释、政策文本、列等。在 “常规 “选项卡中，您还可以通过”添加到购物车重定向到 选项将用户从产品页面直接引导到结账。
  5. 删除结账页面上不需要的字段后，只需保存更改即可。

总之，如果你想要一个快速、直接的解决方案，这两个插件是一个很好的选择。只需点击几下，它们就能移除 WooCommerce 结账字段并优化您的商店。

除了非常易于使用之外，这些工具还具有出色的性能，是 WooCommerce 的两个最佳结账插件。这种方法的主要缺点是，当您安装插件时，您需要修改网站的代码。这就增加了其复杂性和破坏某些东西的可能性。因此，如果您愿意编写几行代码，定制脚本可能是一个不错的方法。

2) 使用 PHP 脚本删除 WooCommerce 结账字段。

NOTE: 在开始之前，我们建议您 创建一个子主题。这样，您就可以修改子主题，而不是自定义父主题的文件，这样当您更新父主题时，您的自定义就不会被覆盖。 如果您不想创建子主题，可以 生成网站的完整备份 以防出错。NOTE: 在开始之前，我们建议您 创建一个子主题。这样，您就可以修改子主题，而不是自定义父主题的文件，这样当您更新父主题时，您的自定义就不会被覆盖。 如果您不想创建子主题，可以 生成网站的完整备份 以防出错。

在本节中，我们将向您展示如何从 WooCommerce 结账中删除结账字段，并为自己的解决方案编码。如果您查看过我们关于 如何编辑结账字段的教程，您就会熟悉 WooCommerce 钩子。在本例中，我们将使用 woocommerce_checkout_fields 钩子，并将其称为 quadlayers_remove_checkout_fields ，如下所示：

add_filter( 'woocommerce_checkout_fields' , 'quadlayers_remove_checkout_fields' );

这是一种过滤钩子，这意味着执行它时必须返回一些内容。那它会返回什么呢？您要删除的字段数据。

删除姓氏

例如，如果要删除姓氏字段，可以使用下面的命令：

unset($fields['billing']['billing_last_name']);

然后，您需要将其插入到一个函数中，该函数的名称与第一步中过滤器钩子中使用的名称相同（quadlayers_remove_checkout_fields）：

function quadlayers_remove_checkout_fields( $fields ) {

unset($fields['billing']['billing_last_name']); 

return $fields; 

}

最后，在子主题的functions.php 文件中插入完整脚本，删除 WooCommerce 字段 姓氏 ，如下所示：

add_filter( 'woocommerce_checkout_fields' , 'quadlayers_remove_checkout_fields' ); 

function quadlayers_remove_checkout_fields( $fields ) { 

unset($fields['billing']['billing_last_name']); 

return $fields; 

}

删除任何其他字段

因此，如果要删除其他字段，需要添加相应的行。下面是可以删除的可用字段名称：

unset($fields['billing']['billing_first_name']);
unset($fields['billing']['billing_last_name']);
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_1']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);
unset($fields['order']['order_comments']);
unset($fields['billing']['billing_email']);
unset($fields['account']['account_username']);
unset($fields['account']['account_password']);
unset($fields['account']['account_password-2']);

如何显示已删除的结账字段

如果您删除了一些结账字段，但又想重新显示，该怎么办？只需删除隐藏您想显示的特定字段的代码行即可。例如，如果您禁用了账单部分的邮政编码字段 ，而现在又想重新添加，您必须从子主题的functions.php 文件中移除以下一行：

unset($fields['billing']['billing_postcode']);

同样，如果想同时显示多个字段，可以一次性删除多行。

最后：如何移除 WooCommerce 中的 附加信息 选项卡？

WooCommerce 默认提供 “附加信息 “选项卡。由于该选项卡仅在产品有重量、尺寸或属性时才会显示，因此有时用处不大。有两种方法可以禁用 “附加信息 “选项卡：

  1. Via PHP: 编辑 functions.php 文件。
  2. Via CSS: 编辑 style.css 文件

就性能而言，PHP 方法更好，因为它可以停止加载选项卡（而不是加载后再隐藏）。因此，在此我们将向您展示 如何使用 PHP 脚本移除 “附加信息 “选项卡。

注意：为避免在更新主题时丢失自定义设置，我们建议您将这些更改应用到您的 子主题。

  1. 进入 FTP，打开 wp-content 文件夹。然后，进入主题并打开 child_theme 文件夹。
  2. 打开 functions.php 文件。
  3. 在底部插入以下代码：
add_filter( 'woocommerce_product_tabs' , 'quadlayers_remove_product_tabs' );
function quadlayers_remove_product_tabs ( $tabs ) {
unset( $tabs['additional_information'] );
return $tabs;
}

记住保存更改，然后刷新页面。就是这样！您已经删除了 “附加信息 “选项卡！

删除描述选项卡和评论

此外，您还可以使用以下代码取消描述选项卡和评论选项卡：

add_filter( 'woocommerce_product_tabs' , 'quadlayers_remove_product_tabs' );
function quadlayers_remove_product_tabs( $tabs ) {
unset( $tabs['description'] );
unset( $tabs['reviews'] );
return $tabs;
}

您应该删除哪些WooCommerce结账字段

那么，您应该删除哪些结账字段？这取决于您销售的是实物产品还是数字产品，以及您想从顾客那里获得多少信息。不过，请记住，较长的结账表单通常会降低转化率。顾客倾向于避免冗长的结账，因此这里有一些保持结账页面简短的技巧：

  • 如果您销售的是数字产品，请隐藏所有与发货相关的字段，如地址、邮政编码、城市等。
  • 只显示必填字段。您可以隐藏或折叠公司名称等可选字段。
  • 禁用邮编验证，以减少结账页面上的摩擦。
  • 如果您销售的是实物产品，可将账单详情默认为发货详情，以隐藏不必要的字段。
  • 尽可能使用自动填写功能，减少用户填写表格的时间。
  • 姓名只使用一个字段。与其显示 3 个字段（名、中名和姓），不如使用全名字段。

减少结账页面上的步骤并提高转化率的另一个方法是使用 WooCommerce 的快速购买按钮。大多数大型电子商务企业都会使用该按钮，因为这是加快购买流程、让购物者一键购买的有效方法。

结论

总之，您的结账页面会对您的业务产生巨大影响，并为您带来竞争优势。因此，尽可能地优化和改进结账页面 是关键所在。

在本教程中，我们看到了移除和禁用 WooCommerce 结账字段的两种不同方法。这两种方法各有利弊，因此您应选择最适合您的技能和需求的方法。

WooCommerce Checkout Manager（WooCommerce 结账管理器）和 Direct Checkout（直接结账）是非常好的插件，可以让您快速、轻松地禁用字段。不过，它们会使商店的代码变得更加复杂。另一方面，PHP 函数需要一些编码，但它更简洁，不会占用任何资源。除了删除结账字段，您还可以通过创建销售漏斗来改进网站的购买流程。

最后，如果您想改进您的结账页面，我们建议您查看我们的 在 WooCommerce 中自定义结账的教程 以及我们的如何编辑结账字段指南。

您选择了哪种方法？你还知道其他删除 WooCommerce 结账字段的方法吗？请在下方留言，与我们分享您的经验。

猜你喜欢