Theme WordPress mỹ phẩm thảo mộc mẫu số 27 là website bán hàng tông xanh lá nền trắng, có thanh menu xanh nằm ngang, banner ảnh lớn ngay dưới menu, khối giới thiệu sản phẩm chủ lực, dải sản phẩm nổi bật, khối khuyến mại hai cột, gian hàng chia tám tab, khối cảm nhận khách hàng nền lá, dải logo báo chí 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 cả 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
| Ngành phù hợp | Mỹ phẩm thảo mộc, mỹ phẩm thiên nhiên, son môi, chăm sóc da và tóc, dầu gội thảo mộc, tinh dầu, xà phòng và đồ dùng cho mẹ và bé; cửa hàng có nhiều nhóm hàng và hay làm khuyến mại theo combo |
| Kiểu website | Website bán hàng mỹ phẩm có cửa hàng, giỏ hàng, thanh toán và tài khoản WooCommerce, bài viết làm đẹp, trang điểm bán và hai biểu mẫu Contact Form 7 (đặt mua ở chân trang và liên hệ) |
| Màu chủ đạo | Xanh lá ở thanh menu, nút, giá và tiêu đề trên nền trắng; khối cảm nhận khách hàng nền xanh lá đậm có hoa văn lá; nút gửi đơn ở biểu mẫu đặt mua màu cam đỏ |
| Phông tiêu đề | Yeseva One, phông chữ của Google |
| Bố cục | Nội dung đặt trong khung rộng 1170px, nền từng khối tràn hết bề ngang màn hình; 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; đầu trang (hai ô hotline và email) và chân trang (kèm biểu mẫu đặt mua) là hai khối dùng lại, sửa được trong UX Builder |
| Ngôn ngữ | Tiếng Việt |
Theme này hợp với ai
Bạn bán mỹ phẩm thảo mộc, mỹ phẩm thiên nhiên hoặc đồ chăm sóc cá nhân với vài chục sản phẩm chia thành nhiều nhóm như son môi, chăm sóc da, chăm sóc tóc, tinh dầu, đồ cho bé, và muốn khách xem được từng nhóm ngay ở trang chủ bằng các tab. Banner lớn giới thiệu một bộ sản phẩm chủ lực, khối khuyến mại hôm nay và combo trong tháng giúp bạn đẩy hàng đang giảm giá, còn khối cảm nhận khách hàng và dải báo chí tạo thêm niềm tin. Nếu bạn cần một theme mỹ phẩm thảo mộc có trang chủ dài, nhiều khối như vậy thì mẫu này hợp; nếu bán thực phẩm hoặc cần menu danh mục dọc mở sẵn bên trái thì mẫu số 26 hợp hơn.

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ó logo, ô tìm kiếm kèm năm từ khóa gợi ý (Son môi, Chăm sóc da, Chăm sóc tóc, Tinh dầu, Dành cho bé), hai ô liên hệ hotline và email, và thanh menu xanh lá tám mục kèm nút Giỏ hàng; mục Sản phẩm có menu con danh mục.
- Banner ảnh lớn ngay dưới thanh menu, rộng hết màn hình.
- Khối giới thiệu sản phẩm chủ lực gồm tiêu đề, dòng phụ, đoạn chữ và ảnh minh họa bên phải; trên điện thoại đoạn chữ thu gọn kèm nút Đọc thêm.
- Khối Sản phẩm nổi bật là dải trượt tám sản phẩm lấy thẳng từ WooCommerce, có nhãn giảm giá, tên và giá, hai mũi tên hai bên.
- Khối Hôm nay Lá Xanh có gì? chia hai cột: bên trái là sản phẩm khuyến mại hôm nay trong khung viền xanh có mũi tên chuyển, bên phải là dải khuyến mại và combo trong tháng.
- Khối Tiêu chí gồm bốn ô biểu tượng tròn: tiêu chí sản xuất, dịch vụ khách hàng, miễn phí vận chuyển và hỗ trợ khách hàng.
- Khối Gian hàng chia tám tab (Son môi, Chăm sóc da, Chăm sóc tóc, Tinh dầu, Sản phẩm dành cho bé, Tắm và dưỡng thể, Túi vải, Khuyến mại và Combo); bấm tab nào hiện sản phẩm của tab đó.
- Khối cảm nhận khách hàng nền xanh lá có hoa văn lá, tám lời cảm nhận kèm ảnh tròn, chia bốn trang trượt (mỗi trang hai lời trên máy tính).
- Dải logo báo chí trượt ngang sáu logo.
- Khối Đẹp hơn mỗi ngày gồm bốn bài viết có ảnh, tiêu đề và nút Xem thêm.
- Dòng menu chân trang, khối Đặt mua sản phẩm (biểu mẫu Contact Form 7 nền hoa và lá) và chân trang bốn cột có chính sách, mạng xã hội và thanh bản quyền.
Kèm sẵn 8 trang gồm trang chủ, giới thiệu (Chuyện của Lá Xanh), điểm bán, liên hệ, cửa hàng, giỏ hàng, thanh toán và tài khoản; 5 bài viết; 28 sản phẩm WooCommerce (13 sản phẩm có giá khuyến mãi); 27 chuyên mục sản phẩm; 2 biểu mẫu Contact Form 7.




Trên máy tính bảng, menu thu gọn thành nút ba gạch ở bên trái, logo nằm giữa và giỏ hàng ở bên phải; banner thu còn khoảng 258px cao, khối giới thiệu giữ hai cột (chữ bên trái, ảnh bên phải) và dải sản phẩm hiện ba thẻ mỗi lần xem.


Trên điện thoại, banner thu còn khoảng 130px, tiêu đề giới thiệu xuống dòng và đoạn chữ thu gọn kèm nút Đọc thêm; dải sản phẩm hiện hai thẻ mỗi lần xem, vuốt ngang để xem tiếp.


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 325KB |
| Tệp kiểu trình bày | 7 tệp, khoảng 241KB |
| Tệp mã chạy | 19 tệp, khoảng 268KB |
| Ảnh trong thân trang chủ | 124 ảnh |
| Thời gian máy chủ trả trang chủ | 0,52 đến 0,86 giây (đo 10 lần, trung bình khoảng 0,58 giây) |
| Chiều cao trang chủ | 6286px (máy tính), 6883px (máy tính bảng), 8432px (đ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. Trang chủ nặng hơn mẫu số 26 vì có thêm khối gian hàng tám tab và khối cảm nhận khách hàng được dựng thành hai bản, một cho máy tính và một cho điện thoại. 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 sẽ thấp hơn.
Mẫu số 27 khác mẫu số 26 ở đâu
| Tiêu chí | Mẫu số 26 | Mẫu số 27 |
| Ngành | Thực phẩm dinh dưỡng, hạt, dầu ăn cao cấp | Mỹ phẩm thảo mộc, mỹ phẩm thiên nhiên |
| Tông màu | Xanh lá và cam, nền be | Xanh lá, nền trắng, khối cảm nhận nền xanh lá đậm |
| Banner đầu trang | 2 ảnh, có chấm chuyển, kèm menu danh mục mở sẵn bên trái | 1 ảnh lớn rộng hết màn hình, đặt ngay dưới thanh menu xanh ngang |
| Menu | 5 mục chính và menu danh mục riêng 10 mục (8 nhóm, 2 mục con) | 8 mục chính, 34 mục tính cả mục con, không dùng menu dọc |
| Menu danh mục dọc | Có, dùng thêm plugin OT Flatsome Vertical Menu | Không |
| Trang | 7 trang | 8 trang |
| Bài viết, chuyên mục | 4 bài, 11 chuyên mục (10 sản phẩm, 1 bài viết) | 5 bài, 5 chuyên mục bài viết và 27 chuyên mục sản phẩm |
| Bán hàng | 12 sản phẩm WooCommerce có giá khuyến mãi, cửa hàng bốn cột, giỏ hàng và thanh toán | 28 sản phẩm WooCommerce (13 có giá khuyến mãi), gian hàng tám tab, giỏ hàng, thanh toán và biểu mẫu đặt mua |
| Dung lượng trang chủ | 182KB | 325KB |
| Ảnh trong thân trang chủ | 57 ảnh | 124 ảnh |
| Tệp kiểu trình bày / mã chạy | 7 tệp (257KB) / 19 tệp (275KB) | 7 tệp (241KB) / 19 tệp (268KB) |
Khi nào không nên chọn
- Bạn cần thanh toán trực tuyến và tính phí vận chuyển theo địa chỉ: bản demo chỉ có giỏ hàng, trang thanh toán và biểu mẫu đặt mua, chưa cài cổng thanh toán hay bảng phí ship.
- Bạn cần menu danh mục dọc mở sẵn bên trái cho cửa hàng hàng trăm sản phẩm: mẫu số 26 hợp hơn.
- Bạn cần trang chủ gọn, ít khối: trang chủ gồm banner, tám khối nội dung và biểu mẫu đặt mua nối nhau, cao hơn 6.000px trên máy tính và hơn 8.000px trên điện thoại.
- Bạn không bán mỹ phẩm: hình, chữ và màu đều theo ngành mỹ phẩm thảo mộc, đổi ngành thì phải thay gần hết ảnh và chữ.
Chữ giữ chỗ cần thay trước khi bán
- Số hotline 0999.999.999 và email email@gmail.com ở hai ô đầu trang và ở chân trang; số 0968 622 511 ở ô Hỗ trợ khách hàng trong khối Tiêu chí.
- Tên thương hiệu Lá Xanh, dòng chữ Mỹ phẩm thảo mộc 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: tên Công ty TNHH Mỹ phẩm Lá Xanh, địa chỉ 123 Đường Số 1, Quận 1, TP. Hồ Chí Minh, website www.tenweb.vn và huy hiệu Đã thông báo Bộ Công Thương; địa chỉ cũng có ở trang Liên hệ.
- Ảnh banner (có thương hiệu khác trong ảnh), ảnh sản phẩm và ảnh bài viết là ảnh minh họa, một số ảnh sản phẩm còn in tên thương hiệu khác; hãy thay bằng ảnh hàng thật của bạn.
- Khối cảm nhận khách hàng: tên người, ảnh đại diện và lời cảm nhận là nội dung minh họa, cần thay bằng cảm nhận thật của khách bạn.
- Dải logo báo chí là logo minh họa; chỉ giữ nếu thương hiệu của bạn thật sự được các báo đó đăng, nếu không hãy xóa khối này.
- Dòng chính sách như phí vận chuyển toàn quốc 0 đến 25.000đ ở khối Đặt mua và miễn phí vận chuyển đơn trên 500.000đ ở khối Tiêu chí là chữ minh họa, hãy sửa theo chính sách của bạn.
- 22 liên kết đang để dấu thăng (#) nên bấm chưa dẫn đi đâu: 12 ở khối cảm nhận khách hàng và 9 ở chân trang (hai dòng Đại lý phân phối, website, ba dòng chính sách, ba biểu tượng mạng xã hội); hãy gắn địa chỉ thật. Nút mở menu trên điện thoại cũng dùng dấu thăng nhưng đó là cách hoạt động bình thường.
Câu hỏi thường gặp
Theme này dùng được cho ngành nào?
Hợp nhất với mỹ phẩm thảo mộc, mỹ phẩm thiên nhiên, chăm sóc da và tóc, tinh dầu, đồ cho mẹ và bé. Ngành bán nhiều nhóm hàng khác vẫn dùng được nếu bạn thay ảnh, chữ và đổi tên các tab; riêng thực phẩm nên xem mẫu số 26.
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; đầu trang và 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. 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.
Gian hàng chia tám tab có sửa được không?
Có. Gian hàng là phần tử tab của UX Builder: bạn đổi tên tab, thêm hoặc bớt tab và chọn nhóm sản phẩm hiện ở từng tab ngay trong UX Builder.
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 thảo mộc mẫu số 27