HomeHướng dẫn WordPress

Cách thêm nút mua ngay trong website WordPress bán hàng

Like Tweet Pin it Share Share Email

Đây là cách khách hàng mua hàng mặc định khi bạn cài đặt Woocommerce:

Họ tìm kiếm sản phẩm mình cần.

Khi tìm được sản phẩm ưng ý, họ click nút Thêm vào giỏ hàng.

Ngay khi hoàn tất việc chọn hàng, họ vào Giỏ hàng và cập nhật sản phẩm nếu muốn.

Cuối cùng click vào nút thanh toán để tiến hành thanh toán.

Bây giờ hình dung khách hàng của bạn là người khá bận rộn. Ngay khi họ nhìn thấy sản phẩm mình cần và muốn thanh toán thì sao?

Họ không có nhu cầu mua thêm sản phẩm.

Họ không muốn mất công vào giỏ hàng chỉ để thực hiện công việc thanh toán. Nói cách khác, tất cả điều họ muốn:

Hoàn tất việc mua hàng nhanh nhất có thể.

Dĩ nhiên website bạn phải ưu tiên đem lại trải nghiệm mua sắm tốt nhất cho khách hàng của mình.

Vậy giải pháp của bạn là gì?

Câu trả lời hiển nhiên:​

Bổ sung thêm nút mua ngay ngay cạnh sản phẩm. Họ chỉ cần click nút này là đến trang thanh toán và thực hiện thanh toán ngay. 

Và bài viết này mình sẽ chỉ cho bạn cách làm như vậy.

Đọc thêm: Cách tối ưu đường dẫn tĩnh trong Woocommerce

Cách thêm nút mua ngay trong website WordPress bán hàng

Bạn đang nghĩ tới một plugin giúp bạn thêm nút mua ngay?

Đúng vậy, WC Quick Buy giúp bạn bổ sung tính năng mua ngay tiện lợi này mà không cần động vào code. Plugin cũng có tùy chọn cho bạn biết code. 

Đây là các bước chúng ta thêm nút mua ngay:

Đầu tiên, bạn cài đặt và activate plugin. Mới làm quen với WordPress, vẫn không biết cài đặt plugin, xem hướng dẫn từng bước cài đặt một plugin WordPress. Tốt nhất là bạn nên đọc sách làm quen WordPress để có kiến thức nền tảng về sử dụng WordPress. 

Ngay khi plugin được kích hoạt, bạn đi tới Woocomerce -> Setting (Cài đặt).

Bây giờ bạn sẽ nhìn thấy một tab mới có tên “WC Quick Buy’.

Click vào đó bạn sẽ nhìn thấy nhiều tùy chọn cấu hình cho plugin. Các tùy chọn được phân chia theo từng nhóm.

Ở tab General, bạn sẽ chọn trang chuyển đến (Redirection Location) khi khách hàng click nút mua ngay. Chúng ta chọn trang thanh toán. Một lựa chọn hợp lý trong tình huống của chúng ta.

Tiếp đó, bạn cần chọn hiển thị nút này cho những kiểu sản phẩm nào. Chọn All Product Types để hiển thị nút cho tất cả nút sản phẩm.

buy now button 1

Ngay khi bạn hoàn tất, click vào nút Save changes để lưu lại cấu hình. Nếu bạn quên click vào nút này mà click vào các tab cấu hình khác, mọi tùy chọn của bạn sẽ bị mất. Do vậy nhớ click vào nút Save changes mỗi khi bạn thay đổi tùy chọn cho mỗi tab.

Bây giờ chúng ta chuyển sang nút Button Styling.

Ở đây, bạn sẽ nhập tên của nút. Nếu bạn muốn định kiểu riêng cho nút thì sử dụng thêm 2 tùy chọn bên dưới. Còn nếu bạn muốn style của nút giống style của theme có thể bỏ qua.

buy now button 2

Chuyển sang phần Button Position.

Bạn sẽ nhìn thấy 2 phần tương ứng với vị trí nút ở trang sản phẩm và trang cửa hàng. Ở đây chúng ta sẽ để plugin tự động thêm nút và đặt bên cạnh nút thêm vào giỏ hàng.

buy now button 3

Cuối cùng nếu bạn cần kiểm soát thủ công vị trí nút bạn có thể sinh shortcode. Tính năng này đòi hỏi bạn thoải mái với sửa code.

Sau khi hoàn tất cấu hình plugin bây giờ bạn ra trang chủ. Và đây là thành quả sau vài phút cầu hình:

buy now button 4

Ảnh chụp từ theme Roku, một theme bán hàng nhẹ và đẹp mắt. 

Đó là tất cả những việc bạn phải làm để bổ sung nút mua ngay vào website. Đơn giản phải không nào?

Đọc thêm: Series học Woocomerce

Bây giờ đến lượt bạn hành động thôi nếu như website của bạn chưa có tính năng thú vị và mạnh mẽ này.

Và đừng quên để lại câu hỏi nếu bạn gặp phải bất kỳ vấn đề gì với việc bổ sung thêm nút mua ngay cho website.

Còn nếu bạn biết cách hay hơn, đừng giữ cho riêng mình. Hãy chia sẻ cho mọi người cùng biết ở phần comment nhé!​

Cuối cùng, nhớ click nút like fan page để ủng hộ blog. Một hành động nhỏ nhưng đối với mình là niềm vui lớn :).

signature

Managed hosting Godaddy

Để lại bình luận

17 Bình luận on "Cách thêm nút mua ngay trong website WordPress bán hàng"

Sắp xếp theo:   mới nhất | cũ nhất
Guest

anh ơi cho em hỏi làm sao sữa màu và co đều với thêm giỏ hàng z anh. nó lệch xuống rồi ak

Guest

sao mình css ko dc, bạn giúp mình với, có code demo nao ko? mình copy css cua bạn bỏ vào nó cũng ko thay đổi

Guest

bạn sửa sao vậy b? chụp hình cho mình xem với, mình sửa mãi k biết sao?

Guest

Mình muốn giữ nút Mua ngay giống style với nút Thêm vào giỏ hàng thì làm sao vậy b?

Guest

Làm sao sửa màu của nút mua ngay vậy bạn?

wpDiscuz
Scroll Up
Share This