Theme WordPress mỹ phẩm chính hãng mẫu số 30 là website bán hàng tông hồng, trang chủ có banner ba ảnh, dải ba ô thông tin, khối Top sản phẩm bán chạy, khối Thương hiệu nổi bật dạng lưới ảnh và khối bài viết làm đẹp, kèm cửa hàng, giỏ hàng và thanh toán của WooCommerce. Bản demo hiển thị tràn khung trên máy tính, máy tính bảng và điện thoại, riêng máy tính bảng và điện thoại được xếp lại gọn hơn bản máy tính. Bạn thay ảnh, đổi chữ bằng kéo thả của UX Builder, không cần biết lập trình.
Thông tin nhanh về mẫu số 30
| Ngành phù hợp | Mỹ phẩm chính hãng nhiều thương hiệu, mỹ phẩm Hàn Quốc, trang điểm và chăm sóc da; cửa hàng cần khối thương hiệu nổi bật và thông tin chuyển khoản ở chân trang |
| Kiểu website | Website bán hàng mỹ phẩm có cửa hàng, giỏ hàng, thanh toán (chuyển khoản hoặc nhận hàng trả tiền), khối bài làm đẹp; thanh nút liên hệ cố định ở đáy màn hình điện thoại |
| Màu chủ đạo | Hồng (#e13373 và #fd669f) làm màu nhấn; nền trắng |
| Phông chữ | Chữ nội dung khai báo SF Pro Display, tiêu đề Arial; SF Pro Display là phông của Apple, không nạp từ web nên máy không có sẽ dùng phông không chân mặc định |
| Bố cục | Nội dung đặt trong khung rộng 1270px; máy tính bảng và điện thoại được xếp lại riêng, không chỉ thu nhỏ từ bản máy tính |
| Nền tảng | WordPress kết hợp theme Flatsome và WooCommerce; biểu mẫu dùng plugin Contact Form 7 |
| Cách chỉnh sửa | Kéo thả bằng UX Builder ở trang chủ và các trang; chân trang là khối dùng lại sửa được trong UX Builder, đầu trang chỉnh trong phần Tùy biến của Flatsome |
| Ngôn ngữ | Tiếng Việt |
Theme này hợp với ai?
Bạn bán mỹ phẩm chính hãng của nhiều thương hiệu và muốn khách nhìn thấy ngay hai thứ: hàng đang bán chạy và những hãng bạn có. Khối Top sản phẩm bán chạy xếp sáu thẻ một hàng có nhãn giảm giá, khối Thương hiệu nổi bật là lưới ảnh ba cột, còn dải ba ô dưới banner (giao hàng miễn phí, hotline, sản phẩm chính hãng) nhắc chính sách ngay đầu trang. Chân trang có thông tin chuyển khoản và dòng Top sản phẩm được tìm kiếm nhiều để khách đi tiếp. Trang chủ của mẫu này dài nhất trong các mẫu từ 27 đến 32 (14.384px trên điện thoại), nên hợp với shop muốn trưng nhiều hàng ngay một trang.

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.
- Đầu trang có ô tìm kiếm bên trái, logo ở giữa, tài khoản và giỏ hàng bên phải, thanh menu chín mục có menu con kèm nút hotline.
- Banner ba ảnh trượt ngay dưới thanh menu, kèm dải ba ô thông tin: giao hàng miễn phí, hotline, sản phẩm chính hãng.
- Khối Top sản phẩm bán chạy: lưới sáu thẻ một hàng, mỗi thẻ có ảnh, tên, giá và nhãn giảm giá; thẻ lấy thẳng từ WooCommerce.
- Gian hàng hai tab Sản phẩm bán chạy và Hàng mới về, lưới thẻ sản phẩm ba cột trên máy tính bảng.
- Khối Thương hiệu nổi bật: lưới ảnh ba cột, mỗi ô là một ảnh thương hiệu.
- Khối bài viết làm đẹp bốn bài có ảnh, tiêu đề, đoạn trích và nút Xem thêm.
- Chân trang bốn cột (hỗ trợ khách hàng, thông tin chuyển khoản, thông tin hữu ích, mạng xã hội), dòng Top sản phẩm được tìm kiếm nhiều và thanh bản quyền kèm biểu tượng thanh toán.
Kèm sẵn 7 trang gồm trang chủ, giới thiệu, thương hiệu, cửa hàng, giỏ hàng, thanh toán và tài khoản; 5 bài viết; 12 sản phẩm WooCommerce (2 sản phẩm có giá khuyến mãi); 16 chuyên mục sản phẩm; 1 biểu mẫu Contact Form 7.




Trên máy tính bảng, nút menu ba gạch nằm bên trái, logo ở giữa, giỏ hàng bên phải; dưới banner là dải ba ô thông tin, rồi khối sản phẩm với hai tab Sản phẩm bán chạy và Hàng mới về, lưới ba cột.


Trên điện thoại, banner thu gọn lại, ba ô thông tin xếp dọc, thẻ sản phẩm xếp hai thẻ một hàng và có thanh năm nút liên hệ cố định ở đáy.


Bản demo nặng nhẹ ra sao?
Số đo thật khi mở trang chủ như khách chưa đăng nhập, chưa bật bộ nhớ đệm trang:
| Trang chủ (HTML) | khoảng 250KB |
| Tệp kiểu trình bày | 4 tệp, khoảng 179KB |
| Tệp mã chạy | 16 tệp, khoảng 256KB |
| Ảnh trong thân trang chủ | 87 ảnh |
| Thời gian máy chủ trả trang chủ | 0,71 đến 0,98 giây (đo 10 lần, trung bình khoảng 0,79 giây) |
| Chiều cao trang chủ | 7.828px (máy tính), 10.404px (máy tính bảng), 14.384px (điện thoại) |
Ghi chú: thời gian trên là thời gian máy chủ demo trả về trang chủ khi chưa bật bộ nhớ đệm trang, chưa tính thời gian tải ảnh, kiểu trình bày và mã chạy của trình duyệt. Chiều cao đo sau khi cuộn hết trang để ảnh tải đủ. Khi chạy thật trên hosting của bạn và bật bộ nhớ đệm, thời gian thường thấp hơn. Về dung lượng mẫu này gần mẫu số 29 (250KB so với 269KB, cùng 87 ảnh), nhưng trang chủ dài hơn nhiều: 14.384px trên điện thoại so với 7.817px của mẫu số 29, cao nhất trong các mẫu từ 27 đến 32 mà mình đã đo.
Mẫu số 30 khác mẫu số 29 ở đâu?
| Tiêu chí | Mẫu số 29 | Mẫu số 30 |
| Ngành | Mỹ phẩm xách tay, mỹ phẩm nhập khẩu | Mỹ phẩm chính hãng nhiều thương hiệu |
| Tông màu | Xanh lá, nền trắng | Hồng, nền trắng |
| Banner đầu trang | 4 ảnh, ẩn ở máy tính bảng | 3 ảnh, hiện ở cả ba thiết bị |
| Menu | 9 mục, không có mục con | 9 mục chính, 21 mục tính cả mục con, kèm nút hotline |
| Trang | 12 trang | 7 trang |
| Bài viết, chuyên mục sản phẩm | 5 bài, 12 chuyên mục sản phẩm | 5 bài, 16 chuyên mục sản phẩm |
| Bán hàng | 22 sản phẩm, chưa có sản phẩm khuyến mãi | 12 sản phẩm, 2 sản phẩm khuyến mãi |
| Khung nội dung | 1170px | 1270px |
| Dung lượng trang chủ | 269KB | 250KB |
| Ảnh trong thân trang chủ | 87 ảnh | 87 ảnh |
| Tệp kiểu trình bày / mã chạy | 4 tệp (180KB) / 16 tệp (256KB) | 4 tệp (179KB) / 16 tệp (256KB) |
Khi nào không nên chọn theme này?
- Bạn cần thanh toán trực tuyến bằng thẻ hoặc ví điện tử: bản demo có chuyển khoản và nhận hàng trả tiền, chưa cài cổng thanh toán trực tuyến; hãy cấu hình thêm cổng thanh toán và phí giao hàng trước khi bán.
- Bạn cần trang chủ ngắn: trang chủ cao khoảng 14.384px trên điện thoại và 10.404px trên máy tính bảng, nhiều khối nối nhau; khách phải cuộn khá dài.
- Bạn cần phông chữ hiển thị giống hệt trên mọi máy: chữ nội dung khai báo SF Pro Display nên máy không cài sẽ dùng phông thay thế; muốn đồng nhất, hãy đổi sang một phông Google trong phần Tùy biến.
- Bạn cần nhiều trang chính sách sẵn có: mẫu này chỉ có 7 trang, không có trang đổi trả hay điều khoản như mẫu số 29.
- Bạn không bán mỹ phẩm: hình, chữ và màu đều theo ngành mỹ phẩm, đổi ngành thì phải thay gần hết ảnh và chữ.
Chữ giữ chỗ nào cần thay trước khi bán?
- Số hotline 0999.999.999 (và số 09298804689 ở nút liên hệ), email emailabc@gmail.com ở đầu trang, thanh nút liên hệ và chân trang.
- Tên thương hiệu Nhan Sắc Việt và logo ở đầu trang, tiêu đề các khối và nội dung bài viết: đây là tên minh họa, hãy thay bằng tên và logo của bạn.
- Chân trang: địa chỉ cửa hàng, thông tin chuyển khoản (tên ngân hàng và số tài khoản) chỉ là chữ giữ chỗ; hãy thay bằng tài khoản thật của bạn trước khi bán.
- Dòng Top sản phẩm được tìm kiếm nhiều ở chân trang và khối Thương hiệu nổi bật có tên và ảnh hãng khác; hãy thay bằng hãng bạn thật sự phân phối.
- 12 sản phẩm mẫu (ảnh, tên, giá) và 5 bài viết làm đẹp là nội dung minh họa, một số ảnh in tên thương hiệu khác; hãy thay bằng hàng thật và bài viết của bạn.
- Ba ô thông tin dưới banner (giao hàng miễn phí, hotline, sản phẩm chính hãng) là chữ minh họa; chỉ giữ cam kết chính hãng khi đúng với hàng bạn bán.
Câu hỏi thường gặp
Theme này dùng được cho ngành nào?
Phù hợp với mỹ phẩm chính hãng nhiều thương hiệu, trang điểm và chăm sóc da. Ngành khác vẫn dùng được nếu bạn thay ảnh, chữ và logo; riêng mỹ phẩm thảo mộc nên xem mẫu số 27.
Có sửa được bằng UX Builder không?
Có. Mọi khối ở trang chủ là phần tử kéo thả của UX Builder. Chân trang là khối dùng lại nên sửa một lần là cập nhật khắp site; đầu trang chỉnh trong phần Tùy biến. Màu và phông chữ chỉnh trong phần Tùy biến của Flatsome.
Có tương thích máy tính bảng và điện thoại không?
Có, bố cục được chỉnh riêng cho từng thiết bị và đã rà ở 391px, 768px và 1920px; chưa thử trên máy thật.
Chữ SF Pro Display có hiện đúng trên mọi máy không?
Không. SF Pro Display là phông của Apple và bản demo không nạp nó từ web, nên máy Windows hay Android sẽ dùng phông không chân mặc định. Muốn đồng nhất, bạn đổi phông trong phần Tùy biến của Flatsome.
Mua theme có được hỗ trợ cài đặt không?
Có, khách mua theme được hỗ trợ miễn phí cài theme và tùy biến chuẩn SEO và GEO AI.








Đánh giá Theme WordPress mỹ phẩm chính hãng mẫu số 30