Nguyệt Hoa · bản WordPress
Web mẫu bán bánh trung thu cao cấp dựng trên WordPress + WooCommerce. Giao diện lấy mỹ học đêm rằm làm nền và code tay hoàn toàn, không dùng công cụ kéo thả. Ba phần nặng nhất — thanh toán, đánh giá sản phẩm và nút liên hệ — đều là plugin Web22 tự viết thay vì lắp đồ có sẵn.
Trang chủ — nền tối kiểu đêm rằm, mặt trăng vẽ bằng CSS ba lớp chứ không phải ảnh dán vào, ảnh nền trôi chậm theo nhịp cuộn. (Cuộn trong khung để xem toàn trang)
Một cửa hàng bánh chạy đủ luồng, không lắp ghép
Bánh trung thu bán theo mùa và bán bằng cảm giác — người mua một hộp biếu không so từng nghìn, họ nhìn cái hộp rồi quyết. Web này đặt cược vào không khí trước, nhưng chỗ khách đọc số tiền và điền địa chỉ thì phải sáng sủa, rành mạch. Dưới đây là từng phần đã dựng.
Duyệt bánh theo vị nhân, kiểu bánh và tầm giá
Trang cửa hàng gom toàn bộ bánh và hộp quà, có bộ lọc bên trái theo loại bánh, vị nhân, mức giá, kèm sắp xếp theo giá hoặc đánh giá. Khách tìm đúng loại mình cần mà không phải lướt hết danh sách.
- Bộ lọc nhiều tiêu chí, chọn xong hiện ngay số bánh còn lại
- Sắp xếp theo giá, mới nhất, đánh giá cao
- Thẻ bánh có ảnh, giá, sao đánh giá, nút thêm nhanh
Thông tin khách thật sự cần trước khi biếu
Người mua bánh biếu hay hỏi ba chuyện: bánh gồm gì, để được bao lâu, hộp ra sao. Trang chi tiết trả lời thẳng bằng bảng quy cách, thành phần, hạn sử dụng và cách bảo quản — không bắt khách nhắn tin hỏi. Chọn trọng lượng là giá đổi theo ngay.
- Bảng quy cách · thành phần · hạn dùng · bảo quản
- Chọn trọng lượng 150g hoặc 250g, giá cập nhật tại chỗ
- Thư viện ảnh và gợi ý bánh cùng dòng
Hệ đánh giá tự viết, không dùng bản mặc định
Phần bình luận mặc định của WordPress quá sơ sài cho một shop bánh. Web22 viết hẳn một hệ riêng: khách gửi được ảnh bánh thật, chấm điểm tách theo hương vị — đóng gói — giao hàng, người từng đặt đơn được tự gắn huy hiệu "đã mua tại cửa hàng", ai thấy hữu ích thì bình chọn, và chủ shop trả lời ngay bên dưới. Kèm mục hỏi đáp riêng cho câu hỏi trước khi mua.
- Chấm điểm theo từng tiêu chí, không chỉ một con số sao
- Huy hiệu "đã mua" gắn tự động, khách khác tin hơn
- Lọc theo có ảnh · đã mua · số sao; chủ shop phản hồi công khai
Thanh toán một trang, địa chỉ theo bản đồ hành chính mới
Đây là phần khó nhất. Cả nước đã bỏ cấp quận huyện, còn 34 tỉnh thành và hơn ba nghìn phường xã — form địa chỉ cũ dùng không được nữa. Web này chở nguyên bản đồ mới, ô chọn phường gõ không dấu vẫn ra đúng. Toàn bộ gói trong một trang: thông tin nhận hàng, cách giao, cách trả tiền, tóm tắt đơn nằm cạnh.
- 34 tỉnh · hơn 3.300 phường xã, tìm kiếm gõ không dấu
- Ba cách trả tiền: khi nhận hàng · chuyển khoản · ví điện tử
- Tóm tắt đơn luôn hiện bên cạnh, không phải cuộn qua lại
Trang hoàn tất có mã QR, khách chuyển khoản là xong
Đặt xong không dừng ở câu "cảm ơn". Trang hoàn tất hiện mã đơn, tóm tắt bánh đã mua và mã QR chuyển khoản quét được bằng mọi app ngân hàng, kèm logo mười ngân hàng phổ biến. Số tài khoản và số tiền bấm một cái là chép được — bớt đúng chỗ khách hay gõ nhầm.
- Mã QR đúng chuẩn chuyển khoản, quét là ra sẵn số tiền
- Số tài khoản · nội dung · số tiền: chạm để sao chép
- Tóm tắt đơn đầy đủ để khách đối chiếu
Chỗ ngắm bánh để tối, chỗ đọc số tiền trả về sáng
Nền tối hợp để ngắm ảnh bánh, nhưng đọc số tiền và điền biểu mẫu trên nền tối là chuyện khác hẳn. Vì vậy trang chủ, giới thiệu, cẩm nang giữ tông đêm; còn giỏ hàng, thanh toán, tài khoản trả về nền sáng. Đảo tông không phải viết lại giao diện — cả hệ màu chạy qua một lớp biến chung.
- Trang xem hàng: tông đêm, lấy không khí
- Trang thao tác tiền bạc: nền sáng, chữ rõ, tương phản đạt chuẩn
- Đổi tông chỉ sửa một khối biến màu, không đụng từng trang
Cẩm nang để khách tìm thấy, và đủ trang một shop cần có
Ngoài phần bán hàng còn có mục cẩm nang viết về cách chọn bánh, cách bảo quản, quà biếu doanh nghiệp — thứ kéo khách từ tìm kiếm về vào mùa. Kèm đủ bộ trang nền tảng: giới thiệu, liên hệ, và các trang chính sách mà một shop bán hàng buộc phải có.
- Cẩm nang có ảnh, mục lục, bài liên quan
- Giới thiệu · liên hệ · chính sách đổi trả, giao hàng, bảo mật
- Thẻ mô tả, sơ đồ trang, dữ liệu có cấu trúc cho công cụ tìm kiếm
Đặt thẳng trên web, hoặc nhắn cho shop
Khách có thể đi trọn luồng mua hàng ngay trên web, hoặc bấm nút liên hệ nổi ở góc màn hình. Nút này biết giờ mở cửa: trong giờ thì mời nhắn ngay, ngoài giờ thì mời để lại số để shop gọi lại. Web không nhúng bộ chat của mạng xã hội nên chưa bấm gì thì dữ liệu khách chưa đi đâu cả.
Mua bánh gọn trên điện thoại
Mùa trung thu phần lớn khách đặt từ điện thoại, thường là buổi tối. Menu, bộ lọc, trang bánh và luồng đặt hàng đều thu gọn vừa tầm ngón tay; các hiệu ứng nặng tự tắt trên máy cảm ứng cho đỡ giật.
Ba chỗ khó và cách gỡ
Nền tảng & công nghệ
Bản dựng mẫu thật, do chính đội Web22 code
Đây là sản phẩm mẫu Web22 tự thiết kế và lập trình để thể hiện năng lực — không phải theme mua sẵn hay bản sao rập khuôn tràn lan ngoài thị trường. Toàn bộ giao diện và tính năng đều code tay, nên khi triển khai cho bạn, mọi thứ đều có thể tuỳ biến, thêm tính năng hay chỉnh sửa theo đúng thương hiệu riêng.
- Code tay 100%, không dựng bằng mẫu rập khuôn
- Tuỳ biến & thêm tính năng theo nhu cầu
- Sản phẩm độc quyền của đội ngũ Web22
Bạn muốn một web bán hàng chạy đủ luồng như thế này?
Web22 nhận thiết kế website bán hàng trên WordPress: giao diện code tay theo thương hiệu của bạn, giỏ hàng và thanh toán đúng cách người Việt mua, chuẩn SEO, bàn giao là tự quản trị được.