---
title: "Thêm tab tùy chỉnh cho trang sản phẩm của WooCommerce"
author: "Trung Hiếu"
date: "2017-04-24"
lastmod: "2017-04-24"
url: "https://wpcanban.com/wordpress/thu-thuat-wordpress/them-tab-trong-woocommerce.html"
---

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

Hướng dẫn 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](https://wpcanban.com/wp-content/uploads/2017/04/them-tab-tuy-chinh-trong-trang-san-pham-cua-woocommerce.png)

Thông thường, trong trang sản phẩm của [WooCommerce](https://wpcanban.com/tag/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.

Tham khảo thêm:

- [Tải có điều kiện các file JS và CSS của WooCommerce](https://wpcanban.com/wordpress/thu-thuat-wordpress/tai-co-dieu-kien-js-css-woocommerce.html)
- [Top 10 WooCommerce plugins và extensions miễn phí](https://wpcanban.com/wordpress/wordpress-plugins/top-10-woocommerce-plugins-va-extensions-mien-phi.html)

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 cho 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* ([download](https://wordpress.org/plugins/yikes-inc-easy-custom-woocommerce-product-tabs/)).

![cai-dat-va-kich-hoat-plugin-custom-product-tabs-for-woocommerce](https://wpcanban.com/wp-content/uploads/2017/04/cai-dat-va-kich-hoat-plugin-custom-product-tabs-for-woocommerce.png)

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](https://wpcanban.com/wp-content/uploads/2017/04/click-vao-nut-add-tab.png)

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](https://wpcanban.com/wp-content/uploads/2017/04/tao-tab-san-pham-moi-cho-woocommerce.png)

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](https://wpcanban.com/wp-content/uploads/2017/04/them-tab-moi-trong-trang-san-pham.png)

Để 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](https://wpcanban.com/wp-content/uploads/2017/04/giao-dien-custom-tabs-trong-trang-san-pham.png)

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

![demo-custom-tab-trong-woocommerce](https://wpcanban.com/wp-content/uploads/2017/04/demo-custom-tab-trong-woocommerce.png)

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.

*Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều.* :)