Hướng dẫn Hộ kinh doanh · Bán hàng · Thiết kế giao diện trang online
Chủ hộ

Thiết kế giao diện trang online

Chọn một mẫu giao diện cho trang bán online công khai của cửa hàng. Đổi banner, khẩu hiệu, giới thiệu và màu nhấn cho hợp ngành hàng của bạn.

Việc này giúp gì

Khoác cho trang online một bộ mặt riêng

Trang đặt hàng công khai của cửa hàng đã chạy: khách xem hàng, bỏ giỏ, xác thực số điện thoại rồi đặt. Việc ở đây là lớp trình bày chồng lên trang đó - chọn kiểu giao diện, ảnh đầu trang, câu khẩu hiệu và màu sắc. Phần đặt hàng bên trong giữ nguyên, chỉ đổi diện mạo.

Đường đi: Cổng đặt hàng onlineCấu hình trangThiết kế giao diện
Phân biệt cho rõ. Đây là cửa hàng online của riêng hộ bạn, bán lẻ cho khách tiêu dùng. Nó không phải sàn thương mại điện tử, cũng không phải Sàn chuỗi cung ứng - sàn B2B là nơi nhiều người bán chào hàng sỉ cho nhau. Ở đây bạn chỉ trang trí một trang bán lẻ của chính mình.
Đây là lớp giao diện, không phải cổng mới. Giỏ hàng, xác thực bằng OTP, COD, chuyển khoản VietQR và trợ lý chat trên trang vẫn như cũ. Nếu bạn chưa mở trang, làm mở cổng đặt hàng online trước rồi quay lại chọn giao diện.

Cần có trước

  • Đã có Tên cửa hàng hiển thịĐường dẫn công khai (slug) - trang công khai của bạn nằm ở dạng /shop/<slug>, ví dụ /shop/tap-hoa-an.
  • Sản phẩm đã đăng bán và có giá bán - trang chỉ hiện những mặt hàng này.
  • Bạn là chủ hộ hoặc người quản lý cửa hàng.

Ba mẫu

Chọn một mẫu hợp ngành hàng

Ba mẫu dùng chung một cấu trúc trang - khác nhau ở màu nền, kiểu chữ và dáng thẻ sản phẩm (skin). Nội dung bên trong (danh sách hàng, giỏ hàng, đặt hàng) giống hệt nhau ở cả ba. Chọn mẫu rồi lưu là áp dụng ngay, đổi lại lúc nào cũng được.

MẫuDiện mạoHợp với
Bán lẻ / Tạp hóaNền sáng, tông xanh, lưới sản phẩm bo trònTạp hóa, cửa hàng tiện lợi, bán lẻ nhiều mặt hàng
Quán ăn / Cà phêNền tối ấm, chữ có chân, thực đơn dễ nhìnQuán ăn, quán cà phê, tiệm bánh
Thương hiệu / Thời trangNền sáng tối giản, nhiều khoảng trắng, ảnh nổiThời trang, mỹ phẩm, cửa hàng có thương hiệu riêng

Các bước

Thiết kế và đưa lên công khai

  1. Chọn mẫu giao diện

    Ở mục Thiết kế giao diện, bấm chọn một trong ba thẻ: Bán lẻ / Tạp hóa, Quán ăn / Cà phê hoặc Thương hiệu / Thời trang. Thẻ đang chọn được đánh dấu.

  2. Chọn banner đầu trang

    Bấm chọn một Banner đầu trang từ kho banner do quản trị hệ thống chuẩn bị. Banner là dải ảnh lớn nằm trên cùng trang, phía sau tên cửa hàng.

    Chưa chọn banner thì trang dùng nền theo Màu nhấn. Trang vẫn hiển thị bình thường, không bắt buộc phải có ảnh.

  3. Đặt màu nhấn và ngành hàng

    Chọn Màu nhấn - màu này tô các nút và điểm nhấn trên trang. Chọn Ngành của cửa hàng để phân loại khi hiển thị trong danh bạ trên sàn.

  4. Viết khẩu hiệu và giới thiệu

    Nhập Khẩu hiệu - câu ngắn hiện ngay dưới tên cửa hàng ở banner. Nhập Giới thiệu - đoạn dài hơn kể về cửa hàng, hiện ở một mục riêng trên trang.

  5. Kiểm lại liên hệ và thanh toán

    Rà lại thông tin liên hệ và cách khách trả tiền: Cho phép COD, Cho phép chuyển khoản VietQR. Các mục này giữ nguyên cách làm ở mở cổng đặt hàng online.

    Các công tắc COD, chuyển khoản VietQRCông khai trang nay lưu đúng cả khi bạn tắt. Muốn tắt một mục thì bỏ tích rồi Lưu, hệ thống giữ nguyên tắt.

  6. Bật công khai và lưu

    Bật Công khai trang rồi bấm Lưu. Dùng nút Xem trang công khai để mở đúng trang mà khách nhìn thấy và kiểm lại giao diện vừa chọn.

Kết quả

Lưu xong thì có gì

Sau khi lưuKết quả
Trang công khai /shop/<slug>Khoác mẫu vừa chọn, hiện banner, khẩu hiệu, giới thiệu và màu nhấn của bạn
Danh sách hàng và cách đặtGiữ nguyên - giỏ hàng, xác thực OTP, COD, VietQR, trợ lý chat như cũ
Danh bạ HKD trên sànThông tin trang được đồng bộ lên danh bạ Hộ kinh doanh để khách mua sỉ tìm thấy và bấm vào cửa hàng

Đổi mẫu, banner hay màu bất cứ lúc nào - lưu là áp dụng ngay cho lần khách mở trang tiếp theo.

Hỏi đáp

Những chỗ hay vướng

Đổi mẫu có phải nhập lại sản phẩm không?

Không. Ba mẫu chỉ khác diện mạo, dùng chung phần danh sách hàng và đặt hàng. Đổi mẫu không đụng tới sản phẩm, giá hay đơn.

Tắt COD rồi lưu, mở lại thấy tự bật lên?

Lỗi đó đã sửa. Nay công tắc COD, chuyển khoản VietQR và Công khai trang lưu đúng cả khi tắt. Bỏ tích rồi Lưu là giữ nguyên tắt.

Chưa chọn banner có sao không?

Không sao. Chưa chọn thì trang lấy màu nhấn làm nền đầu trang. Bạn chọn banner sau lúc nào cũng được.

Kho banner không thấy ảnh muốn dùng?

Kho banner do quản trị hệ thống chuẩn bị dùng chung. Muốn thêm ảnh mới thì đề nghị quản trị bổ sung vào kho.

Trang này khác gì Sàn chuỗi cung ứng?

Đây là cửa hàng online bán lẻ của riêng hộ bạn. Sàn chuỗi cung ứng (sàn B2B) là nơi nhiều người bán chào hàng sỉ cho nhau - một chỗ khác, phục vụ mua bán buôn.

Đổi giao diện có làm mất đơn cũ không?

Không. Đơn khách đã đặt vẫn nằm ở mục đơn online. Thiết kế giao diện chỉ đổi cách trang hiển thị, không đụng tới đơn.

Giới hạn. Ba mẫu chia sẻ chung một cấu trúc trang, khác nhau qua bộ giao diện (skin) - không phải ba bố cục dựng tự do. Bạn chọn mẫu, banner, màu và chữ; bố cục các phần thì cố định.
Trang công khai không lộ dữ liệu nội bộ. Dù chọn mẫu nào, trang cũng chỉ phơi tên hàng, giá bán và mô tả công khai. Giá vốn, tồn kho và số liệu thuế nằm trong hệ thống nội bộ, khách không thấy.