Trong kho mẫu của WebCut có một giao diện tên “Nhà hàng Hương Sài Gòn”, dựng cho một nhà hàng món Việt giả định. Bài này mở trực tiếp mẫu website nhà hàng Hương Sài Gòn (bản chạy tại /demo/nha-hang-huong-sai-gon/live/, xem ngày 29/10/2026) và đi qua từng khối, tập trung vào hai phần quan trọng nhất của một website nhà hàng: thực đơn và đặt bàn. Hương Sài Gòn là nhà hàng hư cấu; tên, số liệu, địa chỉ, số điện thoại và lời nhận xét trên trang đều là nội dung mẫu, không phải thông tin của một nhà hàng có thật.
Bố cục tổng thể: một trang dài, menu nhảy tới từng khối
Mẫu là một trang dài, menu trên cùng gồm Trang chủ, Thực đơn, Câu chuyện, Chi nhánh và nút “Đặt bàn ngay”. Bấm mục nào trang cuộn tới khối đó; trên điện thoại, menu thu vào biểu tượng ba gạch và mở ra thành thanh bên. Phía trên cùng có một dải thông tin nhỏ gồm số đặt bàn, số giao hàng và giờ mở cửa. Thứ tự các khối: phần mở đầu, dải tên món chạy ngang, bốn điểm nổi bật, thực đơn, câu chuyện, không gian, nhận xét, chi nhánh, đặt bàn và chân trang.
Phần mở đầu: hai nút, một lời hứa
Màn hình đầu có ảnh nền món ăn, tiêu đề lớn, một đoạn giới thiệu các món chủ lực và hai nút: “Đặt bàn ngay” (nút đỏ đậm) và “Xem thực đơn” (nút viền). Bên dưới là bốn ô số liệu kiểu số năm phục vụ, số chi nhánh, số món, điểm đánh giá. Cách bố trí hai nút chính – phụ rất hợp với nhà hàng: khách đã quyết thì đặt bàn, khách còn phân vân thì xem món.
Thực đơn: lọc theo nhóm, mỗi món một thẻ
Đây là khối đáng học nhất của mẫu. Phía trên có các nút lọc: Tất cả, Phở & Bún, Cơm, Cuốn & Khai vị. Bấm một nhóm, chỉ các món thuộc nhóm đó hiện ra. Mỗi món là một thẻ gồm ảnh, tên món, một dòng mô tả nguyên liệu, giá và nút “+ Gọi món”; một số thẻ có nhãn như “Bán chạy nhất”, “Đặc sản”.
Bài học cho nhà hàng thật:
- Thực đơn bằng chữ, không phải ảnh chụp tờ menu: khách đọc được trên điện thoại, Google và các công cụ AI cũng đọc được.
- Mô tả một dòng nói rõ món có gì: thịt gì, cay hay không, ăn kèm gì.
- Giá rõ ràng ngay trên thẻ; nếu giá đổi theo mùa, ghi ngày cập nhật.
Lưu ý: trong bản demo, nút “+ Gọi món” chỉ đổi chữ thành “Đã thêm” trong chốc lát, chưa có giỏ hàng hay đơn gọi món thật; nút “Xem đầy đủ 60+ món” chỉ cuộn xuống khối đặt bàn. Ảnh món ăn là ảnh minh họa, không phải món của một quán cụ thể.
Câu chuyện, không gian và nhận xét
Khối “Câu chuyện” kể về người sáng lập và công thức nấu, kèm một câu trích dẫn. Khối “Không gian” là bộ ảnh nội thất. Khối “Khách nói gì” có ba thẻ nhận xét kèm số sao, tên người và nguồn (Google Review, Foody). Với nhà hàng thật, ba khối này phải dùng câu chuyện thật, ảnh tự chụp tại quán và nhận xét thật được khách cho phép trích lại. Nếu chưa có, bỏ khối nhận xét còn hơn tự viết.
Chi nhánh và đặt bàn
Khối chi nhánh
Mỗi chi nhánh một thẻ gồm tên, địa chỉ, số điện thoại, giờ mở cửa, nút “Đặt bàn” và “Chỉ đường”. Bố cục này hợp với quán có hai, ba điểm bán. Trong demo, dòng “Đang mở cửa” là chữ cố định và nút “Chỉ đường” chỉ cuộn về chính khối chi nhánh; bản thật nên gắn link Google Maps của từng chi nhánh.
Form đặt bàn
Form gồm họ tên, số điện thoại (bắt buộc), chọn chi nhánh, số khách, ngày giờ và nút “Xác nhận đặt bàn”; bên cạnh có số hotline và ghi chú nhóm đông nên gọi trực tiếp. Đây là bộ trường hợp lý: đủ để quán gọi lại xác nhận, không bắt khách điền quá nhiều. Trong bản demo, form chỉ hiện thông báo “Đã nhận” trên màn hình rồi xóa trắng, chưa gửi dữ liệu đi đâu. Bản thật phải được nối tới email, Zalo hoặc hệ thống của quán và thử gửi trước khi dùng.
Những gì phải thay trước khi dùng thật
- Tất cả con số (năm phục vụ, số chi nhánh, số món, điểm và số lượt đánh giá): chỉ ghi số bạn chứng minh được.
- Tên, lời nhận xét, người sáng lập: thay bằng thông tin thật hoặc bỏ.
- Địa chỉ, số điện thoại, email, mã số doanh nghiệp trong mẫu là ví dụ; thay bằng của bạn, địa chỉ ghi theo tên xã, phường mới.
- Ảnh: dùng ảnh món, ảnh quán tự chụp.
- Nút gọi món, đặt bàn, chỉ đường: nối với kênh nhận thật.
Áp dụng cho quán ăn ở Quảng Ngãi
Bố cục thực đơn lọc theo nhóm hợp với quán có nhiều món như quán cơm, quán hải sản, quán đặc sản địa phương. Quán chỉ có một điểm bán có thể bỏ khối chi nhánh, thay bằng bản đồ và giờ mở cửa. Các mẫu nhà hàng khác có trong kho demo, gợi ý theo ngành có ở trang website nhà hàng, F&B. Dựng từ mẫu sẵn thuộc gói Web mẫu có sẵn 4–5 trang giá 500.000đ, chưa gồm tên miền và hosting (xem bảng giá). Quán ở khu vực Bình Sơn có thể gặp trực tiếp chi nhánh Bình Sơn; nơi khác xem trang làm web cho doanh nghiệp Quảng Ngãi.
Muốn dùng mẫu Hương Sài Gòn với thực đơn và ảnh thật của quán bạn? Nhắn Zalo 0947805184 hoặc gọi 0947588971, gửi kèm thực đơn hiện tại để được tư vấn.
Câu hỏi thường gặp
Mẫu này có cho khách gọi món, thanh toán trực tuyến không?
Bản demo chưa có giỏ hàng hay thanh toán; nút gọi món chỉ là hiệu ứng. Nếu cần nhận đơn mang về, thường nên bắt đầu bằng nút gọi, Zalo hoặc form đơn giản.
Quán nhỏ một điểm bán có dùng được mẫu này không?
Được. Bỏ khối chi nhánh, rút gọn câu chuyện, giữ thực đơn và đặt bàn.
Thực đơn dài có cần đưa hết lên web?
Nên đưa các món chính và món bán chạy kèm giá; thực đơn đầy đủ có thể chia theo nhóm để khách không phải cuộn quá dài.
