• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Thêm tab tùy chỉnh cho trang sản phẩm của WooCommerce
hosting-tot-nhat-danh-cho-wordpress

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

Cập nhật: 24/04/2017 Trung Hiếu 22 Bình luận

Mục lục Hiện
  • 1. Thêm tab 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

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).

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 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. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Loại bỏ font chữ của plugin WooCommerce
Loại bỏ font chữ của plugin WooCommerce
Hiện tên người dùng và avatar trên menu WordPress
Hiện tên người dùng và avatar trên menu WordPress

Chuyên mục: Thủ thuật WordPress Thẻ: WooCommerce

dich-vu-wordpress-hosting-chong-ddos-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Rollback plugin và theme WordPress về phiên bản cũ hơn
Bài viết sau Kiểm tra khả năng tương thích của themes và plugins với PHP »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Hão 1 bình luậnviết

    23/07/2018 lúc 15:42

    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.

    Bình luận
    • Trung Hiếu Quản lýviết

      23/07/2018 lúc 18:14

      Mình vào thấy tab của bạn nằm ngang hết mà?

      Bình luận
      • Cường 2 bình luậnviết

        17/12/2018 lúc 23:52

        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😔

        Bình luận
    • Thiện 2 bình luậnviết

      06/03/2019 lúc 10:29

      Có cùng câu hỏi với bạn này ạ

      Bình luận
  2. Văn Tuấn 3 bình luậnviết

    01/07/2018 lúc 09:46

    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/

    Bình luận
    • Trung Hiếu Quản lýviết

      05/07/2018 lúc 18:58

      Mình không thể truy cập được vào link mà bạn đưa. :P

      This site can’t be reached
      www.tuandenroi.com took too long to respond.

      Bình luận
      • Văn Tuấn 3 bình luậnviết

        06/07/2018 lúc 20:28

        mình làm được rồi bạn ơi

        Bình luận
  3. Điệp 1 bình luậnviết

    09/05/2018 lúc 01:10

    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?

    Bình luận
    • Trung Hiếu Quản lýviết

      09/05/2018 lúc 06:47

      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.

      Bình luận
  4. Duc Nguyen 6 bình luậnviết

    13/01/2018 lúc 14:02

    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.

    Bình luận
  5. Trọng 1 bình luậnviết

    06/12/2017 lúc 20:59

    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.

    Bình luận
    • Trung Hiếu Quản lýviết

      07/12/2017 lúc 08:18

      Cái này mình chưa thử làm bao giờ nên cũng không rõ bạn ạ. :)

      Bình luận
  6. Thái Tài 36 bình luậnviết

    25/04/2017 lúc 16:51

    Mấy cái Tab này bot Google nó có index được nội dung trong đó không ta

    Bình luận
    • Trung Hiếu Quản lýviết

      25/04/2017 lúc 20:50

      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

      Bình luận
  7. Minh Khanh 32 bình luậnviết

    25/04/2017 lúc 04:08

    cái này quá tiện luôn.

    Bình luận
  8. Đạo Nguyễn 36 bình luậnviết

    24/04/2017 lúc 10:22

    Đ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

    Bình luận
    • Trung Hiếu Quản lýviết

      24/04/2017 lúc 10:24

      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

      Bình luận
  9. Sơn Standa 49 bình luậnviết

    24/04/2017 lúc 10:22

    Đã 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ú ạ :))

    Bình luận
    • Trung Hiếu Quản lýviết

      24/04/2017 lúc 10:23

      Không ảnh hưởng gì nhiều đâu. :P

      Bình luận
  10. Văn 33 bình luậnviết

    24/04/2017 lúc 10:20

    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.

    Bình luận
    • Trung Hiếu Quản lýviết

      24/04/2017 lúc 10:21

      Mình không phải là Luân nhé. :P

      Bình luận
      • Văn 33 bình luậnviết

        24/04/2017 lúc 10:28

        Sorry Hiếu mình nhầm. Thường xuyên Push nofication để mình nhớ mãi luôn nhé :)

        Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Tham gia cùng 10.000+ người khác.

Theo dõi qua mạng xã hội

Facebook Group

wpcanban-facebook-group

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Năm 2025 rồi, có nên viết blog nữa không? 07/05/2025
  • Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản 16/04/2025
  • Tính năng Crawl Optimization của plugin Yoast SEO 31/03/2025
  • Vô hiệu hóa WooCommerce Brands để tăng tốc độ 09/03/2025

Bình luận mới nhất

  • Trung Hiếu trong Năm 2025 rồi, có nên viết blog nữa không?
  • Tuấn Kỷ Nguyên Blog trong Năm 2025 rồi, có nên viết blog nữa không?
  • Trung Hiếu trong Năm 2025 rồi, có nên viết blog nữa không?
  • Tịnh Nguyễn Blog trong Năm 2025 rồi, có nên viết blog nữa không?

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 999 Bài viết - 35.502 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting