Bỏ qua tới nội dung

Giới thiệu

Theme MilkTea dành cho tiệm trà sữa, trà trái cây, cà phê, nước ép, quán đồ uống muốn có web gọi món riêng trên Blogspot — không cần app, không cần hosting, khách mở link (hoặc quét mã QR trên bàn) là gọi món ngay. Giao diện nền kem ấm, màu đỏ mận, font Mali tròn dễ thương; JavaScript thuần, nhẹ và nhanh trên điện thoại.

Trang chủ là cả thực đơn — thao tác không chuyển trang

Dưới slide là toàn bộ món, tải 1 lần, chia nhóm (Bán chạy, Trà Yaki, Trà trái cây, Sữa chua…) theo dòng nhãn|Tên nhóm trong Bố cục. Thanh nhóm dính đầu trang tự tô nhóm đang xem, ô tìm món gõ không dấu vẫn ra. Bấm món là bảng chọn trượt lên (máy tính: hộp giữa màn hình): lượng đường, lượng đá (hình ly đầy/vơi), size có giá riêng, topping cộng tiền, ghi chú, số lượng, nút Thêm vào đơn · tổng tiền.

Giá và topping riêng từng món

Mỗi món là 1 bài đăng bằng extension: đặt giá, giá khuyến mãi, size M/L có giá khác nhau. Topping riêng chỉ cần 1 dòng trong mô tả Topping: Trân châu trắng 5k, Kem cheese 10k; không ghi thì dùng Topping chung của tiệm. Các mức đường, đá sửa 1 lần trong Bố cục cho mọi món.

Đặt món gọn như app — 3 cách bán bật/tắt trong Bố cục

Bảng Đơn của bạn: danh sách món (số ly × tên, tuỳ chọn, nút Bỏ), tổng tiền, chỉ hỏi Tên + Số điện thoại + cách nhận món + thanh toán. Chủ tiệm bật/tắt từng cách: Giao tận nơi (Grab/Be) hỏi thêm địa chỉ, Đặt online lấy tại tiệm, Gọi món tại bàn. Thanh toán Tiền mặt hoặc Chuyển khoản: đặt xong hiện "Đặt xong rồi, {tên}!" kèm mã VietQR điền sẵn số tiền và nội dung có mã đơn.

Gọi món tại bàn bằng mã QR

Khai báo số bàn (vd 12 hoặc Bàn 1, Sân vườn 2) — trang Mã QR gọi món tại bàn tự in mã QR cho từng bàn. Khách quét là mở thực đơn với dải "Bạn đang gọi món tại Bàn 5", bảng đơn không hỏi số điện thoại, nút "Gọi món"; đơn về extension ghi rõ số bàn.

Đơn về thẳng extension

Mọi đơn (giao tận nơi, lấy tại tiệm, tại bàn) về trang Đơn hàng của extension Blogger Manager: đổi trạng thái, ghi chú, xuất CSV, báo email/Telegram tức thì. Kèm trang tin tức, giới thiệu, liên hệ có bản đồ, chính sách giao hàng; SEO danh mục, phân trang số.

Tính năng nổi bật

Web order trên trang chủ

Cả thực đơn tải 1 lần, nhóm món dính đầu trang, tìm món không dấu.

Bảng chọn món trượt lên

Đường, đá, size, topping, ghi chú, số lượng — không chuyển trang.

Giá + topping từng món

Giá, khuyến mãi, size riêng; topping riêng hoặc dùng topping chung.

Bật/tắt cách bán

Giao tận nơi Grab/Be, lấy tại tiệm, gọi món tại bàn — trong Bố cục.

QR gọi món tại bàn

Tự in mã QR từng bàn; khách quét gọi món, không cần số điện thoại.

Chuyển khoản VietQR

Đặt xong hiện mã QR điền sẵn số tiền và nội dung có mã đơn.

Đơn hàng về extension

Đổi trạng thái, ghi chú, xuất CSV; báo email/Telegram tức thì.

Điện thoại trước tiên

Bảng vuốt xuống để đóng, thanh Xem đơn dính đáy, nút bấm to.

Thông số

  • Responsive từ 360px tới desktop 1440px
  • Không jQuery/Swiper — JS thuần, slide kéo chuột + vuốt
  • Font Mali + Be Vietnam Pro hỗ trợ tiếng Việt
  • Icon SVG (Lucide + logo mạng xã hội Simple Icons)
  • Kèm 11 món, 3 tin tức và 6 trang mẫu (có trang mã QR bàn)
  • Dữ liệu cấu trúc schema.org/Product, SEO danh mục

Hình ảnh giao diện

Cách nhận & cài đặt

  1. 01

    Đặt mua & quét QR

    Điền tên, email rồi quét mã VietQR, nội dung chuyển khoản đã điền sẵn mã đơn.

  2. 02

    Mở khoá tự động

    Tiền vào là giao diện mở khoá ngay trong Kho giao diện của extension (đăng nhập cùng email Google).

  3. 03

    Nạp vào blog

    Dùng extension Blogger Manager: Nhập / Xuất → Kho giao diện → Áp dụng giao diện, rồi Nhập dữ liệu mẫu.

Sản phẩm khác

Xem tất cả

Theme MilkTea — Web order trà sữa, gọi món tại bàn bằng QR trên Blogspot

500.000đ

Mua ngay