PHẦN 1: CHUẨN BỊ TRƯỚC

🧩 Cài các plugin cần thiết

Truy cập Plugins → Add New, cài và kích hoạt:

---

🧱 PHẦN 2: TẠO THUỘC TÍNH SẢN PHẨM

📍 WooCommerce → Sản phẩm → Thuộc tính
➕ Ở đây bạn sẽ tạo thuộc tính như Màu sắc, Kích thước, Dung lượng, v.v.

✏️ Ví dụ: Tạo thuộc tính “Màu sắc iPhone”

• Tên: Màu sắc iPhone

• Slug: mau-sac-iphone (không dấu, không khoảng cách)

• Loại hiển thị: chọn Color, Image, Radio…

• Tích ✅ Cho phép lưu trữ

• Bấm Thêm thuộc tính

📸 Ảnh minh họa: bạn đã tạo thuộc tính Màu sắc – hiển thị bằng ô màu [Ảnh 1-2]

---

🧱 PHẦN 3: CẤU HÌNH GIÁ TRỊ THUỘC TÍNH

📍 Trong bảng Thuộc tính → nhấn “Cấu hình chủng loại…”

Ở đây, bạn thêm từng giá trị của thuộc tính:

Ví dụ với “Màu sắc”:

• Màu đỏ

• Màu xanh

• Màu vàng

Chọn màu sắc tương ứng nếu dùng loại hiển thị là Color.

📸 Ảnh 3: bạn đã thêm các màu sắc cụ thể.

---

🧱 PHẦN 4: THÊM SẢN PHẨM MỚI

📍 Sản phẩm → Thêm sản phẩm mới

• Nhập tên sản phẩm

• Viết mô tả chi tiết và mô tả ngắn

• Chọn Danh mục, Thẻ, Ảnh đại diện sản phẩm

📸 Ảnh 4: khu vực nhập mô tả sản phẩm

---

🧱 PHẦN 5: CÀI ĐẶT BIẾN THỂ

Bước 1: Chọn kiểu sản phẩm là “Sản phẩm có biến thể”

📍 Phần “Dữ liệu sản phẩm” → chọn Sản phẩm có biến thể

📸 Ảnh 5 minh họa bạn đã chọn đúng.

---

Bước 2: Gán thuộc tính cho sản phẩm

📍 Tab “Thuộc tính” trong Dữ liệu sản phẩm

• Chọn thuộc tính vừa tạo (VD: Màu sắc iPhone)

• Bấm “Thêm”

• Nhập giá trị (VD: Đỏ | Xanh | Vàng)

• Tích chọn:

  • ✅ “Hiển thị trên trang sản phẩm”

  • ✅ “Dùng cho biến thể”

• Bấm Lưu thuộc tính

📸 Ảnh 6-7: bạn đã thiết lập thuộc tính cho sản phẩm.

---

Bước 3: Tạo các biến thể từ thuộc tính

📍 Tab “Các biến thể” → menu xổ xuống chọn:
🔁 “Tạo biến thể từ tất cả các thuộc tính” → Bấm “Đi”

⚠️ WooCommerce sẽ tạo tất cả các tổ hợp (VD: Đỏ – 128GB, Đỏ – 512GB,…)

📸 Ảnh 8-9: bạn đã tạo 8 biến thể từ 3 thuộc tính.

---

Bước 4: Thiết lập thông tin cho từng biến thể

✔️ Nhấn vào từng biến thể để mở rộng:

• ✅ Tích “Bật”

• ✅ Cập nhật ảnh riêng cho biến thể

• ✅ Nhập giá: bắt buộc phải có giá để hiển thị

• ✅ Nhập mã SKU, số lượng tồn kho

• ✅ Nhập thông tin vận chuyển (khối lượng, kích thước)

📸 Ảnh 10-11: bạn đang chỉnh biến thể Màu Đỏ – X – 128GB

⏳ Bấm Lưu thay đổi sau khi thiết lập.

---

🧱 PHẦN 6: HOÀN THIỆN & XUẤT BẢN

1. Thêm ảnh sản phẩm chính

2. Viết mô tả ngắn

3. Đặt danh mục và thẻ sản phẩm

4. Bấm Xuất bản

📸 Ảnh 12: đã thêm thẻ “DemoSanPham”

---

🧱 PHẦN 7: XEM GIAO DIỆN TRÊN WEBSITE

📍 Khi vào trang chi tiết sản phẩm, người dùng có thể chọn:

• Màu sắc: hiển thị bằng ô màu

• Thuộc tính (nút): dạng button X, XL,…

• Dung lượng: dạng Radio 128GB, 512GB…

📸 Ảnh 13-16: giao diện khách hàng hiển thị rất trực quan.

---

✅ TỔNG KẾT CÁC BƯỚC NGẮN GỌN