Trang chủ / Thủ thuật Online / Wordpress / Thêm tab tùy chỉnh trong trang sản phẩm của WooCommerce

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

Thêm tab tùy chỉnh trong trang sản phẩm của WooCommerce4.3 (4 votes)

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

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.

Tham khảo thêm:

Tải có điều kiện các file JS và CSS của plugin WooCommerce
Top 10 WooCommerce plugins và extensions miễn phí
Theme Paradise v4.2 chính thức ra mắt, hỗ trợ WooCommerce

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.

Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. 🙂

Chia sẻNhấn vào chia sẻ trên Facebook (Opens in new window)Bấm để chia sẻ trên Google+ (Opens in new window)Bấm để chia sẻ trên Twitter (Opens in new window)

Bài viết liên quan

About hoangnguyen

Có thể bạn cũng thích

Khắc phục lỗi cache của Google Analytics một cách đơn giản

Khắc phục lỗi cache của Google Analytics một cách đơn giản4.4 (13 votes) Khắc phục …