WEBCLOUD.vn

Trường hợp dùng 01

Website bán hàng

Cửa hàng có sản phẩm thật, tồn kho thật, đơn hàng thật. Giao diện bạn tự code bằng AI — giỏ hàng, thanh toán, trạng thái đơn thì WebCloud lo.

Bán hàng Đặt hàng Form lead Nội dung
shop.webcloud.vn / hôm nay
Doanh thu 18.420.000đ ↑ 24% so với hôm qua
đang nhận đơn
Đơn mới36
Chờ giao18
Sắp hết04
#WC-2048Áo sơ mi LinenĐã trả tiền
#WC-2047Quần suông BasicCOD
#WC-2046Túi CanvasĐóng gói
products.jsonWebCloudwebsite live

Bài toán thật của một shop Việt

Giao diện phải khác đám đông

Dùng theme sẵn thì shop nào cũng giống nhau. Thuê thiết kế riêng thì đắt và chậm. Đây đúng là việc AI làm tốt — nếu có nơi để chạy.

Vận hành mới là phần nặng

Biến thể, tồn kho, mã giảm giá, thu tiền khi giao, đối soát chuyển khoản, nhắn tin trạng thái đơn. Không ai muốn tự viết lại phần này.

Chủ shop phải tự sửa được

Thêm sản phẩm, đổi giá, treo banner khuyến mãi — những việc hằng ngày không thể nhờ lập trình viên mỗi lần.

Trang chủ

Mỗi khối phải nói được một điều

Đây là bộ khối mặc định của template. Bật, tắt, đổi thứ tự hoặc bảo agent viết khối mới đều được.

S01

Thanh thông báo

Truyền tảiLý do nên mua hôm nay chứ không phải tuần sau.

Nội dungMột câu duy nhất: ngưỡng miễn phí vận chuyển, hoặc mã giảm kèm hạn dùng. Có nút tắt. Không dùng hai câu chạy luân phiên.

S02

Đầu trang

Truyền tảiKhách tìm được thứ họ cần trong vài giây.

Nội dungLogo, ô tìm kiếm luôn hiện trên di động, tối đa bảy danh mục chính, giỏ hàng có số lượng, nút gọi và Zalo.

S03

Khối mở đầu

Truyền tảiShop này bán gì, cho ai, và khác gì shop bên cạnh.

Nội dungẢnh sản phẩm thật do shop chụp, một câu định vị dưới mười lăm chữ, một nút dẫn thẳng vào danh mục đang đẩy. Một khối tĩnh thắng một băng chuyền năm ảnh.

S04

Danh mục nổi bật

Truyền tảiĐường vào ngắn nhất cho từng nhóm khách.

Nội dungBốn đến tám ô ảnh kèm tên danh mục và số sản phẩm. Ưu tiên danh mục còn hàng và có biên lợi nhuận tốt, không phải danh mục nhiều hàng nhất.

S05

Bán chạy và hàng mới

Truyền tảiNgười khác đang mua gì — bằng chứng dễ tin nhất.

Nội dungTám sản phẩm, ảnh vuông cùng tỉ lệ, tên rút gọn hai dòng, giá và giá gạch, nhãn còn hàng hay sắp hết, nút thêm nhanh vào giỏ.

S06

Lý do mua ở đây

Truyền tảiGỡ nỗi lo mất tiền của người mua lần đầu.

Nội dungBa đến bốn cam kết có con số: đổi trả trong bao nhiêu ngày, giao trong bao lâu ở nội thành, trả tiền khi nhận hàng, bảo hành bao lâu. Nói số, đừng nói "uy tín".

S07

Bộ sưu tập theo dịp

Truyền tảiGợi ý đúng ngữ cảnh khách đang ở trong.

Nội dungMột bộ sưu tập theo mùa hoặc theo dịp, ảnh bối cảnh, ba đến sáu sản phẩm. Đây là khối đổi thường xuyên nhất, nên cho phép sửa hoàn toàn trong trang quản trị.

S08

Đánh giá của khách

Truyền tảiCó người thật đã mua và hài lòng.

Nội dungBa đánh giá kèm tên, ảnh khách chụp sản phẩm, và sản phẩm đã mua có liên kết. Vài đánh giá bốn sao đáng tin hơn một dãy năm sao.

S09

Nội dung hướng dẫn

Truyền tảiShop hiểu ngành hàng, không phải chỉ nhập về bán lại.

Nội dungHai đến ba bài dạng chọn cỡ, cách dùng, cách bảo quản. Đây cũng là phần kéo tìm kiếm tự nhiên về lâu dài.

S10

Giữ liên lạc

Truyền tảiKhách chưa mua hôm nay vẫn còn đường quay lại.

Nội dungMột ô nhập số điện thoại hoặc email đổi lấy mã giảm giá, kèm nút theo dõi Zalo. Dữ liệu vào thẳng module lead.

S11

Chân trang

Truyền tảiĐây là một cửa hàng có thật, liên hệ được và chịu trách nhiệm.

Nội dungChính sách đổi trả, vận chuyển, bảo mật; tên công ty và mã số thuế; địa chỉ và số điện thoại; dấu đã thông báo với Bộ Công Thương.

Các trang còn lại

Trang sản phẩm là nơi tiền được quyết

Trang sản phẩm

  • Bộ ảnh phóng to được, có ảnh sản phẩm dùng trong đời thật
  • Tên, giá, giá gạch, điểm đánh giá ngay trong màn hình đầu
  • Chọn biến thể hiện tồn kho từng lựa chọn, hết hàng thì khoá nút
  • Nút mua ngay đứng yên ở đáy màn hình trên di động
  • Ước tính phí và thời gian giao theo tỉnh thành
  • Mô tả có mục lục, bảng thông số, hỏi đáp về sản phẩm
  • Mua kèm và sản phẩm liên quan

Trang danh mục

  • Lọc theo khoảng giá, thuộc tính, còn hàng
  • Sắp xếp theo bán chạy, mới nhất, giá
  • Giữ nguyên bộ lọc khi quay lại từ trang sản phẩm
  • Đoạn mô tả danh mục ở cuối trang cho tìm kiếm
  • Tải thêm theo trang, không cuộn vô tận

Giỏ hàng và thanh toán

  • Giỏ dạng ngăn kéo, sửa số lượng không tải lại trang
  • Nhập mã giảm giá thấy ngay số tiền được trừ
  • Một trang thanh toán duy nhất, không bắt tạo tài khoản
  • Địa chỉ theo tỉnh, phường, xã và ghi chú giao hàng
  • Trả tiền khi nhận hàng, chuyển khoản có mã QR, và cổng thẻ

Sau khi đặt

  • Trang cảm ơn có mã đơn và các bước tiếp theo
  • Tra cứu đơn bằng mã và số điện thoại, không cần đăng nhập
  • Tin nhắn Zalo hoặc email khi đơn đổi trạng thái
  • Trang chính sách đổi trả liên kết từ mọi nơi

Làm bằng agent

Agent biết trường dữ liệu nào có thật

Schema trong folder mô tả rõ sản phẩm có những trường gì, biến thể lồng ra sao, tồn kho lấy ở đâu. Nhờ vậy agent không bịa ra tên trường rồi để trang trống khi lên thật.

webcloud dev → localhost:5173 · dữ liệu xem thử đã sẵn sàng
codex "trang sản phẩm: đưa khối chọn biến thể lên trên mô tả,
        hiện tồn kho từng biến thể, ẩn nút mua khi hết hàng"
  ✓ sections/product-form.html · 3 file đã sửa
codex "thêm khối mua kèm lấy từ product.related, tối đa 4 món"
  ✓ sections/cross-sell.html đã tạo
webcloud validate
  ✓ 0 lỗi · 1 cảnh báo: ảnh đầu trang 840KB, nên nén
webcloud diff → kiểm tra thay đổi trước khi tạo bản nháp

Sửa xong thì nhìn vào đâu

Tỉ lệ thêm vào giỏ

Đo sức thuyết phục của trang sản phẩm. Đổi bố cục thì nhìn số này trước.

Tỉ lệ bỏ giỏ

Cao bất thường thường là do phí giao hàng xuất hiện quá muộn.

Thời gian hiện nội dung chính

Trên 2,5 giây là mất khách di động. Quy trình kiểm tra trước khi phát hành giúp phát hiện tài nguyên quá nặng.

Tỉ lệ hoàn đơn

Liên quan trực tiếp tới việc trang có nói rõ phí và thời gian giao hay không.

Bắt đầu với bán hàng

Tạo cửa hàng, nối folder, để AI làm giao diện.

Sản phẩm, tồn kho và đơn hàng vào đúng chỗ ngay từ ngày đầu tiên.