Đây là mẫu website cafe rang xay dành cho xưởng rang, thương hiệu cà phê hạt và cửa hàng bán cà phê online. Khách chọn bao cà phê theo độ rang nhạt, vừa hoặc đậm và thấy ảnh bao đổi theo, chọn khối lượng và kiểu xay phù hợp với cách pha, đặt mua một lần hoặc đăng ký giao định kỳ giảm giá. Xem thử bản demo của mẫu để thấy cách khách chọn, đặt hàng và theo dõi.
Tính năng
Khách của bạn có thể
- Chọn một bao cà phê, bấm độ rang nhạt, vừa hoặc đậm: ảnh bao và hạt đổi đúng độ rang, kèm mô tả vị chua, đậm, ngọt; độ rang hết hàng hiện mờ để khách biết
- Chọn khối lượng 250g, 500g hoặc 1kg với giá riêng, chọn xay theo phin, espresso, moka, pour-over, cold brew hoặc để nguyên hạt; giỏ hàng tính lại tiền, phí giao và mã ưu đãi ở máy chủ
- Đăng ký giao định kỳ mỗi 2 hoặc 4 tuần với mức giảm bạn đặt, nhận mã đăng ký và tra cứu bằng mã cùng số điện thoại để biết đang giao, tạm dừng hay đã hủy
- Xem năm vùng trồng (Cầu Đất, Buôn Ma Thuột, Sơn La, Khe Sanh, Lâm Đồng) với độ cao, giống, sơ chế và hương vị, rồi bấm sang các bao cà phê của vùng đó
- Đọc năm cách pha (phin, pour-over, espresso, cold brew, moka) với tỉ lệ, nhiệt độ, thời gian và độ xay, mỗi bao có gợi ý cách pha hợp
- Nhập mã mẻ in trên bao để biết ngày rang, vùng trồng, độ rang và điểm cupping của chính bao mình cầm
- Trả lời bốn câu hỏi ngắn để nhận gợi ý bao cà phê hợp gu, so sánh tối đa ba bao, xem combo xếp sẵn, đội ngũ thợ rang và barista, đánh giá và bài viết; dùng thoải mái trên điện thoại với cụm nút nổi Gọi, Zalo, Messenger
Bạn (chủ xưởng rang) quản lý được
- Sản phẩm: tên, ảnh, giá từng khối lượng, độ chua, đậm, ngọt, điểm cupping, vùng trồng, cách pha gợi ý; ảnh riêng cho từng độ rang và bật tắt từng độ rang còn hàng hay hết
- Đơn hàng: xem khách, bao cà phê, độ rang, khối lượng, kiểu xay, mã ưu đãi và phí giao, đổi trạng thái từ mới sang xác nhận, đang giao, hoàn tất hoặc hủy
- Đăng ký định kỳ: danh sách, ngày giao kế tiếp, chu kỳ, giảm giá và trạng thái mới, đang giao, tạm dừng, hủy; khách tra cứu thấy ngay thay đổi
- Mẻ rang truy xuất, vùng nguồn gốc, cách pha, combo, mã ưu đãi, phí giao và ngưỡng miễn phí, đội ngũ, đối tác, cửa hàng, quy trình, câu hỏi thường gặp, bài viết và đánh giá
- Tên, logo, màu sắc, số điện thoại, Zalo, Messenger, giờ mở cửa, email nhận thông báo; thành viên quản trị và biên tập viên với quyền riêng, thư viện ảnh
- 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 trang quản trị
Nhanh và dễ tìm thấy trên google
- Tải nhanh, ảnh tự thu nhỏ đúng cỡ màn hình, 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 cho cửa hàng, sản phẩm có giá, đánh giá, câu hỏi thường gặp và bài viết đú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 bao cà phê, vùng trồng, cách pha 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 xưởng rang của bạn trên Google
- Biểu mẫu đặt hàng, đăng ký định kỳ và hỏi barista 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 xưởng rang nhỏ, thương hiệu cà phê specialty, cửa hàng bán cà phê hạt và cà phê rang xay online muốn khách tự chọn độ rang, khối lượng và kiểu xay ngay trên website thay vì nhắn tin hỏi từng khách. Bạn chỉ cần cập nhật sản phẩm, giá, ảnh và mẻ rang; giá tiền, phí giao, mã ưu đãi và đăng ký định kỳ do website tự tính và lưu.
Khách chọn bao cà phê và đăng ký định kỳ như thế nào?
- Khách mở một bao cà phê, bấm độ rang nhạt, vừa hoặc đậm; ảnh bao và hạt đổi theo, độ chua, đậm, ngọt hiện thành thanh dễ xem.
- Khách chọn khối lượng và kiểu xay phù hợp với cách pha ở nhà, rồi thêm vào giỏ hoặc chọn giao định kỳ mỗi 2 hoặc 4 tuần với mức giảm bạn đặt.
- Khách điền họ tên, số điện thoại, địa chỉ; website tính lại tiền, phí giao và mã ưu đãi, báo mã đơn hoặc mã đăng ký để tra cứu.
- Bạn nhận đơn trong trang quản trị, đổi trạng thái từng bước; đăng ký định kỳ có thể tạm dừng hoặc hủy và khách tra cứu thấy ngay.
Đơn mới hiện ở đầu danh sách quản trị. Bạn mở đơn để xem bao cà phê, độ rang, khối lượng, kiểu xay, mã ưu đãi và ghi chú của khách, rồi đổi trạng thái từ mới sang xác nhận, đang giao và hoàn tất.
Website gồm những trang nào?
Website ngành này thường gồm các trang: Trang chủ với khung chọn bao cà phê hợp gu; Cà phê rang xay và chi tiết từng bao có chọn độ rang; Combo xếp sẵn; Nguồn gốc năm vùng; Cách pha; Truy xuất mẻ rang; Giao định kỳ và tra cứu đăng ký; Giỏ hàng, thanh toán và tra cứu đơn; Đội ngũ; Cửa hàng; Góc cà phê; Giới thiệu và Liên hệ. Có thể thêm trang cho bán sỉ cho quán hoặc quà tặng doanh nghiệp.
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 cà phê và trang quản trị
- Cài đặt lên hosting của bạn
- Nhập sản phẩm, giá theo khối lượng, độ rang, vùng nguồn gốc, mẻ rang và phí giao 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 xưởng rang của bạn, nên dùng ảnh thật của bao cà phê, vườn và đội ngũ. Sản phẩm, giá, mã mẻ, địa chỉ và số điện thoại trong demo là dữ liệu mẫu.
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ị, bạn không phải 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, nguồn gốc, cách pha, đăng ký định kỳ, tin tức), nguồn truy cập (Google, Facebook, Zalo, trực tiếp), thiết bị và giờ khách vào
- Ghi nhận khách bấm gọi, bấm Zalo, Messenger và gửi biểu mẫu đặt hàng hoặc đăng ký định kỳ
- 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à sao lưu định kỳ.
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, trợ năng, thực hành tốt và SEO. Trang quản trị của mẫu có mục SEO và Lighthouse để bạn xem điểm từng trang chính, kèm Core Web Vitals như LCP, CLS và TBT, đo lại bằng một nút bấm.
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 đặt hàng
- Ả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 bao cà phê 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, sản phẩm có giá, 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 dùng cho xưởng rang thật được không?
Được. Khách chọn bao cà phê, độ rang, khối lượng và kiểu xay rồi đặt hàng hoặc đăng ký giao định kỳ; đơn hiện trong trang quản trị để bạn xác nhận và giao.
Tôi tự đổi giá, ảnh từng độ rang và mẻ rang đượ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ả ảnh riêng cho từng độ rang và bật tắt độ rang hết hàng.
Website có thu tiền online không?
Mẫu nhận đơn với tính tiền tự động, khách thanh toán khi nhận hàng hoặc chuyển khoản theo thông tin bạn nhập; chưa gắn cổng thanh toán, nếu cần có thể gắn thêm.
Bấm "Xem demo" có gửi đơn 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 xưởng rang, danh sách bao cà phê kèm giá từng khối lượng và ảnh thật, thông tin vùng trồng, phí giao hàng. Nếu chưa có ảnh, bạn có thể dùng ảnh mẫu trước rồi thay dần.
