Đây là mẫu website bán hàng mỹ phẩm thiên nhiên dành cho thương hiệu mỹ phẩm handmade, cửa hàng thảo mộc, xà phòng, tinh dầu và nhà vườn làm mỹ phẩm từ nghệ, trà, gấc, bồ kết. Khách xem kệ nguyên liệu theo ba miền, lọc sản phẩm theo loại da và nhu cầu, bấm ô màu thì ảnh đổi đúng màu, tra mã lô để biết vườn trồng rồi thêm giỏ hàng, nhập mã ưu đãi và đặt hàng; cửa hàng xử lý đơn trong trang quản trị riêng. Bạn bấm Xem demo để tự thử như một khách hàng thật.
Tính năng
Khách hàng của bạn có thể
- Xem kệ nguyên liệu theo ba miền Bắc, Trung, Nam: nghệ, trà xanh, gấc, gừng, rau má, bồ kết, vỏ bưởi, cám gạo, dầu dừa, sen; mỗi nguyên liệu ghi vùng trồng, công dụng, hợp loại da nào và lưu ý
- Lọc sản phẩm theo loại da, nhu cầu (mụn, thâm sạm, thiếu ẩm, khô ráp, tóc, chống nắng) và mức giá; làm bài Test da 5 câu để nhận bộ sản phẩm gợi ý đủ bước kèm tổng tiền, thêm cả bộ vào giỏ chỉ một lần bấm
- Xem thanh tỉ lệ thành phần thực vật và danh sách chất không dùng (paraben, sulfate mạnh, hương liệu tổng hợp, cồn khô) ngay trên thẻ và trang sản phẩm
- Bấm ô màu của son dưỡng (gấc, củ dền, dâu tằm, cacao), kem chống nắng khoáng nâng tông và xà phòng handmade thì ảnh sản phẩm đổi đúng màu đó; màu hết hàng được làm mờ, đơn hàng ghi rõ màu đã chọn
- Nhập mã lô in trên nhãn để biết vườn trồng, ngày thu hoạch, hạn dùng và chứng nhận của lô
- Chọn tối đa 3 sản phẩm để so sánh thành phần, loại da, giá và cách dùng; mua theo combo tiết kiệm hơn mua lẻ
- Thêm giỏ hàng, nhập mã ưu đãi, thấy thanh tiến trình miễn phí giao hàng, chọn gói quà và một mẫu thử tặng kèm, thanh toán tiền mặt hoặc chuyển khoản, tra cứu đơn bằng mã đơn
- Đọc sổ tay thảo mộc, hỏi dược sĩ và lương y, xem cửa hàng, đăng ký nhận công thức hàng tháng
Bạn (chủ cửa hàng) quản lý được
- Đơn hàng: xem đơn mới, xác nhận, giao hàng, hoàn tất hoặc hủy, ghi chú nội bộ, in đơn
- Sản phẩm: giá, giá gốc, còn hàng hay hết hàng, nhãn Bán chạy hoặc Mới về, nhóm, tỉ lệ thành phần thực vật, loại da và nhu cầu phù hợp, thành phần, cách dùng, ảnh
- Màu và tông của sản phẩm: mỗi màu một ảnh riêng, bật tắt còn hàng hết hàng
- Kệ nguyên liệu (kèm vùng trồng), mã lô, nhóm sản phẩm, combo, chuyên gia, dịch vụ tại cửa hàng, cửa hàng, phản hồi khách, bài viết, vườn đối tác
- Mã ưu đãi, phí giao, mức miễn phí giao, mẫu thử, thông tin chuyển khoản, loại da và nhu cầu: sửa bằng cách nhập dòng chữ
- Danh sách câu hỏi, đăng ký mẫu thử và email khách đăng ký nhận tin
- Tên cửa hàng, logo, màu sắc, số điện thoại, địa chỉ, giờ mở cửa
- Thống kê khách, bảo mật, điểm SEO, điểm Lighthouse và nút quét sức khỏe web ngay trong quản trị
Nhanh và dễ tìm thấy trên google
- Tải nhanh, hiển thị đẹp trên điện thoại, máy tính bảng và máy tính
- Chuyển hướng 301 tự động, dữ liệu có cấu trúc JSON-LD: cửa hàng, mỗi sản phẩm có cấu trúc Product kèm giá và tình trạng hàng đúng chuẩn Google
- Tường lửa chặn SQL injection, XSS, công cụ quét; giới hạn tốc độ và tự cấm IP vi phạm
- Mỗi sản phẩm, nhóm, combo, chuyên gia và bài viết có trang riêng với tiêu đề và mô tả riêng, giúp khách tìm thấy trên Google
- Giá và mã ưu đãi luôn được máy chủ tính lại khi đặt hàng, biểu mẫu có chống thư rác và hạn chế gửi quá nhiều lần
Mẫu này dành cho ai?
Dành cho thương hiệu mỹ phẩm thiên nhiên, cửa hàng thảo mộc, xà phòng handmade, nhà vườn và spa có dược sĩ hoặc lương y tư vấn muốn bán hàng và nhận đơn bằng website của riêng mình. Giao diện nền giấy dó với xanh rêu và vàng nghệ, đầu trang xanh rêu có menu ngang, ảnh bàn thảo mộc cùng hai ảnh nguyên liệu ngay đầu trang, chữ mỏng dễ đọc; bạn có thể đổi màu, logo và nội dung theo thương hiệu.
Khách hàng mua sản phẩm như thế nào?
- Khách chọn nguyên liệu hoặc nhu cầu ở trang chủ, hoặc làm Test da 5 câu để nhận gợi ý đủ bước.
- Thêm sản phẩm, chọn màu nếu có, hoặc thêm cả combo vào giỏ hàng, xem thanh tiến trình miễn phí giao hàng.
- Điền họ tên, số điện thoại, địa chỉ, nhập mã ưu đãi, chọn gói quà và mẫu thử.
- Bấm Đặt hàng; hệ thống cấp mã đơn, cửa hàng nhận đơn và gọi xác nhận.
Đơn mới hiện ở đầu danh sách quản trị. Bạn mở đơn để xem khách mua gì, địa chỉ, mã ưu đãi, gói quà và mẫu thử đã chọn rồi đổi trạng thái từng bước từ đã xác nhận đến hoàn tất hoặc đã hủy; khách tra cứu được trạng thái bằng mã đơn.
Website gồm những trang nào?
Website ngành này thường gồm các trang: Trang chủ; Sản phẩm và chi tiết từng sản phẩm; Nhóm sản phẩm; Combo; Test da; Kệ nguyên liệu; Tra mã lô; So sánh; Giỏ hàng, Thanh toán và Tra cứu đơn; Chuyên viên và Hỏi chuyên viên; Cửa hàng; Dịch vụ; Sổ tay thảo mộc; Giới thiệu; Liên hệ. Bạn có thể bớt hoặc thêm trang theo nhu cầu.
Chi phí và những gì bạn nhận được
Giá mẫu hiển thị ở đầu trang này. Bạn nhận được:
- Website hoàn chỉnh gồm giao diện bán hàng và trang quản trị
- Cài đặt lên hosting của bạn
- Nhập sản phẩm, nhóm và giá ban đầu
- Đổi logo, màu sắc, hình ảnh theo thương hiệu
- Hướng dẫn sử dụng và hỗ trợ qua điện thoại, Zalo
Ảnh trong bản demo chỉ để minh họa; khi làm cho cửa hàng của bạn, nên dùng ảnh thật của sản phẩm, cửa hàng và đội ngũ. Mỹ phẩm không thay thế thuốc; thiên nhiên vẫn có thể gây dị ứng nên thông tin trên web chỉ mang tính tham khảo.
Quản trị thông minh, an toàn và chuẩn Google có sẵn trong mẫu
Mẫu đi kèm bộ NBK Plus: thống kê khách, bảo mật chống tấn công, chấm điểm SEO, chuyển hướng 301/410 và dữ liệu có cấu trúc chuẩn Google. Những tính năng này nằm ngay trong trang quản trị của Rêu & Nghệ, bạn không cần cài thêm công cụ nào.
Thống kê hoạt động của khách theo giờ, ngày, tuần, tháng, năm
- Biểu đồ lượt xem theo nhóm nội dung (trang chủ, sản phẩm, bộ sản phẩm, test da, kệ nguyên liệu, giỏ hàng, sổ tay thảo mộc, liên hệ), nguồn truy cập (Google, Facebook, Zalo, trực tiếp), thiết bị và giờ khách vào web
- Ghi nhận khách bấm gọi, bấm Zalo, Messenger và gửi biểu mẫu đặt hàng, hỏi dược sĩ
- Nhật ký hoạt động trực tiếp và danh sách lỗi 404 để bạn tạo chuyển hướng ngay
- Không cần Google Analytics, không lưu thông tin cá nhân của khách: địa chỉ IP chỉ lưu dạng mã băm
Bảo mật chống tấn công cho website nhận đơn hàng
- Tường lửa ứng dụng chặn SQL injection, XSS, đọc tệp hệ thống, dò đường dẫn nhạy cảm và công cụ quét lỗ hổng
- Giới hạn tốc độ theo từng IP, tự cấm IP vi phạm và có nút gỡ chặn
- Tiêu đề bảo mật và CSP, chống CSRF, bẫy thư rác, lọc tệp tải lên
- Trang Bảo mật tự thử các kiểu tấn công mô phỏng để bạn thấy hệ thống đang chặn thế nào, kèm nhật ký sự kiện
Đây là lớp bảo vệ ở tầng website, không thay cho việc cập nhật hosting và đặt mật khẩu mạnh.
Chuẩn Google Lighthouse: hiệu năng, trợ năng, thực hành tốt, SEO
Lighthouse là công cụ của Google (xem tài liệu Lighthouse của Google) chấm website theo bốn điểm: hiệu năng (tốc độ tải), trợ năng (dễ dùng với mọi người), thực hành tốt (an toàn, không lỗi) và SEO. Trang quản trị hiển thị điểm đo thật của các trang chính, các chỉ số LCP, CLS, TBT và điểm SEO từng sản phẩm, từng bài viết kèm danh sách việc cần bổ sung (từ khóa, tiêu đề, mô tả, đường dẫn, độ dài, tiêu đề phụ, ảnh, liên kết). Nút Đo lại gọi Google PageSpeed khi web đã có địa chỉ công khai.
Sức khỏe website và ảnh tự nén WebP
- Bấm một nút để quét mọi trang trong sitemap: liên kết hỏng, ảnh hỏng, thiếu tiêu đề, mô tả hoặc thẻ H1, thiếu canonical, trang bị chặn Google; kết quả chia thành lỗi cần sửa và lưu ý nên sửa
- Quét thủ công, không chạy ngầm nên không làm chậm khách đang xem web
- Ảnh bạn tải lên được tự đổi sang WebP, thu nhỏ đúng cỡ, xoay đúng chiều và bỏ dữ liệu vị trí, giúp trang tải nhanh mà không cần xử lý ảnh trước (cần hosting bật thư viện GD có WebP)
Chuyển hướng 301/410 và dữ liệu chuẩn cho Google
- Tự chuyển hướng 301 khi đổi đường dẫn sản phẩm, nhóm hoặc bài viết, khi viết hoa, thừa dấu gạch chéo hoặc sai tên miền; mã 410 cho trang đã gỡ; lỗi 404 có nút tạo chuyển hướng ngay
- Dữ liệu có cấu trúc JSON-LD dạng đồ thị liên kết (cửa hàng, website, trang, đường dẫn, chuyên gia, sản phẩm Product kèm giá và tình trạng hàng, câu hỏi thường gặp, bài viết)
- Liên kết ngoài trong bài tự thêm nofollow, biểu mẫu không nhận liên kết rác
Câu hỏi thường gặp
Mẫu này bán hàng thật được không?
Được. Khách thêm sản phẩm vào giỏ, nhập mã ưu đãi, chọn gói quà hoặc mẫu thử rồi đặt hàng; đơn hiện trong trang quản trị để cửa hàng gọi xác nhận. Mẫu chưa nối cổng thanh toán trực tuyến: khách trả tiền mặt khi nhận hoặc chuyển khoản.
Tôi tự đổi sản phẩm, giá, mã ưu đãi và ảnh được không?
Được. Mọi thứ đều sửa trong trang quản trị bằng cách bấm và nhập, không cần biết lập trình, kể cả vùng trồng của nguyên liệu, tỉ lệ thực vật và ảnh theo từng màu của sản phẩm.
Mẫu có dùng được cho xà phòng handmade, tinh dầu hay đồ thảo dược không?
Được. Nhóm sản phẩm, nguyên liệu, loại da và nhu cầu đều sửa được; bạn bớt hoặc thêm theo ngành của bạn.
Bấm "Xem demo" có đặt hàng thật không?
Không. Bản demo chỉ để bạn thử cho biết cách dùng; đơn thử không được gửi đi và không lưu thông tin của bạn.
Tôi cần chuẩn bị gì để làm website từ mẫu này?
Logo, tên và thông tin cửa hàng, danh sách sản phẩm kèm ảnh, thành phần và giá, thông tin vườn trồng, ảnh thật của cửa hàng và đội ngũ. Nếu chưa đủ, NBK sẽ tư vấn thứ tự ưu tiên và hỗ trợ bạn.
