Làm cách nào để tạo nút Mua ngay tùy chỉnh trong WooC Commerce?

Nếu đang điều hành một cửa hàng mua sắm trực tuyến, bạn có thể đang tìm cách tăng doanh số bán hàng, chuyển đổi và doanh thu

Hơn 75% người mua để lại giỏ hàng của họ với các cửa hàng và sản phẩm trực tuyến. Một trong những lý do chính là quá trình mua hàng dài và khó hiểu. Vì quá trình này lâu hơn, người dùng sẽ có nhiều khả năng bỏ ngang hơn, vì vậy, nút mua nhanh là một trong những giải pháp tốt nhất cho cửa hàng WooC Commerce của bạn. Bạn không phải bỏ nút Thêm vào giỏ hàng. Không phải tất cả khách truy cập của bạn đều sẵn sàng mua ngay khi họ đến trang web của bạn

cũng đọc. Cách thêm/chỉnh sửa hoặc thay đổi vị trí của các tab sản phẩm WooC Commerce mặc định

Nút mua ngay cho phép khách hàng của bạn mua sản phẩm họ muốn nhanh hơn và tránh các bước bổ sung trong quy trình thanh toán. Thay vì thêm các mặt hàng vào giỏ hàng, chuyển đến trang giỏ hàng rồi đến trang thanh toán, họ có thể chuyển từ trang sản phẩm sang trang thanh toán chỉ bằng một cú nhấp chuột. Điều này làm giảm tỷ lệ bỏ rơi và từ bỏ giỏ hàng

Bạn có muốn nhận trợ giúp triển khai hay sửa đổi hoặc mở rộng chức năng của tập lệnh này không?

Một chuyên gia về trang web Tutorials có thể làm điều đó cho bạn

Thuê một chuyên gia

Thêm nút Mua ngay trong WooC Commerce

Trong bài viết này, chúng tôi sẽ thảo luận về cách thêm nút mua ngay trong wooC Commerce mà không cần plugin trên một trang sản phẩm. Bạn có thể sử dụng móc WooC Commerce wooc Commerce_after_add_to_cart_button. Móc này sẽ thêm nội dung sau nút “Thêm vào giỏ hàng”

Nếu khách hàng nhấp vào nút này, sản phẩm sẽ được thêm vào giỏ hàng và khách hàng sẽ được chuyển đến trang thanh toán

Thêm mã dưới đây vào chức năng chủ đề của bạn. php

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

function add_content_after_addtocart[] {

$current_product_id = get_the_ID[];

$product = wc_get_product[ $current_product_id ];

$checkout_url = wc_get_checkout_url[];

if[ $product->is_type[ 'simple' ] ]{

echo '''''''''.$checkout_url.'?add-to-cart='.$current_product_id.'" class="buy-now button">Buy Now';

}

}

add_action[ 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' ];

cũng đọc. Cách đặt Trọng lượng tối thiểu trong đơn hàng WooC Commerce

Bạn có muốn nhận trợ giúp triển khai hay sửa đổi hoặc mở rộng chức năng của tập lệnh này không?

Một chuyên gia về trang web Tutorials có thể làm điều đó cho bạn

Thuê một chuyên gia

Phần kết luận

Tôi hy vọng bạn thấy hướng dẫn này hữu ích và học cách Thêm nút Mua nhanh trong WooC Commerce mà không cần Plugin. Nếu bạn đã làm, hãy xem xét chia sẻ bài đăng này trên phương tiện truyền thông xã hội và tiếp tục học hỏi. Bạn cũng có thể mở rộng chức năng theo yêu cầu của bạn

Pradeep Maurya

Pradeep Maurya là Nhà thiết kế & Nhà phát triển web chuyên nghiệp và là Người sáng lập “Trang web hướng dẫn”. Anh ấy sống ở Delhi và thích trở thành một người tự lập. Với tư cách là chủ sở hữu, anh ấy đang cố gắng hết sức để cải thiện nền tảng này từng ngày. Niềm đam mê, sự cống hiến và khả năng ra quyết định nhanh chóng của anh ấy nổi bật so với những người khác. Anh ấy là một người đam mê viết blog và viết trên các ấn phẩm như Dzone, e27. đồng

Nếu cửa hàng trực tuyến được hỗ trợ bởi WooC Commerce của bạn bán các sản phẩm thường được mua riêng lẻ, bạn có thể cân nhắc thêm nút mua ngay nút này sẽ thêm một sản phẩm vào giỏ hàng và chuyển hướng khách hàng đến trang thanh toán mà họ không cần phải xem trang giỏ hàng, giúp họ . Trong hướng dẫn nhỏ này, chúng ta sẽ xem cách chúng ta có thể xây dựng một nút như vậy

Cài đặt và kích hoạt một chủ đề con

Bước đầu tiên trong quy trình của chúng tôi ở đây là tạo và cài đặt một chủ đề con. Nếu đang sử dụng một trong các chủ đề của chúng tôi, bạn có thể dễ dàng lấy chủ đề con của chủ đề đó từ phần tải xuống của chúng tôi. Nếu không, bạn có thể đọc hướng dẫn dành cho người mới bắt đầu của chúng tôi về chủ đề con để tạo chủ đề của riêng bạn. Bước này là cần thiết để duy trì các thay đổi của chúng tôi trong suốt quá trình cập nhật chủ đề

All code below will be placed in our child theme’s functions.php file. If the file is empty the code will go just below the opening  PHP tag if it exists.

Thêm nút

Chúng tôi sẽ bắt đầu bằng cách hiển thị nút trên các sản phẩm đơn giản trên danh sách sản phẩm và các trang sản phẩm đơn lẻ, ngay sau nút thêm vào giỏ hàng mặc định

add_action[ 'woocommerce_after_shop_loop_item', 'cssigniter_buy_now_button', 15 ];
add_action[ 'woocommerce_after_add_to_cart_button', 'cssigniter_buy_now_button' ];
function cssigniter_buy_now_button[] {
	global $product;

	if [ 'simple' !== $product->get_type[]
	|| ! $product->is_purchasable[]
	|| ! $product->is_in_stock[] ] {
		return;
	}

	$id = $product->get_ID[];

	$classes = implode[
		' ',
		array_filter[
			array[
				'button',
				'product_type_' . $product->get_type[],
				'add_to_cart_button',
			]
		]
	];

	ob_start[];

	?>