Theme WordPress mỹ phẩm tông vàng mẫu số 41 là website giới thiệu và bán mỹ phẩm, thực phẩm chức năng của một thương hiệu, có chỗ riêng cho video cảm nhận khách hàng và trang giới thiệu hệ thống showroom: đầu trang một hàng với logo thẻ trắng treo xuống, banner trượt, dải video, ba thẻ sản phẩm Bán chạy, Giảm giá, Mới nhất và banner Sản phẩm đặc trưng ngay ở trang chủ. Bản demo kèm 8 sản phẩm mẫu, 28 danh mục sản phẩm, 8 trang và 11 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ố 41
| Ngành phù hợp | Công ty hoặc cửa hàng giới thiệu và bán mỹ phẩm, chăm sóc da, chăm sóc cơ thể, thực phẩm chức năng của một thương hiệu, có nhiều showroom và muốn đưa video khách hàng lên trang chủ |
|---|---|
| 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 Hệ thống showroom, chuyên mục bài viết và biểu mẫu liên hệ |
| Màu chủ đạo | Vàng (#f5b835) ở nút, dải email chân trang và nhãn; vàng đậm (#c97d16) ở chữ viết tay, thẻ đang chọn và nút mua; đỏ thẫm ở nhãn giảm giá; nền kem nhạt (#fdf7ea) ở các khối tin tức và nền trắng |
| Phông chữ | Google Sans cho chữ nội dung, menu và tiêu đề; Dancing Script (chữ viết tay, lưu sẵn trên máy chủ) cho dòng tiêu đề nhỏ phía trên tiêu đề khối. Bản demo không kèm tệp phông Google Sans: máy nào không cài sẵn phông này sẽ hiện phông không chân mặc định của hệ điều hành |
| Bố cục | Khung nội dung rộng khoảng 1230px, banner và 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; menu thu thành nút ba gạch bên trái, logo ở giữa, giỏ hàng 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 bán nhiều nhóm hàng của cùng một thương hiệu (trang điểm, chăm sóc da, chăm sóc cơ thể, thực phẩm chức năng) và muốn khách thấy ngay nhóm nào ở đâu: hàng sáu danh mục có ảnh nằm ngay dưới dải video, và ba thẻ Bán chạy, Giảm giá, Mới nhất cho khách chuyển nhanh giữa các nhóm sản phẩm mà không rời trang chủ. Theme cũng hợp khi bạn có nhiều điểm bán: trang Hệ thống xếp các showroom thành lưới thẻ đều nhau. Nếu cần khách lọc theo dung tích, xuất xứ hay thương hiệu thì bản demo chưa có hàng bộ lọc này ở trang Cửa hà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:
- Đầu trang: một hàng gồm logo dạng thẻ trắng treo xuống, menu 7 mục (Trang chủ, Giới thiệu, Sản phẩm có menu con, Cảm nhận, Tin tức, Hệ thống, Liên hệ), biểu tượng tìm kiếm và giỏ hàng; không có thanh trên cùng; đầu trang dính lại khi cuộn.
- Banner trượt: ba ảnh tự chuyển sau mỗi 6 giây, có chấm tròn chuyển ảnh ở đáy.
- Cảm nhận khách hàng: dòng chữ viết tay, đoạn giới thiệu và dải năm video nhúng trượt ngang, tự chuyển sau 6 giây, bốn video mỗi lượt ở máy tính, kèm nút Xem thêm.
- Danh mục sản phẩm: hàng sáu danh mục (Trang điểm, Chăm sóc cơ thể, Chăm sóc da, Dưỡng da chuyên biệt, Sản phẩm chuyên sâu, Thực phẩm chức năng), mỗi danh mục có ảnh vuông và tên.
- Sản phẩm chúng tôi khuyên dùng: ba thẻ Bán chạy, Giảm giá, Mới nhất; mỗi thẻ là dải trượt tám sản phẩm, năm sản phẩm mỗi lượt, có nhãn phần trăm giảm giá, mô tả ngắn, giá gốc gạch ngang, giá giảm và nút giỏ hàng.
- Sản phẩm đặc trưng: dải banner lớn bốn ảnh tự chuyển sau 6 giây.
- Câu chuyện thành công và Cộng đồng: hai ô chữ nền vàng nhạt (tiêu đề, đoạn văn, nút Xem thêm) xen với hai ảnh lớn.
- Tin tức hoạt động: tám bài viết trượt ngang, bốn bài mỗi lượt ở máy tính, mỗi thẻ có ảnh, tiêu đề, đoạn trích và ngày đăng.
- Dải logo báo chí và dải email: chín logo trượt tự chuyển; bên dưới là dải vàng có năm biểu tượng mạng xã hội và ô nhập email, nút Theo dõi ngay.
- Chân trang: cột logo, cờ các nước và thông tin pháp lý của công ty, cột liên kết (8 liên kết trang, 5 liên kết chính sách), dòng bản quyền và dải biểu tượng thanh toán.
Kèm sẵn 8 sản phẩm mẫu (tất cả là sản phẩm một giá, có giá gốc và giá giảm), 28 danh mục sản phẩm (có danh mục con); 8 trang (trang chủ, giới thiệu, hệ thống, liên hệ và 4 trang của gian hàng là cửa hàng, giỏ hàng, thanh toán, tài khoản); 11 bài viết trong các chuyên mục Cảm nhận, Tin tức, Hoạt động cộng đồng, Làm đẹp; 2 biểu mẫu Contact Form 7 đang dùng (nhận email ở dải vàng chân trang và liên hệ). Trang Hệ thống giới thiệu các showroom dạng lưới thẻ đều nhau. Trang sản phẩm có đường dẫn trang, ô giá, khung thông tin công bố sản phẩm, nút Thêm vào giỏ hàng và nút Mua ngay, các thẻ Mô tả và Thông tin bổ sung, cột bên Chính sách sản phẩm cùng sản phẩm liên quan dạng trượt năm cột; trang bài viết có cột bên chuyên mục, bài mới nhất kèm ảnh và khối Bài viết cùng chủ đề.






Trên máy tính bảng, thanh menu thu thành nút ba gạch bên trái, logo thẻ trắng nằm giữa, giỏ hàng bên phải; banner thu theo bề ngang, dải video vẫn hiện bốn video mỗi lượt và nhóm sản phẩm chuyển sang ba sản phẩm mỗi lượt. Ba nút Chat Zalo, Chat Facebook, Hotline vẫn xếp dọc ở góc dưới bên trái.


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, dải video hiện một video mỗi lượt, nhóm sản phẩm hiện hai sản phẩm mỗi lượt có nút giỏ hàng riêng; hai ô Câu chuyện thành công và Cộng đồng, các thẻ bài viết và các cột chân trang xếp dọc từng khối một.


Bản demo nặng nhẹ ra sao?
Số đo thật khi mở như khách chưa đăng nhập:
| Trang chủ (HTML) | khoảng 283KB (283.242 byte) |
|---|---|
| Tệp kiểu trình bày | 7 tệp, khoảng 247KB |
| Tệp mã chạy | 20 tệp, khoảng 301KB |
| Ảnh trong thân trang chủ | 90 thẻ ảnh, 21 ảnh khác nhau; 60 thẻ tải chậm, chỉ tải khi cuộn tới |
| Thời gian máy chủ trả trang chủ | 0,67 đến 0,87 giây (đo 3 lần liên tiếp, lần đầu chậm nhất) |
| Chiều cao trang chủ | 5.158px (máy tính, vùng nội dung 1904px), 5.286px (máy tính bảng, 770px), 6.145px (điện thoại, 392px) |
| Các trang con (HTML) | Cửa hàng khoảng 147KB, trang sản phẩm khoảng 161KB, giỏ hàng khoảng 160KB, Giới thiệu khoảng 116KB, Hệ thống khoảng 114KB, Liên hệ khoảng 116KB; thời gian máy chủ 0,50 đến 0,64 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. Trang chủ khá nặng vì ba thẻ sản phẩm được dựng đủ tám sản phẩm mỗi thẻ ngay trong trang, cộng thêm 5 video, 9 logo báo chí và 8 bài viết trượt ngang.
Mẫu số 41 khác mẫu số 40 ở đâu?
| Tiêu chí | Mẫu số 40 | Mẫu số 41 |
|---|---|---|
| Ngành | 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ý | Mỹ phẩm và thực phẩm chức năng của một thương hiệu, có video cảm nhận khách hàng và trang Hệ thống showroom |
| Tông màu | Xanh lá (#509a33), xanh nhạt, nền trắng | Vàng (#f5b835), vàng đậm (#c97d16), nền kem nhạt và nền trắng |
| Phông chữ | Roboto cho toàn bộ chữ | Google Sans cho chữ nội dung (không kèm tệp phông); Dancing Script cho dòng tiêu đề viết tay |
| Đầu trang | Thanh xanh trên cùng, hàng logo và đường dây nóng, thanh menu 8 mục | Một hàng duy nhất: logo thẻ trắng treo xuống, menu 7 mục, tìm kiếm, giỏ hàng; không có thanh trên cùng |
| Sản phẩm trên trang chủ | Một nhóm tám sản phẩm xếp bốn cột hai hàng | Hàng sáu danh mục có ảnh và ba thẻ Bán chạy, Giảm giá, Mới nhất, mỗi thẻ là dải trượt tám sản phẩm, năm sản phẩm mỗi lượt |
| Video trên trang chủ | Không có | Dải năm video nhúng trượt ngang |
| Trang riêng của ngành | Đăng ký đại lý, có dải nhận số điện thoại ở trang chủ | Hệ thống showroom dạng lưới thẻ, dải nhận email ở chân trang |
| Dữ liệu mẫu | 12 sản phẩm, 2 danh mục, 12 trang, 5 bài viết | 8 sản phẩm, 28 danh mục sản phẩm, 8 trang, 11 bài viết |
| Nút liên hệ | Thanh hai nút Chat Zalo và Gọi ngay ở đáy dưới 850px; từ 850px là hai nút tròn nổi | Ba nút Chat Zalo, Chat Facebook, Hotline xếp dọc ở góc dưới bên trái, cả ba cỡ màn hình |
| Dung lượng trang chủ | khoảng 133KB | khoảng 283KB |
| Ảnh trong thân trang chủ | 24 thẻ ảnh (19 ảnh khác nhau) | 90 thẻ ảnh (21 ảnh khác nhau) |
| Tệp kiểu trình bày / mã chạy | 7 tệp (241KB) / 19 tệp (268KB) | 7 tệp (247KB) / 20 tệp (301KB) |
Ghi chú: số của mẫu số 40 lấy từ lần đo ghi ở mô tả mẫu số 40, cùng cách đo với mẫu số 41 (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ố 41 nặng hơn: mã HTML nhiều hơn khoảng 150KB và nhiều thẻ ảnh hơn, đổi lại có thêm video, ba thẻ sản phẩm chuyển nhóm và các dải trượt.
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 dung tích, nơi sản xuất, thương hiệu hay xuất xứ ở trang Cửa hàng: bản demo chưa có hàng bộ lọc này; muốn có phải thêm widget lọc của WooCommerce vào cột bên hoặc cài thêm plugin lọc.
- Bạn cần điểm sao, thanh thống kê sao và ô viết đánh giá của khách ở trang sản phẩm: bản demo chưa có khối đánh giá. Đá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) và dữ liệu có cấu trúc (schema) để 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; cần thêm H1 và cài plugin SEO trước khi lập chỉ mục. Bản demo đang chặn công cụ tìm kiếm bằng thẻ noindex, khi dùng thật nhớ bỏ.
- Bạn cần chữ đúng phông Google Sans trên mọi máy: bản demo khai báo phông này nhưng không kèm tệp phông, nên máy không cài sẵn sẽ hiện phông không chân mặc định. Muốn chữ giống nhau trên mọi máy, hãy chọn phông Google khác ở Tùy biến, Kiểu chữ, hoặc tải tệp phông lên chính website của bạn.
- 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; khi dựng demo chưa đặt thử một đơn thật.
- Bạn cần bộ ảnh dùng được ngay: logo, banner, ảnh sản phẩm, ảnh khối, ảnh bài viết và logo báo chí 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 cần trang chủ nhẹ: trang chủ mẫu này khoảng 283KB HTML và 90 thẻ ảnh; muốn nhẹ hơn nên bớt số sản phẩm mỗi thẻ, bớt video hoặc chọn mẫu nhẹ hơn như mẫu số 40.
Chữ giữ chỗ nào cần thay trước khi bán?
- Ba nút nổi ở góc dưới bên trái: Chat Zalo (zalo.me/0929880468), Chat Facebook (m.me/xxxxx) và Hotline 0999.999.999 là chữ giữ chỗ: đổi thành liên kết và số thật của bạn.
- Thông tin pháp lý ở chân trang (tên người đại diện, số giấy chứng nhận kinh doanh, địa chỉ, email info@abc.vn, điện thoại 0153.xxx.xxx, hotline 19001956), dòng bản quyền và tên công ty 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.
- Trang Liên hệ ghi đường dây 19001333, email dvkh@abc.vn và truyenthong@abc.vn là chữ mẫu; trang Hệ thống liệt kê showroom bằng địa chỉ mẫu; đổi cả hai trang trước khi bán.
- Hai biểu mẫu Contact Form 7 (nhận email ở dải vàng chân trang và liên hệ) gửi thư về địa chỉ mẫu: đổ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.
- Khung thông tin công bố sản phẩm ở trang sản phẩm ghi số công bố mẫu (2341/2021/ĐKSP) và các liên kết đang trỏ về #: thay bằng thông tin công bố thật của từng sản phẩm.
- Logo, ảnh banner, ảnh sáu danh mục, ảnh 8 sản phẩm, ảnh hai khối xen chữ, ảnh bài viết, 5 video YouTube và logo báo chí là nội dung mẫu lấy theo bản demo gốc, có nhãn hiệu của bên khác. Thay tất cả bằng nội dung của bạn trước khi bán.
- 8 sản phẩm mẫu (tên, giá, mô tả công dụng), 11 bài viết, trang Giới thiệu 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 ở dải vàng chân trang đang trỏ về địa chỉ mẫu, cần đổi sang trang thật.
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 mỹ phẩm, chăm sóc da, chăm sóc cơ thể hay thực phẩm chức năng, cần vừa giới thiệu công ty, vừa đưa video cảm nhận khách hàng, vừa bày sản phẩm có giá và giới thiệu các showroom. 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 Giới thiệu, Hệ thống, 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 xem và chụp ở ba bề ngang khoảng 392, 770 và 1904px (bề ngang vùng nội dung); 15 địa chỉ gồm trang chủ, cửa hàng, danh mục sản phẩm, sản phẩm, giới thiệu, hệ thống, liên hệ, giỏ hàng, thanh toán, tài khoản, hai chuyên mục bài viết, một bài viết, tìm kiếm và trang lỗi được mở ở bề ngang 383px (điện thoại), 11 địa chỉ trong số đó được mở thêm ở 777px (máy tính bảng), 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ó 8 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 email và liên hệ gửi về đâu?
Về địa chỉ mẫu trong bản demo. 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 tông vàng mẫu số 41