Đây là mẫu website food street dành cho khu ẩm thực vỉa hè, chợ đêm, dãy xe đẩy, quầy ăn vặt và quán ăn vặt nhiều điểm bán. Khách xem thực đơn nhanh theo nhóm, chọn số lượng ngay trên thẻ món, xem bản đồ khu phố để biết điểm nào đang mở, rồi đặt món lấy tại điểm theo khung giờ hoặc nhờ giao tận nơi. Bản demo dùng thương hiệu mẫu Phố Ăn Vặt với nền kraft kem, vàng nghệ và đỏ ớt, kiểu nhãn dán viền đen; bạn thay logo, màu, ảnh, giá và địa chỉ để thành website của riêng mình.
Tính năng
Khách của bạn có thể
- Xem thực đơn nhanh chia theo nhóm nướng và xiên, chiên lăn, nước giải khát, món ăn no; lọc món cay, món chay, món dưới 30.000 đồng hoặc gõ tìm tên món
- Bấm cộng trừ số lượng ngay trên thẻ món, thanh giỏ dính ở cuối màn hình luôn hiện số món và tổng tiền nên không phải mở trang giỏ mới biết mình đã chọn gì
- Xem bản đồ khu phố vẽ bằng hình vector với các ghim đánh số cho từng điểm bán và xe đẩy; bấm ghim để xem địa chỉ, giờ mở từng thứ trong tuần và nút chỉ đường mở Google Maps
- Biết ngay điểm đang Đang mở, Sắp mở hay Đã đóng, tính theo giờ thật ở máy chủ chứ không phải chữ gõ tay
- Đặt món nhận tại điểm: chọn điểm lấy, chọn hôm nay hoặc ngày mai, chọn khung giờ 15 phút trong giờ mở cửa; khung nào đã đủ đơn thì hiện Hết chỗ và tự khóa
- Chọn giao tận nơi theo khu vực để thấy phí giao, đơn tối thiểu và mức miễn phí giao, nhập mã ưu đãi; tiền do máy chủ tính lại nên không ai sửa giá được
- Nhận mã đơn và tra cứu tiến độ bằng mã cùng 4 số cuối điện thoại
- Xem lộ trình xe đẩy trong tuần dạng bảng thứ và điểm để biết hôm nay xe đỗ ở đâu
- Giữ khu ghế ngồi cho nhóm từ 6 người theo ngày và khung giờ, kín chỗ thì hệ thống báo ngay, ngày điểm nghỉ không nhận; giữ xong nhận mã giữ chỗ
- Đọc đánh giá của khách và tin tức khu phố; dùng thoải mái trên điện thoại với thanh Menu, Điểm, Giỏ, Gọi ở dưới màn hình và nút nổi Gọi, Zalo, Messenger
Bạn (chủ điểm bán) quản lý được
- Đơn đặt món: xem khách chọn món gì, nhận tại điểm nào lúc mấy giờ hay giao đến đâu, tổng tiền do máy chủ tính; đổi trạng thái từ đã nhận đơn đến đang làm, sẵn sàng, đang giao, hoàn tất hoặc hủy; hủy đơn thì chỗ trong khung giờ được nhả lại
- Điểm bán: nhập giờ mở cửa cho từng thứ trong tuần bằng bảy dòng, đặt vị trí ghim trên bản đồ, sức chứa mỗi khung giờ nhận đơn và số ghế cho nhóm, ngày nghỉ của từng điểm
- Món ăn và đồ uống, nhóm món, combo: sửa giá, ảnh, nhãn mới và bán chạy, mức cay, món chay, đánh dấu hết hàng
- Khu vực giao tận nơi với phí giao và đơn tối thiểu, mã ưu đãi giảm theo phần trăm, giảm tiền hoặc miễn phí giao
- Giữ chỗ nhóm: xem lượt giữ từng điểm, xác nhận, đánh dấu đã đến hoặc hủy; hủy thì chỗ ngồi được mở lại
- Tin tức và ưu đãi, đánh giá của khách, danh sách email đăng ký nhận tin, thư viện ảnh
- Tên, logo, màu sắc, số điện thoại, đường dẫn Zalo và Messenger, thông điệp đầu trang; thành viên quản trị và biên tập viên với quyền riêng
- 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 món 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 nhà hàng, địa điểm, giờ mở cửa, sản phẩm, đánh giá 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 món, điểm bán và bài viết có trang riêng với tiêu đề và mô tả riêng, giúp khách quanh khu vực tìm thấy điểm bán của bạn trên Google
- Biểu mẫu đặt món và giữ chỗ 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 dãy xe đẩy, food street, chợ đêm, quầy ăn vặt, quán vỉa hè và khu ẩm thực có nhiều điểm bán muốn khách tự xem thực đơn, biết điểm nào đang mở, chọn khung giờ lấy món và đặt giao ngay trên website thay vì phải nhắn tin hỏi từng khách. Bạn chỉ cần cập nhật món, giờ mở và ảnh, còn việc tính tiền và giữ chỗ do hệ thống làm đúng theo bảng giá hiện hành.
Khách đặt món lấy tại điểm như thế nào?
- Khách mở trang Thực đơn, lọc theo nhóm hoặc món cay, món chay, rồi bấm cộng trừ số lượng ngay trên thẻ món; thanh giỏ dính hiện tổng tiền.
- Trong giỏ, khách chọn nhận tại điểm hay giao tận nơi; nhận tại điểm thì chọn điểm, hôm nay hoặc ngày mai và khung giờ 15 phút còn chỗ; giao tận nơi thì chọn khu vực và nhập mã ưu đãi nếu có.
- Điền họ tên, số điện thoại, gửi đơn và nhận mã để tra cứu tiến độ; đi theo nhóm từ 6 người thì giữ khu ghế ngồi theo ngày và khung giờ.
Đơn mới hiện ở đầu danh sách quản trị. Bạn mở đơn để xem khách chọn gì, nhận ở điểm nào lúc mấy giờ và tổng tiền do máy chủ tính, rồi đổi trạng thái từng bước; khách tra cứu bằng mã đơn sẽ thấy tiến độ ngay.
Website gồm những trang nào?
Website ngành này thường gồm các trang: Trang chủ; Thực đơn theo nhóm và chi tiết từng món; Combo; Giỏ hàng và nhận đơn; Điểm bán và bản đồ khu phố; Lộ trình xe đẩy trong tuần; Giữ chỗ nhóm; Theo dõi đơn; Đánh giá khách; Tin tức; Giới thiệu. Có thể thêm trang cho sự kiện, lễ hội ẩm thực hoặc điểm bán theo mùa tùy khu phố. Bạn có thể tham khảo thêm các mẫu giao diện website khác của NBK nếu cần so sánh.
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 food street và trang quản trị
- Cài đặt lên hosting của bạn
- Nhập món, combo, các điểm bán kèm giờ mở và ghim bản đồ, khu vực giao và mã ưu đãi 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 khu phố của bạn, nên dùng ảnh thật của món, xe đẩy và điểm bán. Món, giá, địa chỉ, giờ mở và số điện thoại trong demo là dữ liệu mẫu. Mẫu chưa có thanh toán trực tuyến, khách trả tiền khi nhận món.
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ủ, thực đơn, combo, điểm bán và bản đồ, giữ chỗ nhóm, liên hệ, 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 món, giữ chỗ
- 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 món và giữ chỗ
- 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 món
- Ảnh món 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 món, điểm bán 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 (nhà hàng, website, trang, đường dẫn, địa điểm và giờ mở cửa, sản phẩm, 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 xe đẩy và chợ đêm thật được không?
Được. Khách xem thực đơn, biết điểm nào đang mở, đặt món lấy tại điểm hoặc giao tận nơi và giữ chỗ nhóm; đơn và lượt giữ chỗ hiện trong trang quản trị để bạn xử lý ngay.
Trạng thái Đang mở, Sắp mở, Đã đóng lấy từ đâu?
Từ giờ mở cửa từng thứ mà bạn nhập cho mỗi điểm trong quản trị, so với giờ hiện tại ở máy chủ. Điểm nghỉ ngày nào thì ngày đó hiện Đã đóng, không cần sửa tay.
Tôi giới hạn số đơn mỗi khung giờ được không?
Được. Mỗi điểm có sức chứa riêng cho từng khung 15 phút; khung đủ đơn tự hiện Hết chỗ và khóa, hủy đơn thì chỗ được nhả lại. Khu ghế nhóm cũng có sức chứa riêng.
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 hàng và giữ chỗ 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 khu phố, danh sách món kèm giá và ảnh thật, địa chỉ và giờ mở từng điểm bán, khu vực 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.
