Theme bán mỹ phẩm thiên nhiên mẫu số 3 là giao diện cửa hàng nhiều danh mục, tông xanh thông và vàng đồng, có thẻ sản phẩm hiện nhãn giảm giá, số sản phẩm còn lại và mã giảm giá để thúc khách mua. Bạn đổi ảnh, chữ và sản phẩm bằng kéo thả của UX Builder.
Thông tin nhanh
| Ngành phù hợp | Cửa hàng mỹ phẩm, xà bông thủ công, đồ chăm sóc da, tóc và cơ thể có nhiều danh mục |
| Kiểu website | Website bán hàng nhiều sản phẩm có giỏ hàng, mã giảm giá và bài viết làm đẹp |
| Màu chủ đạo | Xanh thông ở thanh menu, vàng đồng ở nút và chữ nhấn, nền trắng kem |
| Nền tảng | WordPress kết hợp theme Flatsome và WooCommerce |
| Cách chỉnh sửa | Kéo thả bằng UX Builder, không cần biết lập trình |
| Xem thử | spa3.themewp5s.com |
| Hỗ trợ | Gọi hoặc nhắn Zalo 0929 880 468 |
Theme này hợp với ai?
Bạn bán từ vài chục đến vài trăm sản phẩm chia nhiều nhóm và muốn khách thấy ngay ưu đãi. Đầu trang có dải tặng voucher, ô tìm kiếm kèm từ khóa gợi ý và danh mục dọc mở sẵn; phía dưới là hàng biểu tượng danh mục và các tab sản phẩm bán chạy, nổi bật, sản phẩm hot.

Trong bản demo có những gì?
Các khối đọc từ trang chủ của bản demo:
- Dải thông báo tặng voucher cho khách mới ở trên cùng, ô tìm kiếm có năm từ khóa gợi ý, số hotline, tài khoản và giỏ hàng.
- Thanh menu năm mục (Trang chủ, Giới thiệu, Ưu đãi, Liên hệ, Góc làm đẹp) và danh mục dọc 11 mục mở sẵn bên trái.
- Banner trượt lớn kèm hai banner nhỏ xếp dọc bên phải.
- Hàng biểu tượng tròn cho các nhóm hàng, bấm vào để sang danh mục.
- Tab sản phẩm Top tìm kiếm, Bán chạy, Nổi bật, Sản phẩm hot; thẻ sản phẩm có tên thương hiệu nhỏ phía trên, nhãn phần trăm giảm, số sao và thanh Còn bao nhiêu sản phẩm.
- Các nhóm hàng Makeup, Skincare, sản phẩm gội đầu, nước hoa và khối Các brand nổi bật.
- Điện thoại có hàng biểu tượng danh mục, thẻ mã giảm giá và thanh gọi điện, Messenger, Zalo ở đáy màn hình.


Bản demo nặng nhẹ ra sao?
Trang chủ mẫu số 3 tải 511KB mã trang và 145 ảnh, gấp đôi mẫu có mã trang lớn thứ hai trong 15 mẫu đã đo (262KB).
| Chỉ số ở trang chủ | Số đo |
| Mã trang (HTML) | 511KB |
| Tệp kiểu trình bày (CSS) | 10 tệp, 373KB |
| Tệp chạy (JavaScript) | 21 tệp, 284KB |
| Số ảnh trên trang chủ | 145 ảnh |
| Thẻ sản phẩm trên trang chủ | 43 thẻ, 40 nút thêm vào giỏ |
Số đo lấy ở trang chủ khi chưa đăng nhập, tính dung lượng sau giải nén, chưa tính nội dung ảnh. Trang chủ dài vì có nhiều nhóm sản phẩm; nếu muốn nhẹ hơn, bạn bớt số thẻ trong mỗi nhóm trước khi tính đến chuyện khác.
Mẫu số 3 khác mẫu số 5 ở đâu?
Hai mẫu đều là cửa hàng mỹ phẩm có giỏ hàng. Mẫu số 3 là gian hàng đông đúc nhiều danh mục; mẫu số 5 gọn hơn, menu năm mục và ba nhóm sản phẩm.
| Tiêu chí | Mẫu số 3 | Mẫu số 5 |
| Danh mục | Danh mục dọc 11 mục cộng hàng biểu tượng tròn | Menu ngang năm mục, không có danh mục dọc |
| Thẻ sản phẩm ở trang chủ | 43 thẻ, 40 nút thêm vào giỏ | 24 thẻ, 12 nút thêm vào giỏ |
| Điểm riêng | Thanh còn lại bao nhiêu sản phẩm, mã giảm giá, logo thương hiệu | Banner trượt một thương hiệu và khối tin tức làm đẹp |
| Mã trang / số ảnh | 511KB / 145 ảnh | 158KB / 40 ảnh |
| Tệp CSS / tệp JS | 10 tệp 373KB / 21 tệp 284KB | 9 tệp 482KB / 20 tệp 294KB |
Mẫu số 5 ít ảnh hơn nhưng tệp kiểu trình bày lại lớn hơn mẫu số 3; ảnh nhiều không đồng nghĩa mọi phần đều nặng hơn.
Khi nào không nên chọn mẫu số 3?
- Bạn chỉ bán vài sản phẩm: trang chủ có nhiều khối nhóm hàng, khối trống sẽ làm trang trông thưa.
- Bạn cần trang chủ nhẹ: 511KB mã trang và 145 ảnh cao hơn mọi mẫu khác ở cả hai chỉ số này.
- Bạn không phân phối các thương hiệu lớn: khối Các brand nổi bật đang dùng logo hãng thật, phải thay hoặc gỡ.
- Bạn muốn bố cục nhẹ nhàng, ít chữ khuyến mãi: dải voucher, mã giảm giá và nhãn phần trăm xuất hiện nhiều chỗ trong mẫu này.
Chữ giữ chỗ cần thay trước khi bán hàng
Các nội dung này trên demo chỉ là mẫu:
- Số hotline 0999 999 999 ở đầu trang.
- Dòng Tặng VOUCHER 50.000Đ cho khách mới, mã giảm giá MDHP10 và các thẻ ưu đãi.
- Logo La Roche-Posay, Bioderma, Gucci, Chanel trong khối Các brand nổi bật và dòng Đại lý phân phối chính thức của hơn 1000 thương hiệu: là tên hãng thật, chỉ giữ khi bạn có quyền ghi.
- Số điện thoại và địa chỉ thư điện tử nằm ngay trong ảnh banner: phải làm lại ảnh.
- Tên Yến Authentic, Yến Cosmetic và logo.
- Sản phẩm mẫu mang tên hãng khác (AISHITOTO, DIESEL, 3CE, AVATAR, 3W CLINIC) cùng giá và số lượng còn lại.
- Nút Zalo và Messenger cần đặt lại liên kết của bạn.
Câu hỏi thường gặp
Có cần biết lập trình để sửa theme không?
Không. Danh mục dọc, banner, các tab sản phẩm, khối thương hiệu và thẻ mã giảm giá đều là khối kéo thả của UX Builder. Bạn đổi chữ, thay ảnh, thêm bớt nhóm sản phẩm bằng chuột, không phải chạm vào mã.
Thẻ sản phẩm có những gì?
Mỗi thẻ có ảnh, tên thương hiệu nhỏ phía trên, tên sản phẩm, giá gốc, giá bán, nhãn phần trăm giảm, số sao và nút thêm vào giỏ hàng. Dòng Còn bao nhiêu sản phẩm cần bạn kiểm tra lại cách hiển thị với kho hàng thật của mình trước khi chạy.
Sao trang chủ tải nặng hơn các mẫu khác?
Vì trang chủ gom nhiều nhóm hàng: 43 thẻ sản phẩm, 145 ảnh và hàng biểu tượng danh mục. Bạn giảm số thẻ ở mỗi nhóm hoặc bỏ bớt nhóm để nhẹ hơn. Số đo đầy đủ nằm ở mục Bản demo nặng nhẹ ra sao phía trên.
Điện thoại xem có ổn không?
Bản demo được xem ở khung rộng 390 điểm ảnh: banner thu nhỏ, hàng biểu tượng danh mục xếp thành lưới, thẻ mã giảm giá nằm ngang và thanh gọi điện, Messenger, Zalo cố định ở đáy. Chưa kiểm trên từng mẫu điện thoại thật.
Logo hãng và số điện thoại trên demo có phải của tôi không?
Không. Logo La Roche-Posay, Bioderma, Gucci, Chanel, số hotline, mã giảm giá và thông tin liên hệ trong banner đều là nội dung minh họa. Hãy thay hoặc gỡ hết trước khi mở website cho khách xem, đặc biệt là logo hãng thật, vì ghi tên hãng khi chưa được phép dễ gây tranh chấp.
Xem thử theme ở đâu?
Bấm nút Xem demo trên trang này hoặc mở spa3.themewp5s.com. Bản demo chặn công cụ tìm kiếm nên chỉ vào được bằng liên kết. Cần hỏi thêm về mẫu số 3, bạn gọi hoặc nhắn Zalo 0929 880 468 để được trả lời về cách chỉnh sửa và cài đặt.










Đánh giá Theme WordPress mỹ phẩm mẫu số 3