Cách xây website đặt đồ ăn: thực đơn, giỏ hàng, giờ nhận món và màn hình bếp
Website đặt đồ ăn cho phép khách chọn món trong thực đơn, tùy chỉnh món, chọn giờ nhận món hoặc giờ giao, thanh toán và nhận xác nhận, trong khi bếp thấy từng đơn hiện lên màn hình và đánh dấu đã xong. Để xây một website như vậy, bạn cần thực đơn có tùy chọn (kích cỡ, món thêm, “không hành”), giỏ hàng tính tổng tiền đúng, các khung giờ có giới hạn để bếp không bị quá tải, thanh toán bằng thẻ, và một bảng đơn đơn giản cho nhân viên. Trình tạo app bằng AI có thể dựng tất cả những thứ này từ một mô tả rõ ràng. Phần khó nằm ở chi tiết: giờ mở cửa, món hết hàng, giới hạn số đơn, và điều gì xảy ra khi thanh toán thành công nhưng đơn không lưu được.
Website cần có gì
Các trang
- Khách hàng: thực đơn theo danh mục, chi tiết món với tùy chọn, giỏ hàng, thanh toán (tên, số điện thoại, nhận tại quán hoặc giao hàng, giờ), thanh toán, và trang xác nhận hiển thị mã đơn và trạng thái.
- Bếp: danh sách trực tiếp các đơn mới, đang làm và đã xong, mỗi đơn có món, tùy chọn, ghi chú và giờ nhận.
- Chủ quán: trình chỉnh thực đơn (món, giá, ảnh, tùy chọn, hết hàng), giờ mở cửa, giới hạn số đơn theo khung giờ, và báo cáo doanh thu.
Dữ liệu
| Bảng | Trường chính |
|---|---|
| Danh mục | Tên, thứ tự |
| Món | Danh mục, tên, mô tả, giá, ảnh, chất gây dị ứng, còn bán có/không |
| Nhóm tùy chọn | Món, tên (“Kích cỡ”, “Món thêm”), bắt buộc có/không, số lựa chọn tối thiểu và tối đa |
| Tùy chọn | Nhóm, tên, số tiền thay đổi |
| Đơn hàng | Mã đơn, tên khách, số điện thoại, email, loại (nhận tại quán hoặc giao hàng), địa chỉ, giờ theo khung, tạm tính, phí, tổng, trạng thái thanh toán, trạng thái đơn |
| Dòng đơn | Đơn, món, số lượng, tùy chọn đã chọn, giá dòng, ghi chú |
| Cài đặt | Giờ mở cửa, độ dài khung giờ, số đơn tối đa mỗi khung, khu vực giao và phí |
Lưu tên món và giá trên từng dòng đơn tại thời điểm đặt. Nếu sau này bạn đổi thực đơn, các đơn cũ vẫn phải hiển thị đúng số tiền khách đã trả.
Phân quyền
Khách chỉ xem được đơn của mình qua đường link xác nhận. Nhân viên bếp xem và cập nhật đơn nhưng không được đổi giá. Chủ quán sửa thực đơn và cài đặt. Dùng chung một tài khoản bếp trên máy tính bảng là phổ biến, nhưng chủ quán nên có tài khoản riêng.
Quyết định và đánh đổi
Chỉ nhận tại quán, giao hàng, hay cả hai
Chỉ nhận tại quán đơn giản hơn nhiều và là điểm bắt đầu phù hợp với hầu hết quán nhỏ. Giao hàng thêm khu vực, phí, đơn tối thiểu, xác thực địa chỉ, phân tài xế và nhiều thứ có thể trục trặc hơn.
Đặt ngay hay đặt theo giờ
“Càng sớm càng tốt” dễ đưa ra nhưng khó giữ đúng lời hứa vào buổi tối đông khách. Đặt theo khung giờ có giới hạn, chẳng hạn không quá tám đơn mỗi khung 15 phút, bảo vệ bếp và đặt kỳ vọng đúng. Bạn vẫn có thể hiển thị “sớm nhất khả dụng: 18:45”.
Thanh toán trước hay khi nhận món
Thanh toán online giảm tình trạng khách không đến và giúp việc nhận món nhanh hơn. Thanh toán khi nhận món dễ xây hơn nhưng dễ bị đơn ảo. Đa số nơi nhận thanh toán thẻ trước qua trang thanh toán có sẵn như Stripe Checkout; hướng dẫn thanh toán của chúng tôi giải thích cách thiết lập. Thuế, tiền tip và quy định hóa đơn khác nhau theo quốc gia, hãy kiểm tra luật địa phương.
Đơn đến bếp bằng cách nào
Có nhiều lựa chọn: một tab trình duyệt trên máy tính bảng tự làm mới (đơn giản nhất), email hoặc tin nhắn cho mỗi đơn làm dự phòng, hoặc gửi đơn tới máy in hóa đơn (cần thêm phần cứng và thiết lập). Âm thanh báo khi có đơn mới quan trọng hơn bạn nghĩ.
Một prompt đầu tiên hiệu quả
Xây dựng website đặt hàng online cho Casa Verde, một quán taco ở Austin, Texas, chỉ nhận tại quán. Danh mục thực đơn: Taco, Bowl, Món phụ, Đồ uống. Món có tùy chọn: taco chọn loại thịt (gà, carnitas, nấm +$1), loại bánh tortilla (ngô hoặc bột mì) và món thêm tùy chọn (guac +$1.50, phô mai +$0.75); bowl chọn đế và loại thịt. Khách thêm món vào giỏ, chọn khung nhận món 15 phút trong giờ mở cửa (thứ Ba–Chủ nhật 11:00–21:00, giờ miền Trung), nhập tên và số điện thoại, và xem tổng tiền với thuế bán hàng 8.25%. Giới hạn mỗi khung 8 đơn và ẩn các khung đã đầy. Lưu đơn trong cơ sở dữ liệu với các trạng thái mới, đang làm, đã xong, đã nhận. Trang bếp (yêu cầu đăng nhập) hiển thị đơn trong ngày theo giờ nhận, phát âm thanh khi có đơn mới, và cho nhân viên chuyển đơn qua các bước. Trang chủ quán để sửa thực đơn, đánh dấu món hết hàng, và tạm dừng nhận đơn. Thanh toán bằng thẻ sẽ thêm sau; hiện tại đơn là “trả khi nhận món”. Thiết kế nổi bật, nhiều màu, ưu tiên điện thoại với nút bấm lớn dễ chạm.
Bắt đầu với “trả khi nhận món” cho phép bạn kiểm thử toàn bộ luồng đặt món cùng nhân viên trước khi thêm thanh toán.
Các bước xây dựng
- Thực đơn và tùy chọn. Làm đúng thực đơn, nhóm tùy chọn và cách tính giá. Thử một món với mọi tổ hợp tùy chọn.
- Giỏ hàng và thanh toán. Số lượng, ghi chú, tổng tiền, thuế, và bộ chọn khung giờ tôn trọng giờ mở cửa.
- Lưu đơn và trang xác nhận. Tính tổng tiền trên máy chủ, đừng bao giờ tin giá mà trình duyệt gửi lên, và trang xác nhận có mã đơn.
- Bảng bếp. Danh sách trực tiếp, âm thanh đơn mới, nút đổi trạng thái, chữ đủ lớn để đọc từ một mét.
- Điều khiển của chủ quán. Hết hàng, tạm dừng nhận đơn, giới hạn khung giờ, giờ mở cửa.
- Thanh toán ở chế độ thử nghiệm. Chỉ đánh dấu đơn là đã thanh toán khi nhà cung cấp thanh toán xác nhận, và xử lý trường hợp thanh toán thành công nhưng đơn không lưu được.
- Thông báo. Email hoặc tin nhắn xác nhận và tin “sẵn sàng nhận món” qua nhà cung cấp của bạn. Xem thêm thông báo.
- Ra mắt thử. Chạy thử vài ngày với nhân viên và bạn bè, theo dõi phía bếp nhiều như phía khách.
Những lỗi thường gặp
- Chỉ tính giá ở trình duyệt. Ai cũng có thể sửa giá. Hãy tính lại trên máy chủ.
- Không có nút báo hết món. Bạn sẽ bán phần cuối cùng năm lần.
- Không giới hạn khung giờ. Một tối thứ Sáu đông khách sẽ thành 40 đơn cùng lúc lúc 19:00.
- Thiếu hoặc lỗi thời thông tin chất gây dị ứng. Hiển thị chất gây dị ứng cho từng món và giữ chúng chính xác; nhiều nước quy định rất nghiêm về việc này.
- Nhầm múi giờ. Lưu thời gian theo UTC, hiển thị theo giờ địa phương của quán, và kiểm thử gần nửa đêm cũng như khi chuyển giờ mùa hè.
- Máy tính bảng của bếp bị tắt màn hình. Giữ màn hình luôn sáng và kiểm tra đơn mới hiện ra mà không cần tải lại trang.
Khi một sản phẩm có sẵn là lựa chọn tốt hơn
Nếu bạn muốn khách mới trong khu vực tìm thấy quán, các nền tảng giao hàng mang lại lượng khách mà bạn khó tự tạo ra, đổi lại là hoa hồng. Nếu bạn đã dùng hệ thống bán hàng (POS), hãy kiểm tra xem nó có tính năng đặt món online không; đơn tự đổ về máy thu ngân và máy in bếp rất khó bị đánh bại.
Hãy tự xây khi bạn muốn đơn đặt trực tiếp từ khách quen không mất hoa hồng, một luồng đặt món phù hợp với cách bạn làm việc (đặt trước cho tiệm bánh, khay tiệc, thực đơn meal-prep theo tuần), hoặc đặt món gắn với chương trình tích điểm hay website riêng. Hướng dẫn website nhà hàng giải thích phần còn lại của website xung quanh.
Xây dựng với Mythex
Trên Mythex, bạn mô tả luồng đặt món trong khung chat và nó xuất hiện trong bản xem trước trực tiếp mà bạn có thể kiểm tra trong khung kích cỡ điện thoại. Đơn và thực đơn nằm trong cơ sở dữ liệu Postgres mà agent thêm vào khi bạn yêu cầu lưu. Thanh toán thẻ dùng tài khoản Stripe của riêng bạn và khóa lưu dưới dạng bí mật của dự án; công thức Stripe có sẵn prompt mẫu. Tin nhắn và email đi qua nhà cung cấp của bạn, vì Mythex không có sản phẩm thanh toán, email hay SMS tích hợp sẵn. Webhook thanh toán cần ứng dụng được xuất bản tại một URL công khai. Trước khi ra mắt, /test sẽ để agent thao tác đặt món trong bản xem trước và báo cáo lỗi.
Để có prompt khởi đầu, hãy thử các mẫu trang đặt bánh hoặc trang đặt cà phê, hoặc trình tạo cửa hàng online cho nhà hàng.
Câu hỏi thường gặp
Một website đặt đồ ăn cần những gì?
Thực đơn có giá, tùy chọn và trạng thái hết món; giỏ hàng; thông tin nhận món tại quán hoặc giao hàng kèm giờ; thanh toán; trang xác nhận đơn; và màn hình bếp để nhân viên thấy đơn mới và đánh dấu đã xong.
Làm sao để không nhận nhiều đơn hơn mức bếp có thể xử lý?
Giới hạn số đơn theo khung giờ. Chia ngày thành các khung nhận món 15 phút, đặt giới hạn số đơn hoặc số món mỗi khung, và cho phép bếp tạm dừng nhận đơn bằng một nút khi quá tải.
Tôi có thể tự lo việc giao hàng không?
Có, nếu bạn có tài xế. Xác định khu vực giao theo mã bưu chính hoặc khoảng cách, đặt đơn tối thiểu và phí giao cho từng khu vực, rồi đưa tài xế một danh sách đơn đơn giản kèm địa chỉ. Nhiều quán bắt đầu chỉ nhận đơn tự đến lấy.
Website đặt món riêng có tốt hơn ứng dụng giao hàng không?
Website riêng không mất hoa hồng trên đơn đặt trực tiếp và giữ được mối quan hệ với khách, nhưng bạn phải tự mang khách đến và tự lo giao hàng. Đa số quán dùng cả hai: nền tảng để khách mới tìm đến, website riêng cho khách quen.