Theme WordPress mỹ phẩm mẫu số 22 là theme cửa hàng mỹ phẩm chính hãng tông hồng, có menu ngang mười mục, ba dải sản phẩm trượt ở trang chủ và trang cửa hàng có cột danh mục bên cạnh. 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 chính hãng bán nhiều nhóm hàng (dưỡng da, trang điểm, chăm sóc tóc) và nhiều thương hiệu; cửa hàng làm đẹp có bán hàng trực tuyến |
| Kiểu website | Cửa hàng có giỏ hàng, thanh toán và tài khoản khách, kèm trang tin tức, trang tra cứu và các trang chính sách |
| Màu chủ đạo | Hồng đậm ở tiêu đề, nút, ô giới thiệu và chân trang; thanh bản quyền hồng sáng hơn; nền trang xám rất nhạt |
| 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, 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ỹ phẩm chính hãng nhiều nhóm hàng và nhiều thương hiệu, muốn một menu ngang đủ mục để khách tìm nhanh, vài dải sản phẩm trượt ngay trang chủ và trang cửa hàng có cột danh mục bên cạnh. Nếu bạn cần lọc sản phẩm theo giá, theo thương hiệu hoặc cần trang riêng để tuyển đại lý thì nên chọn theme khác.
Trang chủ trên máy tính: logo ở giữa, bên dưới là menu mười mục (Trang chủ, Sale, Bán chạy, Dưỡng da, Trang điểm, Chăm sóc, Thương hiệu, Blogs, Tra cứu, Liên hệ), trong đó ba mục có menu con, cùng biểu tượng tìm kiếm, tài khoản và giỏ hàng; kế đến là banner trượt ba ảnh rồi dải sản phẩm bán chạy.

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, dùng chung một bộ ảnh cho máy tính, máy tính bảng và điện thoại.
- Ba dải sản phẩm trượt: bán chạy, ưu đãi và mới, có mũi tên chuyển; thẻ sản phẩm cao đều nhau, hiện giá gốc gạch ngang, giá giảm và nhãn phần trăm giảm.
- Khối video dạng dải trượt ba video (bấm nút phát để mở video); khối tin tức lấy các bài viết mới nhất kèm ảnh đại diện, tiêu đề và đoạn trích.
- Bốn ô giới thiệu (sản phẩm chính hãng, giao hàng miễn phí, hotline hỗ trợ, thanh toán linh hoạt) cao đều nhau; chân trang có logo, bốn biểu tượng mạng xã hội, hai cột liên kết (sản phẩm và chính sách), biểu tượng thanh toán và thanh bản quyền.
Kèm sẵn 13 trang gồm trang chủ, cửa hàng, giỏ hàng, thanh toán, tài khoản, bán chạy, sale, tra cứu, liên hệ và bốn trang chính sách (bảo mật thông tin, giao hàng và thanh toán, mua bán hàng hóa, trả hàng); 3 bài viết trong chuyên mục Blogs; 7 sản phẩm mẫu; 25 nhóm sản phẩm; 1 biểu mẫu liên hệ. Trang cửa hàng có cột bên trái gồm ô tìm kiếm và danh mục kèm số lượng sản phẩm.



Trên máy tính bảng, menu thu vào nút ba gạch, sản phẩm xếp ba cột, bốn ô giới thiệu vẫn xếp một hàng và cao đều nhau, chân trang chia hai cột liên kết bên cạnh logo.


Trên điện thoại, banner thu nhỏ theo bề ngang màn hình, sản phẩm xếp hai cột và vuốt ngang được, bốn ô giới thiệu xếp từng ô một, cao đều nhau và cách đều nhau.


Bản demo nặng nhẹ ra sao
Trang chủ mẫu số 22 có mã trang 185KB, 8 tệp kiểu trình bày (256KB) và 19 tệp chạy (268KB), tổng 51 thẻ ảnh trên trang chủ.
| Chỉ số ở trang chủ | Số đo |
| Mã trang (HTML) | 185KB |
| Tệp kiểu trình bày (CSS) | 8 tệp, 256KB |
| Tệp chạy (JavaScript) | 19 tệp, 268KB |
| Số thẻ ảnh trên trang chủ | 51 ảnh |
| Thời gian tải trang chủ | khoảng 0,4 giây (đo năm lần, từ 0,38 đến 0,45 giây) |
Số đo lấy ở trang chủ khi chưa đăng nhập, là dung lượng sau khi giải nén, đo 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ố 22 khác mẫu số 20 ở đâu
Cả hai đều là website bán mỹ phẩm dựng bằng Flatsome và WooCommerce. Mẫu số 22 nghiêng về cửa hàng bán lẻ nhiều nhóm hàng, mẫu số 20 có thêm phần tuyển đại lý.
| Tiêu chí | Mẫu số 22 | Mẫu số 20 |
| Màu chủ đạo | Hồng đậm, nền trang xám nhạt | Be nhạt và nâu |
| Menu | Menu ngang mười mục dưới logo, ba mục có menu con | Menu ngang bảy mục, có menu con |
| Cách chia sản phẩm | Ba dải sản phẩm trượt: bán chạy, ưu đãi và mới | Bốn thẻ chuyển nhóm ngay trang chủ |
| Trang cửa hàng | Cột bên trái có ô tìm kiếm và danh mục kèm số lượng | Cột danh mục sản phẩm bên cạnh |
| Phần dành cho đại lý | Không có | Có trang đăng ký đại lý, hệ thống đại lý và chính sách đại lý |
| Banner điện thoại | Dùng chung một bộ banner với máy tính | Có bộ banner riêng cho điện thoại |
Khi nào không nên chọn mẫu số 22
- 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ó ô tìm kiếm và cột danh mục.
- Bạn cần trang đăng ký đại lý và hệ thống đại lý: mẫu này không có, bạn xem mẫu số 20.
- 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 và 0999 999 998 ở ô hotline, địa chỉ “Số 1, đường Mẫu, quận Mẫu”, email lienhe@cuahangmau.vn và website cuahangmau.vn ở trang liên hệ.
- Logo và tên Beauty Trend ở đầu trang, chân trang và các tiêu đề; dòng “Copyright” ở thanh bản quyền chưa có tên cửa hàng.
- Ba video ở khối Video: nút phát đang mở video mẫu, cần thay bằng đường dẫn video của bạn.
- Ảnh, tên, giá của 7 sản phẩm mẫu và 3 bài viết mẫu; ảnh sản phẩm mẫu cần thay bằng ảnh sản phẩm của bạn.
- Bốn chính sách (bảo mật, giao hàng và thanh toán, mua bán hàng hóa, trả hàng) 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 đ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. Ba dải sản phẩm ở trang chủ tự lấy theo bán chạy, ưu đãi và mới 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?
Không. Bản này dùng chung một bộ banner cho cả ba thiết bị, ảnh tự co theo bề ngang màn hình. Vì chữ trên ảnh cũng nhỏ lại theo nên khi thay banner bạn nên chọn ảnh có chữ to và ít chữ.
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ố 22