Trang chủ WordpressWordpress Plugin [Woocommerce] Tạo sản phẩm có thuộc tính

[Woocommerce] Tạo sản phẩm có thuộc tính

bởi Thạch Phạm
11 bình luận 8515 views
Khuyến mãi hosting

Ngoài sản phẩm đơn giản mà chúng ta sẽ sử dụng thường xuyên để thêm các loại sản phẩm thông thường thì Woocommerce còn hỗ trợ thêm một kiểu sản phẩm nữa mà bạn sẽ thường xuyên thấy ở các website bán hàng chuyên nghiệp, đó là sản phẩm có thuộc tính.

Ví dụ, bạn có sản phẩm là Áo thun và khách hàng có thể chọn những thông tin khi đặt hàng như màu sắc, kích thước và những thông tin để chọn đó là thuộc tính sản phẩm. Ở Woocommerce, bạn có thể thiết lập một sản phẩm có nhiều thuộc tính, sau đó cho nó hiển thị ra bên ngoài hoặc cho khách tùy chọn khi mua và nó cũng hỗ trợ bạn thiết lập giá sản phẩm riêng cho từng thuộc tính.

Thêm thuộc tính kiểu văn bản

Thuộc tính sản phẩm kiểu văn bản nghĩa là nó sẽ hiển thị ra phần thông tin thêm của sản phẩm và người dùng không thể lựa chọn, hoặc chúng ta không thể thiết lập giá cả và hình ảnh riêng cho nó được. Mục đích sử dụng của thuộc tính kiểu này là để khách hàng tham khảo, ví dụ như thông tin phần cứng của các thiết bị điện tử.

Trước hết, chúng ta vào phần Sản phẩm -> Các thuộc tính và tạo mới một thuộc tính loại văn bản.

woocommerce-thuoc-tinh-san-pham-01

Tạo thuộc tính kiểu văn bản

Phần cho phép lưu trữ nghĩa là chúng ta cho phép WordPress tạo riêng một trang lưu trữ cho thuộc tính này với đường dẫn riêng để phân loại các sản phẩm theo thuộc tính, rất tốt cho SEO nên các bạn hãy chọn nó.

Bước cuối cùng là chúng ta khai báo thuộc tính này cho sản phẩm, bạn có thể sửa một sản phẩm đã có sẵn hoặc thêm mới một sản phẩm để thêm thuộc tính vào nó.

Phần dữ liệu sản phẩm, bạn chọn mục “Các thuộc tính“, sau đó chọn thuộc tính sản phẩm cần áp dụng và ấn nút thêm.

woocommerce-thuoc-tinh-san-pham-04

Thêm thuộc tính vào sản phẩm

Sau khi thêm xong, chúng ta sẽ khai báo giá trị hiển thị của thuộc tính này, bạn có thể dùng dấu | để ngăn cách các giá trị với nhau.

woocommerce-thuoc-tinh-san-pham-05

Thiết lập giá trị thuộc tính văn bản

Khi lưu thuộc tính xong, nhớ ấn cập nhật sản phẩm để nó bắt đầu lưu lại.

Bây giờ bạn ra ngoài xem sản phẩm sẽ thấy có thêm mục thông tin thêm và nơi đó sẽ hiển thị các thuộc tính dạng văn bản.

woocommerce-thuoc-tinh-san-pham-06

Kết quả thuộc tính văn bản

Dĩ nhiên là bạn có thể thêm nhiều thuộc tính kiểu văn bản khác nhau.

Thêm thuộc tính kiểu lựa chọn

Thuộc tính sản phẩm kiểu lựa chọn sẽ có một điểm khác biệt là chúng ta có thể nhập giá khác nhau cho mỗi thuộc tính, và khách hàng có thể chọn mua kiểu mà họ muốn. Giống như khi chúng ta mua quần áo trên mạng sẽ có phần chọn màu sắc, kích thước vậy.

Trước tiên, chúng ta cũng vào phần Sản phẩm -> Các thuộc tính và tạo ra thuộc tính kiểu lựa chọn.

woocommerce-thuoc-tinh-san-pham-07

Thêm thuộc tính kiểu lựa chọn

Và một điểm khác biệt nữa của thuộc tính lựa chọn là bạn phải thiết lập chủng loại thuộc tính (nói cách khác là giá trị của thuộc tính). Hãy nhấp vào biểu tượng vòng tròn trên phần quản lý thuộc tính.

woocommerce-thuoc-tinh-san-pham-08

Thiết lập chủng loại của thuộc tính dành cho kiểu lựa chọn

Và ở đây chúng ta cần khai báo sẵn các giá trị mà chúng ta sẽ sử dụng nó trên các sản phẩm.

woocommerce-thuoc-tinh-san-pham-09

Kế tiếp là hãy sửa hoặc tạo mới sản phẩm cần thêm thuộc tính. Phần dữ liệu sản phẩm, bạn hãy chọn là sản phẩm có biến thể.

woocommerce-thuoc-tinh-san-pham-10

Chuyển loại sản phẩm sang sản phẩm có biến thể

Kế tiếp phần các thuộc tính, bạn thêm thuộc tính kiểu lựa chọn vừa thêm vào, nhớ thêm những giá trị thuộc tính cần sử dụng cho sản phẩm này và đánh dấu vào phần dùng cho nhiều biến thể.

woocommerce-thuoc-tinh-san-pham-11

Kế tiếp hãy qua mục các biến thể và thêm biến thể của sản phẩm này vào.

woocommerce-thuoc-tinh-san-pham-12

Sau đó bạn có thể thiết lập thông tin chi tiết của từng biến thể mà sản phẩm này đã được hỗ trợ bởi các thuộc tính.

mỗi biến thể bạn nhấp vào nó để thiết lập hình ảnh, giá cả, số lượng trong kho,…và nếu bạn muốn thêm nhiều biến thể khác chứ việc ấn nút thêm biến thể là được nhé.

woocommerce-thuoc-tinh-san-pham-13

Bạn có thể ấn nút thêm biến thể và làm tương tự với các biến thể khác mà bạn muốn.

Sau đó lưu biến thể lại và cập nhật sản phẩm. Kết quả ta có:

woocommerce-thuoc-tinh-san-pham-14

Kết quả sản phẩm có thuộc tính kiểu lựa chọn

Nếu bạn cảm thấy chữ Chọn một tùy chọn dài quá thì dùng Loco Translate mà sửa lại bản dịch nhé.

Cũng đơn giản mà phải không, nhưng mà bạn có muốn làm phần thuộc tính sản phẩm và các lựa chọn sản phẩm thêm chuyên nghiệp không? Hãy xem qua bài tiếp theo mình sẽ giới thiệu bạn đến một plugin rất hay để phần tùy chọn này thêm phong phú.

11 bình luận

Có thể bạn quan tâm

0 0 vote
Article Rating
guest
11 Comments
mới nhất
cũ nhất đánh giá nhiều
Inline Feedbacks
View all comments
David Chan

Mình đã thêm biến thể và test thử thì mọi thứ ok, nhưng khi tạo đơn hàng thì trong đơn hàng không ghi chú tên biến thể là gì mà chỉ ghi số ID của biến thể, thế thì rất khó biết khách hàng chọn biến thể nào nếu có quá nhiều biến thể 🙁

man

Chào bạn Thạch, cho mình hỏi là mình muốn thiết lập sản phẩm loại virtual (ví dụ dịch vụ cắt tóc) là dịch vụ và không có ship. Sau đó sản phẩm này thì mình muốn nó hiển thị giá Trong trang (single product – sản phẩm chi tiết) theo kiểu giá cho Nam, Nữ, Trẻ em và bên cạnh là số lượng có 3 field là số lượng add to cart cho Nam, Nữ, Trẻ em.

Xin hỏi là mình làm sao để tùy biến ra được như vậy? Cảm ơn bạn nhiều

bùi văn nam

làm cách nào để thêm chữ New vào sản phẩm mới vậy thạch phạm ?

Vu Huong

Cho mình hỏi cái này mình import dữ liệu cũ về host khác, ko biết có phải lỗi gì đó do phiên bản mới với cũ không mà khi add attribute nó cứ bị đơ, quay tít mãi ko add đc như này http://prnt.sc/f26368

Phước

mình cũng bị như bạn, thêm biến thể là nó cứ quay mãi

Tuấn

Bạn cho mình hỏi
Khi thêm thuộc tính sản phẩm là bi treo. Xoay vong vòng. Khong thể lưu được là bị lỗi gì và cách khắc phục.
Tks ban

alibaba

Hi Thạch! cho mình hỏi là sản phẩm của mình có nhiều giá cho các size khác nhau. Có plugin gì mà hiện thị theo giá khi lựa chọn từng size không. Thank

Quốc

Chào anh!
Sao trên web của em sau khi cập nhật woocommerce bản 2.6.9 thì các sản phẩm có biến thể lại hiển thị như sản phẩm đơn giản. Chỉ khi mình kích vào giỏ hàng thfi nó mới hiển thị các option cho mình chọn. Anh có thể xem giúp em không ạ, Cảm ơn anh nhiều!

john cena

có plugin nào giống vậy mà free không a 😀

Thailong

Chào anh,
Mình đã đọc rất nhiều hướng của anh và nó giúp mình rất nhều trong công việc.
ở bài viết này mình làm theo hướng dẫn về thêm màu sắc cho sản phẩm, nhưng bị lỗi như hình dưới

trong khi hàng rong kho còn và > sl đặt mua. Làm sao để khắc phục đây?

Chương

Mình cũng bị lỗi thông báo ” Rất tiếc, sản phẩm này hiện không tồn tại. Hãy chọn một phương thức kết ợp khác “khi đặt hàng sản phẩm có màu sắc, còn những sản phẩm không có màu sắc thì vẫn đặt hàng và thanh toán ok.
Không bik là mình có làm sai ở đâu không hay cần phải thêm gì nữa.

11
0
Would love your thoughts, please comment.x
()
x