Tặng Website & Tên Miền .COM – Chỉ Cần Đăng Ký Hosting!

Dismiss

Thêm tab tùy chỉnh trong trang sản phẩm của WooCommerce

 

them-tab-tuy-chinh-trong-trang-san-pham-cua-woocommerce

Thông thường, trong trang sản phẩm của WooCommerce sẽ có 3 tabs khác nhau giúp bạn hiển thị các thông tin liên quan đến sản phẩm. Chúng bao gồm: Description (mô tả), Additional Information (thông tin bổ sung) và Reviews (đánh giá). Sẽ như thế nào nếu bạn muốn bổ sung thêm các tabs khác để hiển thị thông tin của riêng mình, chẳng hạn như chính sách giao hàng, chính sách khuyến mãi, chính sách bảo hành, đổi trả… Đó là lúc bạn cần đến sự trợ giúp của các plugin.

Trong bài viết hôm nay, tôi sẽ hướng dẫn cho các bạn cách để tạo thêm các tabs tùy chỉnh trong trang sản phẩm của WooCommerce đơn giản và nhanh chóng nhất.

Thêm tab trong trang sản phẩm của WooCommerce

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin Custom Product Tabs for WooCommerce.

cai-dat-va-kich-hoat-plugin-custom-product-tabs-for-woocommerce

2. Truy cập vào Settings => Custom Product Tabs for WooCommerce => Click vào nút Add Tab để tạo tab mới, trong trường hợp bạn muốn tab này hiển thị trên nhiều sản phẩm.

click-vao-nut-add-tab

3. Nhập tiêu đề tab và nội dung của tab vào biểu mẫu. Sau khi hoàn tất, click vào nút Save Tab để lưu lại.

tao-tab-san-pham-moi-cho-woocommerce

4. Trong trang thêm mới/ chỉnh sửa sản phẩm, các bạn sẽ thấy có thêm 1 mục tên là Custom Tabs.

them-tab-moi-trong-trang-san-pham

Để thêm tab mới cho sản phẩm hiện tại, các bạn click vào nút Add a Tab. Để thêm nhanh 1 tab đã được tạo sẵn ở bước 3, các bạn click vào nút Add a Saved Tab.

5. Điền tiêu đề và nội dung cho tab mới rồi click vào nút Save Tabs để lưu lại. Các bạn có thể thêm cùng lúc nhiều tab khác nhau cho từng sản phẩm.

giao-dien-custom-tabs-trong-trang-san-pham

6. Và kết quả sẽ trông giống như thế này:

demo-custom-tab-trong-woocommerce

Thật đơn giản nhưng vô cùng hiệu quả phải không nào? Chúc các bạn thành công!

Bạn đang dùng giải pháp nào để thêm tab tùy chỉnh trong trang sản phẩm của WooCommerce? Hãy chia sẻ nó với chúng tôi bằng cách sử dụng khung bình luận bên dưới.

0/5 (0 Reviews)