如何在 WooCommerce 商店页面中更改添加到购物车按钮文本

您是否正在寻找更改商店页面中添加到购物车文本的最佳方式？ 在本快速教程结束时，您将能够使用代码片段更改 WooCommerce 商店页面中默认的“添加到购物车”按钮文本。 如果您更喜欢使用插件而不是编辑代码，您还可以使用插件来更改商店页面中的按钮文本。

商店页面添加到购物车按钮

默认情况下，WooCommerce 在您的商店页面和存档页面上显示“添加到购物车”按钮。 WooCommerce 没有任何选项可以更改此文本。

您可能希望添加诸如“查看产品”、“立即购买”、“添加到购物袋”、“立即预订”（或任何您喜欢的内容）之类的文本，将其链接到单个产品页面，而不是使用此文本。

默认版本有一个如下图所示的按钮：

使用 PHP 代码更改添加到购物车文本商店页面的步骤

要更改这一点，您只需执行以下步骤：

1. 登录到您的 WordPress站点并以管理员用户身份访问仪表板。
2. 从仪表板菜单中，单击外观菜单 > 主题编辑器菜单。 当主题编辑器页面打开时，查找主题函数文件，我们将在其中添加将更改默认添加到购物车的函数
3. 将以下代码添加到php文件中：

 // 更改单个产品页面上的添加到购物车文本

add_filter('woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text');

功能 woocommerce_custom_single_add_to_cart_text() {

    return __( '立即购买', 'woocommerce' );

}

// 更改产品档案（收藏）页面上的添加到购物车文本

add_filter('woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text'); 

功能 woocommerce_custom_product_add_to_cart_text() {

    return __( '立即购买', 'woocommerce' );

}

4. 确保您保存所做的更改。
5. 您需要转到前端以便查看您的更改。 这将是结果：

代码如何运作

我们在functions.php文件中插入的代码行使用默认的WooCommerce Loop 。 这意味着如果您的主题使用默认的 WC 循环来显示“添加到购物车”按钮，那么它肯定是您的解决方案。

如果您的主题具有使用自定义页面构建器插件的自定义页面，这些插件使用不同的功能来显示“添加到购物车”按钮，那么它可能不适用于您的 WooCommerce 商店。 这意味着您必须聘请开发人员或联系您的主题提供商。

更改添加到购物车标签的另一种方法是使用插件。 我们将在本教程中使用的插件称为WC Custom Add to Cart 标签。 这是不那么精通技术的人的替代方案。 它适用于那些不熟悉使用代码自定义网站的人，或者他们不想弄乱网站的编码结构。

WC 自定义添加到购物车标签插件允许您更改所有单个产品页面上的“添加到购物车”标签，每个产品类型，以及存档或商店页面，每个产品类型）。 您可以使用此链接 https://downloads.wordpress.org/plugin/wc-custom-add-to-cart-labels.zip 直接在此处下载插件，也可以在 www.wordpress.org 目录中查找。 它受到 WordPress 社区中 10,000 多个 WooCommerce 网站的信任。

使用插件更改默认添加到购物车文本的步骤

按照以下简单步骤将此插件添加到您的 WordPress 网站：

1. 登录您的 WordPress 站点并以管理员用户身份访问仪表板。
2. 然后，我们将安装我们之前指出的插件。 如果您使用上面的链接下载了它，只需导航到Plugins > Add New 。 之后，点击上传插件，然后浏览下载的文件，如下所示：
3. 要直接在管理面板中下载它，只需导航到Plugins > Add New 。 之后，您需要对插件“ WC Custom Add to Cart labels ”进行关键字搜索。 您需要安装并激活它，如下所示：
4. 要更改按钮，您需要在文本字段区域中添加按钮的名称，如下面的屏幕截图所示，通过导航到WooCommerce > Settings访问这些设置。 然后，您需要单击您需要单击添加到购物车按钮标签，如图所示。
5. 使用字段列表下方的蓝色按钮保存更改。
6. 要查看结果，您需要访问主页，这是您应该看到的：

但是，建议您在暂存环境中进行这些更改，以便您能够确保这是您希望您的站点具有的功能，而不会影响您的实时站点，直到您准备好实施它。

结论

在这篇文章中，我们重点介绍了两种方法，您可以使用它们来更改商店页面中的“添加到购物车”按钮。 第一个是涉及代码的开发人员友好解决方案，第二个是涉及使用插件轻松添加此功能的初学者友好方法。

类似文章

1. 如何在没有插件的情况下重定向 WordPress 页面？
2. 30 个最佳 WordPress 事件插件，用于更好的事件管理
3. 登录 WooCommerce 后如何重定向到购物车
4. 52+ 最好的 WordPress 社交媒体插件来增加您的网站流量
5. 用于结帐页面定制的 23 个最佳 WooCommerce 插件
6. 如何在 WooCommerce 中更改缺货文本
7. 用于客户支持的 32+ 款最佳 WordPress 聊天插件
8. 如何对 WooCommerce 类别进行排序以获得更好的用户体验
9. 如何使用 WooCommerce 销售数字产品
10. 如何隐藏 WooCommerce 优惠券代码字段
11. 从 WooCommerce 产品页面隐藏或删除数量字段
12. 如何按类别显示 WooCommerce 产品
13. 如何删除默认产品排序 WooCommerce
14. 如何在 WooCommerce 中的产品上添加 GTIN 编号
15. 如何在 WooCommerce 中隐藏产品或按类别或角色隐藏产品
16. 如何添加产品图片 WooCommerce 结帐页面
17. 如何通过示例更改添加到购物车文本 WooCommerce 指南
18. 30 多个整体最佳 WordPress SEO 插件列表以获得更高的排名
19. 30 多个用于建立社区的最佳论坛 WordPress 插件
20. 30 多个用于事件管理的最佳 WordPress 日历插件