Cách Thay Đổi Nút “Thêm Vào Giỏ Hàng” Thành “Mua Ngay” Đơn Giản Cùng 3F Media
Bạn đang sử dụng WooCommerce để bán hàng trên website WordPress và muốn tùy chỉnh nút “Thêm vào giỏ hàng” thành “Mua ngay” để tăng chuyển đổi? Trong bài viết này, 3F Media sẽ hướng dẫn bạn cách thực hiện điều đó chỉ với vài dòng mã – đơn giản, nhanh chóng, và không cần cài thêm plugin nặng nề!
Bước 1: Truy cập vào file functions.php của giao diện
Để bắt đầu, bạn cần truy cập vào khu vực chỉnh sửa giao diện:
Vào Giao diện > Sửa giao diện (Appearance > Theme Editor)
Tìm file có tên functions.php ở cột bên phải
Khuyến nghị: Nếu bạn chưa dùng Child Theme, hãy sao lưu mã gốc hoặc sử dụng plugin Code Snippets để thêm mã an toàn hơn.
Bước 2: Thêm đoạn mã đổi nút “Thêm vào giỏ hàng”
Dán đoạn mã dưới đây vào cuối file functions.php:
| // Đổi nút “Thêm vào giỏ hàng” thành “Mua ngay” ở trang danh mục và chi tiết sản phẩm add_filter(‘woocommerce_product_add_to_cart_text’, ‘custom_woo_button_text’); // Trang danh mục add_filter(‘woocommerce_product_single_add_to_cart_text’, ‘custom_woo_button_text’); // Trang chi tiếtfunction custom_woo_button_text() { return __(‘Mua ngay’, ‘woocommerce’); } |
🚀 Tuỳ chọn: Tự động chuyển tới trang thanh toán khi nhấn “Mua ngay”
Nếu bạn muốn khi khách hàng bấm “Mua ngay” sẽ đi thẳng đến trang thanh toán (bỏ qua giỏ hàng), hãy thêm đoạn sau:
| // Tự động chuyển hướng tới trang thanh toán sau khi thêm vào giỏ hàng add_filter(‘woocommerce_add_to_cart_redirect’, ‘redirect_to_checkout’);function redirect_to_checkout() { return wc_get_checkout_url(); } |
Một vài lưu ý quan trọng:
Hãy đảm bảo rằng bạn đã sao lưu website trước khi chỉnh sửa.
Nếu không quen chỉnh sửa mã, bạn nên sử dụng plugin Code Snippets để quản lý đoạn mã an toàn hơn.
Một số giao diện có thể override nút mặc định – trong trường hợp đó, bạn cần kiểm tra file template hoặc hỏi bên phát triển theme.
HÃY LIÊN HỆ VỚI CHÚNG TÔI NẾU BẠN CẦN HỖ TRỢ
————————————
📌Nhóm Zalo hỗ trợ dự án tốt nghiệp: https://zalo.me/g/jeecjl491
📌Nhóm Zalo Cộng Đồng 1: https://zalo.me/g/lwvzuk058
📌Nhóm Zalo Cộng Đồng 2: https://zalo.me/g/mmykhf004
📌Nhóm Zalo Cộng Đồng 3: https://zalo.me/g/sdeboo241
📌Nhóm Zalo Hỗ Trợ Website: https://zalo.me/g/wsceeo167
THÔNG TIN LIÊN HỆ:
📩 Email: 3fmedia.digital@gmail.com
📣 Fanpage: https://www.facebook.com/3fmedia.official
🌐 Website: https://3fmedia.vn/
🌐Website Bán Hàng: https://hosting.3fmedia.vn/
📣Youtube: https://youtube.com/@3fmedia.agencytruyenthong
☎️ Hotline: 070 205 2004
📌Group: https://www.facebook.com/groups/3fmediadigitalmarketing
