提高结账转化率-Woocommerce 添加立即购买按钮

想让客户的购买过程更加轻松并加快结帐过程吗?你可以通过在WooCommerce产品页面上添加立即购买按钮来提高结账转化率。
本身 Woocommerce 自带的页面只有”加入购物车”按钮,新增立即购买按钮后,点击可以跳转到结帐页,不用进入购物车结算。

实现效果

Woocommerce 添加立即购买按钮

方法一:安装插件实现

后台安装插件:Quick Buy Now Button for WooCommerce

这个插件可以快速轻松的添加“立即购买”按钮,支持按钮样式设计,可以更好的融合网站的整体设计。方法更加适用于Wordpress新手。

提高结账转化率-Woocommerce 添加立即购买按钮-大可建站

启用 Quick Buy Now Button for WooCommerce 插件后,在插件列表中选择“Settings”,进入插件设置,根据提示可以自由设置立即购买按钮。

Quick Buy Now Button for WooCommerce 插件设置

如果你追求网站加载速度,可以通过添加代码来实现。

方法二:代码实现

在WordPress网站当前启用的主题,根目录下找到 functions.php 文件,文件内添加以下代码:(新手避免出错,可下滑查看代码放置位置:)

/* 在添加到购物车按钮后动态创建立即购买按钮 */
function add_content_after_addtocart() {

	// 获取当前文章/产品 ID
	$current_product_id = get_the_ID();

	// 根据ID获取产品
	$product = wc_get_product( $current_product_id );

	// 获取“结帐页面”URL
	$checkout_url = WC()->cart->get_checkout_url();

	// 仅在简单产品上运行
	if( $product->is_type( 'simple' ) ){
		echo '<a href="'.$checkout_url.'?add-to-cart='.$current_product_id.'" class="buy-now button">Buy Now</a>';
		//echo '<a href="'.$checkout_url.'" class="buy-now button">Buy Now</a>';
	}
}
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

代码放置位置

修改按钮文字

可以修改代码行的中的“Buy Now”字样,修改为需要显示的按钮文字,保存即可