WooCommerce是一款非常受欢迎的WordPress插件,用于构建和管理在线商店。通过WooCommerce,我们可以轻松地搭建B2C或者B2B商城类网站。而默认的“添加到购物车”(ADD TO CART)按钮作为购物体验中一个核心功能,提供了顾客购买产品的便捷方式。有时,你可能因为各种原因需要修改这个按钮的文字或者链接,以更好地反映品牌形象或提升用户体验。
比如寻小山之前搭建的外贸B2B网站,就需要将默认的“ADD TO CART”购物车按钮修改成询盘“Inquiry Now”按钮。在本文中,我们将探讨几种修改“添加到购物车”按钮文字和链接的方法。
方法一:无插件,代码修改来实现
1、通过主题的functions.php文件修改按钮文字
最简单的修改按钮文字的方法是通过编辑主题的functions.php文件。以下是具体步骤:
(1)登录到WordPress后台: 进入你的WordPress仪表盘。
(2)打开主题编辑器: 找到“外观” -> “主题编辑器”。在右侧列表中找到functions.php文件并点击打开。
(3)添加代码: 在functions.php文件的末尾,添加以下代码:
add_filter(‘woocommerce_product_add_to_cart_text’, ‘custom_add_to_cart_text’);
add_filter(‘woocommerce_product_single_add_to_cart_text’, ‘custom_add_to_cart_text’);
function custom_add_to_cart_text() {
return __(‘Inquiry Now’, ‘woocommerce’); // 修改这里的文字
}
在上述代码中,将“Inquiry Now”替换为你希望显示的新按钮文字。
(4)保存更改: 完成修改后,点击“更新文件”按钮保存更改。
2、修改“添加到购物车”按钮链接
如果你希望修改“添加到购物车”按钮的链接(例如,添加到某个特定页面或外部链接),可以利用WooCommerce提供的钩子。考虑以下代码:
add_filter(‘woocommerce_add_to_cart_redirect’, ‘custom_add_to_cart_redirect’);
function custom_add_to_cart_redirect() {
return ‘http://example.com/your-page‘; // 修改为你的目标链接
}
将http://example.com/your-page替换为你希望用户点击“添加到购物车”后重定向的链接。这段代码会将添加到购物车按钮的动作重定向到你指定的新链接。
方法二:利用插件实现
寻小山一般不建议大家在wordpress程序中安装过多的插件,当然如果你对wordpress不是很熟悉,也可以通过wordpress插件来实现这个功能。
这里主要用到的是WC Custom Add to Cart labels这款wordpress插件。安装并激活后,在WooCommerce的Setting>>Products中会出现Add to cart button labels子项。把默认设置“Add to cart”修改成你希望显示的文字就可以了。