Bỏ qua tới nội dung
Kiến thức Website· ·13 phút đọc

Biến thể sản phẩm là gì và cách khai báo đúng trong WooCommerce

Nguyen Hien
Biến thể sản phẩm là gì và cách khai báo đúng trong WooCommerce
Cỡ chữ

Bạn đang bán áo thun trên WooCommerce và muốn khách chọn màu, cỡ ngay trên một trang thay vì mò vào từng sản phẩm riêng. Hoặc bạn bán nước hoa và muốn mỗi dung tích có giá khác nhau nhưng vẫn hiển thị cùng nhau. Đây chính xác là bài toán mà biến thể sản phẩm là gì giải quyết, và bài này sẽ giải thích rõ cơ chế hoạt động, cách khai báo đúng, và khi nào nên tách thành sản phẩm riêng thay vì dùng biến thể.

Biến thể sản phẩm là gì trong WooCommerce

Biến thể sản phẩm (product variation) là cách WooCommerce cho phép một sản phẩm có nhiều phiên bản khác nhau, mỗi phiên bản có thể mang giá, số lượng tồn kho, mã SKU và ảnh riêng. Khách hàng chọn tùy chọn mình muốn (màu, cỡ, dung tích…) ngay trên trang sản phẩm, rồi bấm thêm vào giỏ, thay vì phải tìm từng trang riêng.

Nói đơn giản hơn: nếu bạn có áo thun màu đỏ cỡ M và áo thun màu xanh cỡ L là cùng kiểu dáng, thay vì tạo hai sản phẩm riêng thì bạn tạo một sản phẩm “Áo thun” rồi đặt màu và cỡ làm thuộc tính, WooCommerce sẽ tự sinh ra từng biến thể cho mỗi tổ hợp màu-cỡ đó.

Cơ chế biến thể sản phẩm trong WooCommerce: từ thuộc tính sang tổ hợp rồi thành biến thể có giá và kho riêng

Cách WooCommerce lưu biến thể trong cơ sở dữ liệu

Phần kỹ thuật này giúp bạn hiểu tại sao thêm quá nhiều thuộc tính có thể khiến trang sản phẩm chậm. WooCommerce lưu mỗi biến thể dưới dạng một “sản phẩm con” (post_type = product_variation) trong database, gắn với sản phẩm cha bằng quan hệ cha-con. Nghĩa là nếu bạn có 3 màu và 4 cỡ thì có 12 bản ghi riêng trong database, mỗi bản ghi mang giá, SKU, số lượng tồn kho và ảnh của riêng nó.

Điểm quan trọng: khi khách mở trang sản phẩm, WooCommerce phải tải thông tin của tất cả các biến thể đó về cùng lúc để hiển thị bảng chọn. Sản phẩm có 5 thuộc tính với 4 giá trị mỗi thuộc tính có thể tạo ra tới 1.024 biến thể, và WooCommerce bắt đầu cảnh báo hiệu năng khi vượt quá 50 biến thể trên một sản phẩm, theo tài liệu chính thức của WooCommerce.

Ba bước khai báo biến thể sản phẩm đúng cách

Đầu tiên, trong phần chỉnh sửa sản phẩm, chuyển loại sản phẩm sang “Sản phẩm biến thể” (Variable product). Bước này bắt buộc vì nếu để “Sản phẩm đơn giản” thì tab Biến thể sẽ không xuất hiện.

Bước hai, vào tab Thuộc tính (Attributes) rồi thêm các thuộc tính bạn muốn dùng để tạo biến thể. Ví dụ: thuộc tính “Màu sắc” với các giá trị Đỏ, Xanh, Đen, và thuộc tính “Kích cỡ” với các giá trị S, M, L. Nhớ tích vào ô “Dùng cho biến thể” (Used for variations) nếu không thì WooCommerce sẽ không đưa thuộc tính đó vào bảng chọn biến thể.

Bước ba, vào tab Biến thể (Variations), chọn “Tạo biến thể từ tất cả thuộc tính” rồi bấm Thực hiện. WooCommerce sẽ tự sinh ra tất cả tổ hợp có thể. Sau đó bạn cần mở từng biến thể ra để điền giá, số lượng kho và ảnh riêng nếu có.

Lưới tổ hợp biến thể áo thun 3 màu và 3 cỡ tạo ra 9 biến thể, mỗi biến thể có giá và số lượng kho riêng

Biến thể sản phẩm so với sản phẩm riêng rẽ: bảng so sánh chi tiết

Đây là phần nhiều chủ shop nhầm nhất. Bảng dưới so sánh hai cách tổ chức sản phẩm để bạn chọn đúng:

Tiêu chíBiến thể sản phẩmSản phẩm riêng rẽ
Chức năng cốt lõiGiống nhau, chỉ khác màu/cỡ/dung tíchKhác nhau, phục vụ mục đích hoặc nhóm khách khác nhau
Trang hiển thịMột trang, khách chọn tùy chọn ngay trên đóMỗi sản phẩm một trang riêng với URL riêng
SEOMột URL chia sẻ toàn bộ traffic; khó lên từ khóa biến thể riêngMỗi sản phẩm có URL và từ khóa riêng, tốt hơn nếu có lượng tìm kiếm đáng kể
Quản lý khoTheo dõi tồn kho từng biến thể độc lậpTheo dõi tồn kho từng sản phẩm độc lập
Ví dụ phù hợpÁo cùng thiết kế nhiều màu/cỡ; nước hoa cùng mùi nhiều dung tíchSerum ban ngày và serum ban đêm; laptop văn phòng và laptop gaming
Khi bị nhầmBiến thể cho sản phẩm hoàn toàn khác tính năng: trang lộn xộn, khách không hiểuTách sản phẩm khi chỉ khác màu: phân tán traffic, khó quản lý kho
So sánh biến thể sản phẩm và sản phẩm riêng rẽ trong WooCommerce theo các tiêu chí: chức năng, SEO, quản lý kho

Hai bẫy thường gặp khi khai báo biến thể

Bẫy thứ nhất là tạo quá nhiều thuộc tính và để nhiều giá trị trong mỗi thuộc tính. Một sản phẩm áo có 4 màu, 5 cỡ và 3 chất liệu sẽ có tới 60 biến thể. Trang sản phẩm phải tải thông tin 60 biến thể đó mỗi lần mở, JavaScript phải xử lý bảng tổ hợp phức tạp hơn, và khách hàng phải chọn qua ba tầng dropdown trước khi bấm mua. Thực tế cho thấy nhiều shop chỉ cần 2 thuộc tính (màu + cỡ) là đủ, chất liệu nên đưa vào mô tả sản phẩm thay vì làm thuộc tính biến thể.

Bẫy thứ hai là không set giá và số lượng cho từng biến thể sau khi WooCommerce tự sinh. Nếu bỏ trống, biến thể đó sẽ không hiển thị cho khách chọn hoặc hiển thị mà không có giá, khiến khách bối rối. Sau khi tạo biến thể hàng loạt, bạn cần vào từng biến thể điền giá và tồn kho, hoặc dùng chức năng “Đặt giá thường” và “Đặt số lượng” áp hàng loạt nếu giá và kho đều giống nhau.

Khi nào nên tách thành sản phẩm riêng thay vì làm biến thể

Câu hỏi đơn giản để tự trả lời: nếu hai tùy chọn mà bạn đang cân nhắc phục vụ hai nhóm khách khác nhau hoặc giải quyết hai bài toán khác nhau, hãy tách thành sản phẩm riêng. Serum ban ngày và ban đêm tuy cùng thương hiệu nhưng khách tìm “serum ban đêm” trên Google không nhất thiết cũng mua serum ban ngày. Hai sản phẩm riêng sẽ có cơ hội lên TOP cho hai cụm từ khóa đó. Nếu làm một sản phẩm với hai biến thể, bạn chỉ có một URL để tranh cả hai cụm từ khóa đó.

Ngược lại, áo thun đen cỡ M và áo thun xanh cỡ L không ai tìm riêng từng cái. Khách gõ “áo thun trơn” rồi muốn chọn màu cỡ ngay trên trang. Đây là bài toán hoàn hảo cho biến thể sản phẩm. Để hiểu rõ hơn về cách WooCommerce theo dõi số lượng riêng cho từng biến thể, xem thêm bài tồn kho là gì trong cùng loạt bài WooCommerce này.

Khi nào nên dùng biến thể sản phẩm và khi nào nên tách thành sản phẩm riêng trong WooCommerce

Chủ shop không rành kỹ thuật cần biết điều gì

Bạn không cần hiểu cách WooCommerce lưu dữ liệu trong database. Điều thực tế cần nắm là: nếu sản phẩm của bạn chỉ khác nhau ở màu, cỡ hoặc dung tích mà chức năng giống nhau, hãy dùng biến thể và giữ tổng số biến thể dưới 50. Nếu sản phẩm khác nhau ở công dụng hoặc nhóm khách hàng mục tiêu, hãy tách thành sản phẩm riêng.

Khi nhờ người làm web khai báo biến thể, bạn cần cung cấp: danh sách thuộc tính (màu, cỡ…), danh sách giá trị của từng thuộc tính (Đỏ/Xanh/Đen, S/M/L/XL), và giá cùng số lượng tồn kho của từng biến thể nếu mỗi biến thể có giá hoặc kho khác nhau. Nếu có biến thể nào hết hàng thì ghi rõ để không bật bán hoặc bật chế độ đặt hàng khi hết.

Câu hỏi thường gặp về biến thể sản phẩm

Một sản phẩm có thể có bao nhiêu biến thể?

WooCommerce không đặt giới hạn kỹ thuật cứng về số lượng biến thể. Nhưng trên thực tế, ở ngưỡng trên 50, trang sản phẩm có xu hướng phản hồi chậm hơn vì dữ liệu của tất cả biến thể được tải về trình duyệt của khách ngay khi họ mở trang. Nếu catalog của bạn vượt con số đó, một số plugin bên thứ ba giải quyết bài toán này bằng cách tải biến thể theo yêu cầu (AJAX) thay vì nạp hết cùng lúc.

Biến thể có thể có ảnh riêng không?

Có. Mỗi biến thể có thể gắn một ảnh riêng. Khi khách chọn màu đỏ thì ảnh sản phẩm tự chuyển sang ảnh của biến thể màu đỏ. Đây là tính năng rất hữu ích khi các biến thể trông khác nhau nhiều, nhưng đòi hỏi bạn phải chuẩn bị ảnh riêng cho từng biến thể trước.

Tôi đã tạo sản phẩm đơn giản rồi, có chuyển sang sản phẩm biến thể được không?

Được. Bạn vào chỉnh sửa sản phẩm đó, đổi loại sản phẩm từ “Simple product” sang “Variable product”, rồi thêm thuộc tính và tạo biến thể. Dữ liệu đặt hàng cũ của sản phẩm đó vẫn giữ nguyên. Tuy nhiên giá và tồn kho cũ sẽ không tự chuyển sang biến thể, bạn cần điền lại cho từng biến thể mới tạo.

Có thể tắt một biến thể mà không xóa nó không?

Có. Mỗi biến thể có thể bật hoặc tắt trạng thái “Kích hoạt” riêng. Biến thể bị tắt sẽ không hiển thị để khách chọn, nhưng vẫn tồn tại trong hệ thống để bạn bật lại khi cần (ví dụ khi nhập hàng về).

Nếu bạn đang xây dựng hoặc nâng cấp cửa hàng WooCommerce và cần hỗ trợ khai báo biến thể, cấu trúc sản phẩm hoặc tối ưu hiệu năng, xem thêm tại trang dịch vụ thiết kế website WooCommerce của Web22.

Đọc tiếp

Bài viết
cùng chủ đề.

Tất cả bài viết
Chat Zalo