Thêm nút liên hệ đặt hàng khi sản phẩm hết hàng trong Woocommerce

Khi một sản phẩm hết hàng thì nó sẽ hiện dòng text “Hết hàng”. Nhưng nếu bạn muốn thêm nút Liên hệ đặt hàng khi sản phẩm hết hàng thì cứ tham khảo đoạn code bên dưới nhé.

Hướng dẫn thực hiện

Bạn thêm đoạn code sau vào file functions.php của theme mình đang dùng nhé. Khuyến khích dùng child-theme cho nó an toàn nhé và không bị mất code khi update theme nha.

Tham khảo thêm: Child theme là gì? Tại sao phải luôn dùng child theme

// Thêm Hotline khi sản phẩm hết hàng Woocommerce
add_filter( 'woocommerce_get_availability', 'ngocnguyen_custom_out_of_stock', 1, 2);
function ngocnguyen_custom_out_of_stock( $availability, $_product ) {
    if ( ! $_product->is_in_stock() ) {
        $hotline = '<a class="hotline-out-of-stock button" href="tel:0396753543" target="_blank" style="margin-right: 0;padding: 5px 30px;font-size: 1rem;border-radius: 8px;">Liên Hệ Đặt Hàng</a>';
        $availability['availability'] = $hotline;
    }
    return $availability;
}
// End - Thêm Hotline khi sản phẩm hết hàng Woocommerce

** Phần trong thẻ href=” “ chính là đường link bạn muốn chuyển đến khi người dùng nhấn vào nút, ở đây mình dùng link gọi đến số điện thoại, ngoài ra bạn có thể gắn bất cứ link nào bạn muốn (Zalo, Messenger…)

** Phần text “Liên Hệ Đặt Hàng” là phần nội dung nút sẽ hiển thị, bạn muốn thay đổi nó thành nội dung gì thì tùy bạn nhé

** Ngoài ra mình chỉ css một chút cho nút này thôi, bạn muốn nó đẹp hơn thì phải CSS lại nhé.

Kết quả

Trước khi thêm code

them nut lien he dat hang khi san phan het hang trong woocommerce 01

Sau khi thêm code

them nut lien he dat hang khi san phan het hang trong woocommerce 02

Vậy chỉ với vài dòng code thêm vào functions.php thì bạn có thể Thêm nút liên hệ đặt hàng khi sản phẩm hết hàng trong Woocommerce rồi nhé. Điều này sẽ giúp cho bạn gia tăng tương tác hơn với khách hàng trên website mình đấy.

Mình có bán các sản phẩm và cung cấp các dịch vụ sau, mong bạn dành ít phút để tham khảo, nếu thấy cần cái nào thì ủng hộ mình nhé:

  1. Shop Key License WordPress
  2. Kho Demo Website
  3. Dịch vụ Hosting tốc độ cao
  4. Dịch vụ thiết kế Website, diệt mã độc, tối ưu website
GROUP ZALO HỖ TRỢ WORDPRESS

ĐỂ LẠI BÌNH LUẬN

Người thông minh giống như một dòng sông, càng sâu càng lặng lẽ.
Đừng bao giờ nói tất cả những gì bạn biết. Và đừng bao giờ tin tất cả những gì bạn nghe.
Chúng ta chỉ thật sự thất bại một khi chúng ta từ bỏ mọi cố gắng.
Cách tốt nhất để có một ý tưởng xuất sắc là có thật nhiều ý tưởng.
Không vấp ngã trước cuộc sống, điều đó là rất tốt. Nhưng vấp ngã rồi đứng dậy mà đi lên càng tốt hơn.
Chuyên Mục
Plugin - Theme
Bài Viết Mới
Mời 1 Ly Sinh Tố
momo qr

Ngân hàng: MB BANK

Tài khoản: NGUYỄN BẢO NGỌC

Số TK: 0396753543

Mình xin chân thành cảm ơn sự ủng hộ của các bạn. Những khoản donate của các bạn đã giúp mình có 1 khoảng để chi trả và duy trì blog của mình. Mình sẽ cố gắng update thêm nhiều kiến thức và tài nguyên hữu ích hơn nửa. Cám ơn rất nhiều !!!

Chat Facebook (8h-24h)
Chat Zalo (8h-24h)
0396.753.543 (8h-20h)
Chat Telegram t.me/jakengocnguyen
Group Zalo Hỗ Trợ Get Theme + Plugin + Support