Cách thêm thông báo vào khu vực checkout woocommerce

4.9/5 - (256 bình chọn)

Hôm nay mình sẽ hướng dẫn các bạn các để có thể thêm thông báo vào khu vực checkout của woocommerce, các bạn có thể tự thêm các thông báo của mình để hối thúc khách hàng thực hiện checkout nhanh hơn.

Giống như thế này

Cover Thong Bao Check Out — Thông báo checkout

Đây là demo mình làm cho theme : https://cookcu.wpdemo.vn/ Bạn nào có nhu cầu thì liên hệ mình nhé.

function not_checkout(){;?>
	<div class="area_checkout_note_pt">
		<div class="note_text_pt">
			CẢM ƠN CÁC BẠN ĐÃ TIN TƯỞNG CHÚNG TÔI TRONG SUỐT THỜI GIAN QUA
		</div>
	</div>
<?php }
add_action('woocommerce_before_checkout_form','not_checkout');

Các bạn thêm 1 ít css nữa là đẹp

.note_text_pt{
	padding: 30px;
    text-align: center;
    background: #e03232;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

Và kết quả là chúng ta đã thêm 1 thông báo ở trang checkout như hình dưới đây.

Them Thong Bao Vao Checkout — Thêm thông báo vào trang checkout

Các bài viết nên đọc

woocommerce

Cách set up freeship và thông báo ra giỏ hàng của woocommerce

4.9/5 - (256 bình chọn) Hôm nay mình sẽ chia sẻ cho anh em cách

Flatsome tutorial

Hướng dẫn cách ẩn sản phẩm khi hết thời gian khuyến mãi (Áp dụng cho element UX countdown)

4.9/5 - (256 bình chọn) Hôm nay mình sẽ share cho các bạn 1 đoạn

ACF tutorial

Hướng dẫn các tạo bảng thông tin khuyến mãi và chỉ hiển thị cho các sản phẩm được lựa chọn.

4.9/5 - (256 bình chọn) Với nhu cầu thông báo các chương trình khuyến mãi

2 thoughts on “Cách thêm thông báo vào khu vực checkout woocommerce”

vitinhgiare says:
Mình muốn giống demo https://cookcu.wpdemo.vn

25/07/2022 at 11:00 sáng
Trả lời
- Thành Tuấn says:
  Anh cho em xin sdt để e liên hệ lại anh nhé
  
  25/07/2022 at 1:43 chiều
  Trả lời