Hướng dẫn thêm tab tùy chỉnh trong trang sản phẩm của 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 WooCommerce
- Top 10 WooCommerce plugins và extensions miễn phí
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).
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.
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.
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.
Để 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.
6. Và kết quả sẽ trông giống như thế này:
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. :)
tap của em nó bị nằm dọc muốn các tab nằm ngang như ở trên thì tùy chỉnh như thế nào ạ . cảm ơn anh.
Mình vào thấy tab của bạn nằm ngang hết mà?
Bạn ơi giúp mình với mình muốn tab nằm dọc như trên phải làm sao ạ, mình tìm hết trang web rồi không ai hướng dẫn hết😔
Có cùng câu hỏi với bạn này ạ
Chào bạn cho mình hỏi vấn đề này nhé: mình đã dingf plugun chỉnh sửa hình ảnh sản phầm theo ý muông nhưng còn tiêu đề sản phẩm và nút “Đến nơi bán” nó hiển thị to quá, phải làm sao nó nhỏ lại bạn. Nó đây bạn: https://www.tuandenroi.com/Blog/cua-tiem/
Mình không thể truy cập được vào link mà bạn đưa. :P
This site can’t be reachedwww.tuandenroi.com took too long to respond.
mình làm được rồi bạn ơi
cho mình hỏi : muốn thêm một đường dẫn ” Hướng dẫn mua hàng” vào dưới nút “Thêm vào giỏ” giống như trang lazada , hay để nó trong mô tả ngắn sản phẩm thì làm thế nào? bạn có bài hướng dẫn nào không?
Trên blog của mình chưa có bài nào như vậy. Bạn có thể tham khảo bài viết này xem sao.
Add vào từng sản phẩm một thì hơi bất tiện bác nhỉ ?!
Có plugin nào add cố định luôn không bác, hiển thị trên tất cả sản phẩm luôn.
Chào Hiếu.
Cho mình hỏi là có thể tạo riêng phần comment khỏi tab được không. Nó hiển thị ở dưới phần thông tin sản phẩm. Kiểu như thế giới di động vậy.
Cảm ơn Hiếu.
Cái này mình chưa thử làm bao giờ nên cũng không rõ bạn ạ. :)
Mấy cái Tab này bot Google nó có index được nội dung trong đó không ta
View source HTML xem nó có hiển thị nội dung của các tab không? Nếu có thì có nghĩa là Google Bots sẽ index. Bởi vì nó đọc HTML mà. :P
cái này quá tiện luôn.
Đang dùng cái này Woocommerce Tabs Pro: Extra Tabs for Product Page. Tùy biến cao và nhiều tính năng :D
Nó là plugin trả phí mà. Tất nhiên phải nhiều tính năng hơn rồi. :D Nhưng với nhu cầu cơ bản thì mình nghĩ plugin Custom Product Tabs for WooCommerce là đủ. :P
Đã làm thêm 1 tab video sản phẩm, chèn Youtube, méo biết có nặng hơn nhiều ko chú ạ :))
Không ảnh hưởng gì nhiều đâu. :P
Yeah,
Thanks Luân chia sẻ Plugin này. Trước giờ dùng WooCommerce Custom Product Tabs Lite bị hạn chế rất nhiều.
Mình không phải là Luân nhé. :P
Sorry Hiếu mình nhầm. Thường xuyên Push nofication để mình nhớ mãi luôn nhé :)