Theme WordPress mỹ phẩm mẫu số 20 là website bán mỹ phẩm thiên nhiên và chăm sóc da, có thêm phần dành cho đại lý và nhà phân phối. Bạn thay ảnh, đổi chữ, đổi sản phẩm bằng kéo thả của UX Builder, không cần biết lập trình.
Thông tin nhanh
| Ngành phù hợp | Cửa hàng mỹ phẩm thiên nhiên, mặt nạ, serum và kem dưỡng da; thương hiệu mỹ phẩm tuyển đại lý, nhà phân phối; spa có bán sản phẩm |
| Kiểu website | Cửa hàng có giỏ hàng, thanh toán và tài khoản khách, kết hợp trang giới thiệu, tin tức, trang đăng ký đại lý và hệ thống đại lý |
| Màu chủ đạo | Be nhạt và nâu ở thanh trên cùng, nút và chân trang; thanh đen ở dưới cùng; hai dải màu cam và xanh lục họa tiết ở khối đối tác và báo chí |
| 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; màu, logo, thanh trên cùng, chân trang chỉnh trong phần Tùy biến |
| Ngôn ngữ | Tiếng Việt, kể cả giỏ hàng, thanh toán và tài khoản khách |
Theme này hợp với ai
Bạn bán mặt nạ, serum, kem dưỡng hoặc mỹ phẩm thiên nhiên, muốn một website có gian hàng chia nhóm rõ ràng, có chỗ nêu thành tích, cảm nhận khách hàng và có trang riêng để tuyển đại lý. Nếu bạn chỉ cần trang giới thiệu dịch vụ, không bán hàng trực tiếp thì nên chọn theme khác.
Trang chủ trên máy tính: thanh trên cùng màu be có lời chào, địa chỉ, email và số điện thoại; kế đến là logo, menu bảy mục, biểu tượng giỏ hàng và tìm kiếm; bên dưới là banner trượt và bốn thẻ chức năng.

Trong bản demo có những gì
Các khối đọc từ trên xuống ở trang chủ, mỗi khối là một phần tử kéo thả riêng nên bạn thêm, bớt hoặc đổi chỗ được.
- Banner trượt ba ảnh (ảnh ngang cho máy tính và máy tính bảng, ba ảnh gần vuông riêng cho điện thoại) và bốn thẻ chức năng: đăng ký đại lý, hệ thống phân phối, khuyến mại, tin tức.
- Khối sản phẩm nổi bật có bốn thẻ chuyển nhóm (mặt nạ, làm sạch da, kem dưỡng da, serum), mỗi nhóm tối đa bốn sản phẩm, hiện giá gốc, giá giảm và nhãn phần trăm giảm.
- Khối thành tích có huy hiệu, bốn điểm nổi bật quanh ảnh sản phẩm; dải đối tác sáu biểu trưng; khối cảm nhận khách hàng kèm video giới thiệu; dải báo chí sáu biểu trưng; khối tin tức ba bài mới.
- Chân trang có dải đăng ký nhận ưu đãi, bốn cột thông tin, biểu tượng mạng xã hội và thanh bản quyền màu đen.
Kèm sẵn 12 trang gồm trang chủ, giới thiệu, liên hệ, đăng ký đại lý, hệ thống đại lý, chính sách đại lý, chính sách bảo mật, chính sách đổi trả, cửa hàng, giỏ hàng, thanh toán và tài khoản; 6 bài viết chia hai chuyên mục (blog và khuyến mại); 9 sản phẩm mẫu; 3 biểu mẫu liên hệ, đăng ký đại lý và đăng ký nhận tin.




Trên máy tính bảng, menu thu vào nút ba gạch, bốn thẻ chức năng vẫn xếp một hàng, sản phẩm xếp bốn cột và khối thành tích xếp gọn hai bên ảnh sản phẩm.


Trên điện thoại, banner đổi sang bộ ảnh riêng gần vuông để chữ đủ to và dễ đọc, các thẻ chức năng và sản phẩm xếp hai cột, khối thành tích xếp một cột và căn giữa.



Bản demo nặng nhẹ ra sao
Trang chủ mẫu số 20 có mã trang 157KB, 7 tệp kiểu trình bày (307KB) và 19 tệp chạy (268KB), tổng 52 thẻ ảnh trên trang chủ.
| Chỉ số ở trang chủ | Số đo |
| Mã trang (HTML) | 157KB |
| Tệp kiểu trình bày (CSS) | 7 tệp, 307KB |
| Tệp chạy (JavaScript) | 19 tệp, 268KB |
| Số thẻ ảnh trên trang chủ | 52 ảnh |
| Thời gian máy chủ trả trang chủ | khoảng 0,7 giây (đo một lần) |
Số đo lấy ở trang chủ khi chưa đăng nhập, là dung lượng sau khi giải nén, đo một lần trên máy chủ thử nghiệm. Bản demo chưa gỡ bớt tệp không dùng và chưa bật bộ nhớ đệm nên số tệp còn nhiều hơn các mẫu đã tối ưu; khi dùng thật nên bật bộ nhớ đệm trang và nén ảnh.
Mẫu số 20 khác mẫu số 16 ở đâu
Cả hai đều là website bán mỹ phẩm dựng bằng Flatsome và WooCommerce.
| Tiêu chí | Mẫu số 20 | Mẫu số 16 |
| Menu | Menu ngang bảy mục, có menu con | Có menu danh mục dọc ở trang chủ |
| Cách chia sản phẩm | Bốn thẻ chuyển nhóm ngay trang chủ | Khối deal hot, thương hiệu nổi bật và lưới sản phẩm theo nhóm |
| Trang cửa hàng | Cột danh mục sản phẩm bên cạnh | Có lọc giá, lọc thương hiệu và nhãn giảm giá |
| Phần dành cho đại lý | Có trang đăng ký đại lý, hệ thống đại lý và chính sách đại lý | Xem bản demo mẫu số 16 |
Khi nào không nên chọn mẫu số 20
- Bạn cần lọc sản phẩm theo giá hay thương hiệu ở trang cửa hàng: mẫu này chỉ có cột danh mục sản phẩm.
- Bạn cần menu danh mục dọc kiểu sàn thương mại điện tử: mẫu này dùng menu ngang.
- Bạn muốn một website giới thiệu dịch vụ, không bán hàng trực tiếp.
- Bạn cần thanh toán trực tuyến bằng thẻ hoặc ví điện tử: bản demo mới có chuyển khoản và thanh toán khi nhận hàng.
Chữ giữ chỗ cần thay trước khi bán hàng
Bản demo dùng thông tin minh họa. Trước khi dùng thật, bạn cần thay:
- Số điện thoại 0999.999.999, email email@gmail.com và chữ “Địa chỉ showroom” ở thanh trên cùng, trang liên hệ, hệ thống đại lý và chân trang.
- Logo Sắc Ngọc, biểu trưng đối tác và biểu trưng báo chí (chỉ là chữ minh họa), tên và lời cảm nhận của khách hàng, huy hiệu “Top 100”.
- Video giới thiệu: bản demo mới có ảnh bìa, chưa gắn video thật.
- Ảnh và tên 9 sản phẩm mẫu, giá, mô tả; ảnh sản phẩm mẫu cần thay bằng ảnh sản phẩm của bạn.
- Điều khoản chính sách đại lý, chính sách đổi trả và chính sách bảo mật là văn bản mẫu, cần kiểm tra lại với thực tế kinh doanh.
- Các liên kết mạng xã hội ở chân trang và trang liên hệ đang để dấu thăng.
Câu hỏi thường gặp
Có cần biết lập trình để sửa theme không?
Không. Trang chủ và các khối đều là phần tử kéo thả của UX Builder. Bạn bấm vào khối, đổi chữ, đổi ảnh rồi lưu.
Thay nội dung sản phẩm như thế nào?
Vào mục Sản phẩm trong trang quản trị, sửa tên, giá, ảnh và mô tả của từng sản phẩm. Khối sản phẩm ở trang chủ tự lấy theo nhóm sản phẩm nên bạn không phải sửa lại trang chủ.
Trên điện thoại có bộ banner riêng không?
Có. Trang chủ có hai thanh banner: một thanh cho máy tính và máy tính bảng, một thanh cho điện thoại. Khi thay banner bạn nhớ thay cả hai bộ.
Mua theme rồi có được hỗ trợ cài đặt không?
Có. Khách mua theme được hỗ trợ cài theme và tùy biến chuẩn SEO và GEO AI miễn phí.








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