Theme WordPress mỹ phẩm thảo dược mẫu số 40 là website giới thiệu và bán sản phẩm chăm sóc tóc, chăm sóc da của một thương hiệu, có chỗ riêng để nhận đăng ký đại lý: thanh xanh lá (#509a33) trên cùng, banner trượt, khối bốn lý do chọn thương hiệu, dải xanh nhận số điện thoại đại lý và tám sản phẩm nổi bật có giá ngay ở trang chủ. Bản demo kèm 12 sản phẩm mẫu, 2 danh mục, 12 trang và 5 bài viết, dựng hoàn toàn bằng khối kéo thả UX Builder của Flatsome và bán hàng bằng WooCommerce.
Thông tin nhanh về mẫu số 40
| Ngành phù hợp | Công ty hoặc cửa hàng giới thiệu và bán sản phẩm chăm sóc tóc, chăm sóc da từ thảo dược của một thương hiệu, cần thêm trang tuyển đại lý, nhà phân phối |
|---|---|
| Kiểu website | Website giới thiệu thương hiệu kết hợp bán hàng: có gian hàng, giỏ hàng, thanh toán, tài khoản, trang Đăng ký đại lý, bài viết tư vấn và biểu mẫu liên hệ |
| Màu chủ đạo | Xanh lá (#509a33) ở thanh trên cùng, thanh tiêu đề các thẻ, nút và dòng bản quyền; xanh lá đậm ở nút Xem thêm; xanh nhạt ở khối chữ giữa trang; nền trắng |
| Phông chữ | Roboto (phông của Google) cho toàn bộ chữ nội dung, menu và tiêu đề; cỡ chữ nội dung 16px |
| Bố cục | Khung nội dung rộng khoảng 1230px, banner và các dải màu tràn hết bề ngang; máy tính bảng và điện thoại được xếp lại riêng; dưới 850px có thanh Chat Zalo và Gọi ngay cố định ở đáy, từ 850px là hai nút tròn Zalo và gọi điện nổi bên phải |
| Nền tảng | WordPress kết hợp theme Flatsome và WooCommerce; biểu mẫu dùng plugin Contact Form 7; bản demo bật sẵn thanh toán chuyển khoản và nhận hàng trả tiền |
| Cách chỉnh sửa | Kéo thả bằng UX Builder ở trang chủ và các trang con; menu ở Giao diện, Menu; cột bên ở Giao diện, Widget; màu và kiểu dáng ở Tùy biến, CSS bổ sung |
Theme này hợp với ai?
Bạn có một thương hiệu riêng và muốn trang chủ vừa giới thiệu công ty vừa bày thẳng sản phẩm kèm giá: tám sản phẩm nổi bật xếp bốn cột hai hàng, mỗi thẻ có ảnh, tên và giá. Theme cũng hợp khi bạn bán qua đại lý, vì dải xanh ngay dưới khối lý do có ô nhập số điện thoại, trang Đăng ký đại lý có biểu mẫu riêng và trang sản phẩm có khối tư vấn đăng ký đại lý nằm dưới nút mua. Bạn không cần bộ lọc theo thương hiệu hay dung tích: trang Cửa hàng ở mẫu này chỉ có sắp xếp theo thứ tự (6 kiểu), không có cột bên lọc.

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:
- Đầu trang: thanh xanh lá có tên công ty, email, số điện thoại và liên kết giỏ hàng; hàng logo, ô tìm kiếm viền xanh, khối đường dây nóng, liên kết Đăng nhập, Đăng ký; thanh menu 8 mục (Trang chủ, Giới thiệu, Sản phẩm, Đăng ký đại lý, Cẩm nang làm đẹp, Tin tức và sự kiện có menu con, Tuyển dụng, Liên hệ).
- Banner trượt: hai ảnh tự chuyển, có chấm tròn chuyển ảnh ở đáy.
- Khối bốn lý do chọn thương hiệu: bốn thẻ bo góc, mỗi thẻ có ảnh, thanh tiêu đề xanh và đoạn mô tả ngắn.
- Dải xanh đăng ký đại lý: tiêu đề, một dòng hướng dẫn, ô nhập số điện thoại và nút Đăng ký.
- Sản phẩm nổi bật: tám sản phẩm xếp bốn cột hai hàng, mỗi thẻ có ảnh, tên và giá, kèm nút Xem thêm sản phẩm dẫn tới trang Cửa hàng.
- Hai khối ảnh xen chữ: hai ô chữ nền xanh nhạt (tiêu đề, hai đoạn văn, nút Xem thêm) nằm xen hai ảnh lớn.
- Tin tức và sự kiện: ba thẻ bài viết có ảnh, tiêu đề, ngày đăng và đoạn trích.
- Chân trang: cột logo và giới thiệu có biểu tượng mạng xã hội, cột thông tin liên hệ, cột Sản phẩm chính (5 liên kết), cột Hỗ trợ khách hàng (4 liên kết) kèm khung giải đáp thắc mắc, và dải bản quyền màu xanh.
Kèm sẵn 12 sản phẩm mẫu (10 sản phẩm một giá, 2 sản phẩm chọn dung tích bằng nút bấm), 2 danh mục sản phẩm; 12 trang (trang chủ, giới thiệu, đăng ký đại lý, liên hệ, 4 trang chính sách là thỏa thuận người dùng, đổi trả, giao hàng và bảo mật, cùng 4 trang của gian hàng là cửa hàng, giỏ hàng, thanh toán, tài khoản); 5 bài viết trong 3 chuyên mục (1 chuyên mục chưa có bài); 3 biểu mẫu Contact Form 7 (đăng ký số điện thoại ở trang chủ, liên hệ, đăng ký đại lý). Mục Tuyển dụng trong menu chưa có trang đi kèm, đang trỏ về #. Trang sản phẩm có đường dẫn trang, biểu tượng chia sẻ mạng xã hội, hai thẻ Mô tả và Thông tin bổ sung, khối tư vấn đăng ký đại lý dưới nút mua, sản phẩm liên quan dạng trượt và cột bên Sản phẩm mới, Bài viết mới.




Trên máy tính bảng, thanh menu 8 mục thu thành nút ba gạch bên trái, logo nằm giữa, giỏ hàng bên phải; banner hiện hai ảnh cạnh nhau (vuốt để chuyển), bốn thẻ lý do xếp một hàng và nhóm sản phẩm chuyển sang ba cột. Thanh Chat Zalo và Gọi ngay cố định ở đáy màn hình.


Trên điện thoại, nút menu, logo và giỏ hàng nằm cùng một hàng, banner thu gọn theo bề ngang, các thẻ lý do xếp dọc từng thẻ một và nhóm sản phẩm hiện hai cột; dải xanh đăng ký đại lý xếp dọc, ô nhập số điện thoại và nút Đăng ký rộng hết bề ngang.


Bản demo nặng nhẹ ra sao?
Số đo thật khi mở trang chủ như khách chưa đăng nhập:
| Trang chủ (HTML) | khoảng 133KB |
|---|---|
| Tệp kiểu trình bày | 7 tệp, khoảng 241KB; riêng tệp kiểu chính của theme khoảng 148KB, bộ biểu tượng của WordPress khoảng 58KB và tệp kiểu riêng cho cửa hàng khoảng 28KB |
| Tệp mã chạy | 19 tệp, khoảng 268KB |
| Ảnh trong thân trang chủ | 24 thẻ ảnh, 19 ảnh khác nhau; 15 thẻ tải chậm, chỉ tải khi cuộn tới |
| Thời gian máy chủ trả trang chủ | 0,63 đến 0,81 giây (đo 9 lần liên tiếp, lần đầu chậm nhất) |
| Chiều cao trang chủ | 4.076px (máy tính, 1519px), 4.941px (máy tính bảng, 768px), 7.094px (điện thoại, 398px) |
| Các trang con (HTML) | Cửa hàng khoảng 105KB, trang sản phẩm khoảng 132KB, bài viết khoảng 113KB, Giới thiệu khoảng 128KB, Đăng ký đại lý và Liên hệ khoảng 94KB; thời gian máy chủ 0,48 đến 0,66 giây (riêng trang Cửa hàng lần đầu 0,94 giây) |
Ghi chú: thời gian trên là thời gian máy chủ trả mã HTML, đo bằng trình duyệt, chưa gồm thời gian tải ảnh và tệp. Dung lượng là dung lượng thật của từng tệp sau khi giải nén. Ảnh sản phẩm, ảnh banner và ảnh khối trong bản demo là ảnh mẫu chưa nén kỹ; bạn nên nén ảnh của mình trước khi tải lên. Chiều cao trang điện thoại lớn vì bốn thẻ lý do và hai khối ảnh xen chữ xếp dọc từng khối một; số đo ở điện thoại gồm cả thanh nút cố định ở đáy.
Mẫu số 40 khác mẫu số 39 ở đâu?
| Tiêu chí | Mẫu số 39 | Mẫu số 40 |
|---|---|---|
| Ngành | Mỹ phẩm của nhiều thương hiệu trong một cửa hàng | Sản phẩm chăm sóc tóc, chăm sóc da từ thảo dược của một thương hiệu, có tuyển đại lý |
| Tông màu | Hồng đậm (#e20286), đen, xám nhạt, nền trắng | Xanh lá (#509a33), xanh nhạt, nền trắng |
| Phông chữ | Arial cho chữ nội dung; Georgia cho tiêu đề khối | Roboto cho toàn bộ chữ |
| Menu | Thanh menu đen 11 mục, dính lại khi cuộn | Thanh menu trắng 8 mục (mục Tin tức và sự kiện có menu con), dính lại khi cuộn |
| Sản phẩm trên trang chủ | Năm nhóm, mỗi nhóm sáu thẻ; trang chủ không in giá, ghi tên thương hiệu | Một nhóm tám sản phẩm xếp bốn cột hai hàng; thẻ có ảnh, tên và giá |
| Lọc ở trang Cửa hàng | Cột bên danh mục, Thương hiệu, Dung tích, Màu sắc, Giá | Không có cột bên lọc; chỉ có 6 kiểu sắp xếp |
| Trang đăng ký đại lý | Không có | Có trang riêng, dải nhận số điện thoại ở trang chủ và khối tư vấn ở trang sản phẩm |
| Dữ liệu mẫu | 7 sản phẩm, 8 danh mục, 10 trang, 1 bài viết | 12 sản phẩm, 2 danh mục, 12 trang, 5 bài viết |
| Nút liên hệ | Thanh sáu nút ở đáy dưới 850px; từ 850px là hai nút tròn nổi | Thanh hai nút Chat Zalo và Gọi ngay ở đáy dưới 850px; từ 850px là hai nút tròn nổi |
| Dung lượng trang chủ | khoảng 232KB | khoảng 133KB |
| Ảnh trong thân trang chủ | 68 thẻ ảnh (17 ảnh khác nhau) | 24 thẻ ảnh (19 ảnh khác nhau) |
| Tệp kiểu trình bày / mã chạy | 9 tệp (417KB) / 20 tệp (296KB) | 7 tệp (241KB) / 19 tệp (268KB) |
Ghi chú: số của mẫu số 39 lấy từ lần đo ghi ở mô tả mẫu số 39, cùng cách đo với mẫu số 40 (khách chưa đăng nhập, cộng dung lượng thật của từng tệp). Trang chủ mẫu số 40 nhẹ hơn: mã HTML ít hơn khoảng 99KB, ít thẻ ảnh hơn và kiểu trình bày ít tệp hơn.
Khi nào không nên chọn theme này?
- Bạn cần khách lọc sản phẩm theo thương hiệu, dung tích, màu sắc hoặc giá: trang Cửa hàng chỉ có sắp xếp, không có cột bên lọc; muốn có bộ lọc phải thêm widget lọc của WooCommerce vào cột bên.
- Bạn cần điểm sao và đánh giá của khách trên trang sản phẩm: bản demo không có thẻ Đánh giá, chỉ có hai thẻ Mô tả và Thông tin bổ sung. Đánh giá phải do khách thật viết, không tạo sẵn.
- Bạn muốn trang chủ có sẵn thẻ tiêu đề chính (H1) để làm SEO: trang chủ của bản demo chưa có thẻ H1 và chưa có dữ liệu có cấu trúc (schema); cần thêm H1 và cài plugin SEO trước khi lập chỉ mục.
- Bạn cần thanh toán trực tuyến bằng thẻ hoặc ví điện tử ngay: bản demo chỉ bật chuyển khoản và nhận hàng trả tiền, cổng thanh toán bạn tự cài thêm.
- Bạn cần bộ ảnh dùng được ngay: logo, banner, ảnh sản phẩm, ảnh khối và ảnh bài viết trong bản demo là ảnh mẫu mang nhãn hiệu và thông tin công ty của bên khác, nên phải thay hết trước khi bán.
- Bạn chấp nhận lỗi nhỏ ở tên sản phẩm dài trên điện thoại: luật chữ của bản mẫu cho phép ngắt dòng giữa chữ ở liên kết, nên tên sản phẩm hai dòng có thể bị tách giữa từ (ví dụ chữ nhiên tách thành n và hiên). Chữa bằng một dòng CSS trong Tùy biến, CSS bổ sung (đặt word-break về mặc định cho tên sản phẩm).
- Bạn bán sản phẩm của nhiều thương hiệu trong một cửa hàng: nên xem mẫu mỹ phẩm đa thương hiệu số 39, có sẵn trang Thương hiệu và bộ lọc theo thương hiệu.
Chữ giữ chỗ nào cần thay trước khi bán?
- Số điện thoại 0833.356.xxx ở đầu trang, khối đường dây nóng và chân trang là chữ mẫu; hai nút nổi Zalo và gọi điện dùng số 0929880468 (liên kết zalo.me/0929880468 và tel:0929880468): đổi thành số thật của bạn.
- Email cskh@webdemo.com, tên người đại diện, số đăng ký kinh doanh, địa chỉ công ty ở Hà Đông, Hà Nội, tên công ty ở thanh trên cùng, ở chân trang và dòng bản quyền là thông tin mẫu lấy theo bản demo gốc: thay bằng thông tin doanh nghiệp của bạn.
- Ba biểu mẫu Contact Form 7 (đăng ký số điện thoại ở trang chủ, liên hệ, đăng ký đại lý) gửi thư về cskh@webdemo.com: đổi trong Contact Form 7, mục Thư, trước khi nhận khách thật. Khi dựng demo chưa gửi thử thư thật.
- Logo, hai ảnh banner trượt, ảnh bốn thẻ lý do, ảnh 12 sản phẩm, ảnh hai khối xen chữ và ảnh 5 bài viết là ảnh mẫu lấy theo bản demo gốc, có nhãn hiệu của bên khác in sẵn. Thay tất cả bằng ảnh của bạn trước khi bán.
- 12 sản phẩm mẫu (tên, giá, mô tả), 5 bài viết, các trang giới thiệu, chính sách, mục Tuyển dụng trong menu (đang trỏ về #) và các liên kết ở chân trang là chữ mẫu; nội dung về công dụng sản phẩm phải đúng hồ sơ công bố sản phẩm của bạn, không giữ nguyên lời hứa công dụng của bản demo.
- Liên kết mạng xã hội ở chân trang đang trỏ về địa chỉ mẫu, cần đổi sang trang thật của 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 công ty hoặc cửa hàng có một thương hiệu sản phẩm chăm sóc tóc, chăm sóc da hay sản phẩm thảo dược nói chung, cần vừa giới thiệu công ty, vừa bày sản phẩm có giá, vừa tuyển đại lý. Spa hay thẩm mỹ viện không bán hàng thì nên xem các mẫu spa và thẩm mỹ viện khác trong kho.
Có sửa được bằng UX Builder không?
Có. Trang chủ và các trang Đăng ký đại lý, Liên hệ là phần tử kéo thả của UX Builder. Menu chỉnh ở Giao diện, Menu; cột bên chỉnh ở Giao diện, Widget; màu và kiểu dáng chỉnh ở Tùy biến, CSS bổ sung.
Có tương thích máy tính bảng và điện thoại không?
Có. Khi dựng, trang chủ được đo ở ba bề ngang 383, 753 và 1504px (bề ngang vùng nội dung, chưa tính thanh cuộn); 21 địa chỉ gồm các trang chủ, cửa hàng, sản phẩm, danh mục, bài viết, giới thiệu, đăng ký đại lý, liên hệ, chính sách, tìm kiếm, giỏ hàng, tài khoản và trang lỗi được mở ở 383 và 761px, không có trang nào tràn ngang. Chưa thử trên máy thật và đường truyền di động.
Theme có bán hàng được không?
Có. Bản demo có 12 sản phẩm mẫu, giỏ hàng, thanh toán và tài khoản; đã bật 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, và khi dựng demo chưa đặt thử một đơn thật.
Biểu mẫu nhận số điện thoại và đăng ký đại lý gửi về đâu?
Về địa chỉ cskh@webdemo.com là chữ giữ chỗ. Bạn đổi trong Contact Form 7, mục Thư, trước khi nhận khách thật. Chưa gửi thử thư thật khi dựng demo.
Mua theme được hỗ trợ những gì?
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 dược mẫu số 40