Mẫu website đặt món cho quán trà sữa

Mẫu website đặt món cho quán trà sữa và quán đồ uống nhỏ, làm trên WordPress với theme và plugin riêng, không cần WooCommerce. Khách quét QR ở bàn hoặc mở web trên điện thoại, chọn size, đường, đá, topping rồi đặt món, trả tiền mặt hoặc chuyển khoản bằng mã QR có sẵn số tiền. Đơn hiện ngay trên màn hình bếp và trên bảng đơn của thu ngân.

Giao diện tông xanh lá trà và hồng đào. Làm cho điện thoại trước. Menu chia danh mục bằng ảnh tròn, ô tìm món gõ không dấu vẫn ra, đầu menu có một hàng tối đa 8 món nổi bật. Bấm vào món là mở khung chọn size, mức đường, mức đá và topping, giá cộng lại theo từng lựa chọn. Lúc đặt, server tính lại tiền từ menu đang bán nên khách sửa giá trên trình duyệt cũng không đổi được tổng.

Website làm trên WordPress, theme Tea Order Theme và plugin Tea Order. Menu và đơn hàng nằm trong bảng dữ liệu riêng của plugin. Chủ quán sửa banner và chân trang trong Giao diện → Thiết kế của WordPress. Giờ mở cửa ở chân trang tự lấy theo phần cài đặt.

Mẫu có sẵn:

✅ Mỗi bàn có mã QR riêng, khách quét là vào menu đã chọn sẵn bàn, ngoài ra quán nhận thêm đơn lấy tại quầy và đơn giao hàng có phí ship, mức đơn tối thiểu
✅ Khách chọn trả tiền mặt hoặc chuyển khoản, trang theo dõi đơn hiện mã QR chuẩn NAPAS có sẵn số tiền và mã đơn để thu ngân đối chiếu rồi bấm Đã thu tiền
✅ Màn hình bếp ở địa chỉ /kitchen tự cập nhật theo chu kỳ quán chọn từ 2 tới 10 giây, có chuông báo đơn mới, nhân viên pha chế bấm Bắt đầu pha chế rồi Sẵn sàng
✅ Thu ngân xem đơn trong ngày trên bảng nhiều cột, từ Chờ xác nhận tới Hoàn tất, kéo thẻ đơn sang cột khác để đổi trạng thái và hoàn tác được trong 5 giây nếu kéo nhầm
✅ Khách mở link riêng của đơn để xem đơn đang ở bước nào và gọi quán bằng một chạm, lần đặt sau web tự điền lại tên, số điện thoại, địa chỉ

Sợ đơn ảo thì bật captcha khi bấm Đặt món (Google reCAPTCHA hoặc Cloudflare Turnstile), hoặc gửi mã xác thực số điện thoại qua Zalo (cần plugin DevVN Zalo cá nhân). Tài khoản nhân viên có hai vai trò là Quản lý / Thu ngân và Nhân viên bếp. Nhân viên bếp đăng nhập là vào thẳng màn hình bếp, không mở được trang quản trị.

Mẫu website hợp với quán trà sữa, quán cà phê mang đi, tiệm nước ép và sinh tố, kiosk đồ uống có vài bàn ngồi và nhận giao gần.

Chạy trên WordPress 6.4 trở lên và PHP 8.1 trở lên.