MARKETING × TECHNOLOGY
Nhận tư vấn →
ONMATE / WEBSITE BÁN HÀNG

Website bán hàng

Từ xem sản phẩm đến đặt hàng, thuận tiện trên mọi thiết bị.

ONMATE thiết kế website bán hàng với danh mục rõ ràng, thông tin sản phẩm đầy đủ và quy trình đặt hàng dễ sử dụng. Giỏ hàng, thanh toán và quản lý đơn được kết nối theo cách doanh nghiệp vận hành, giúp khách thuận tiện mua sắm và đội ngũ dễ theo dõi.

HÀNH TRÌNH TRÊN WEBSITE BÁN HÀNG

Khách vào để mua một món. Website giúp họ mua xong mà không phải hỏi ai.

Khách đi qua nhiều chặng, từ tìm món tới nhận hàng. Chọn một chặng để xem việc cửa hàng phải làm.

CHẶNG 01

Tìm món cần mua

Khách lọc danh mục theo mùi hương hoặc giá, tìm ra món cần mua sau vài lần bấm, kể cả trên điện thoại.

Sáu chặng quay quanh một điểm. Chọn một chặng để đọc chi tiết.

WEBSITE BÁN HÀNG
SÁU PHẦN VIỆC

Chọn một phần việc để xem
toàn bộ cách làm.

Mỗi phần việc có màn hình làm việc, đầu vào và cách đo riêng.

Chạm vào một thẻ để đổi nội dung bên dưới.

Đang xemKhách tìm ra món cần mua
Nội dung của thẻ Khách tìm ra món cần muaChọn thẻ khác
DANH MỤC SẢN PHẨM

Khách tìm ra món cần mua — Danh mục dễ hiểu, có bộ lọc và sắp xếp, hiển thị tốt trên điện thoại.

Hợp khi cửa hàng có vài chục sản phẩm trở lên, khách phải cuộn lâu mới tìm thấy món cần.

Tài liệu tham khảo:web.dev: thiết kế đáp ứng cơ bản ↗Google Search Central: dữ liệu sản phẩm ↗

01
TRÔNG NHƯ THẾ NÀO

Danh mục sản phẩm trông như thế nào.

Ba màn hình: danh mục máy tính, điện thoại và bảng quy tắc lọc. Bấm từng mục để xem.

Lọc bên trái, sản phẩm bên phải

Bộ lọc mùi hương và khoảng giá nằm bên trái, kèm số sản phẩm. Bộ lọc đang dùng hiện thành nhãn có nút Xóa. Món hết hàng vẫn hiện.

Đọc tiếp

Khách vào danh mục thường chưa biết mình cần món nào. Số kết quả cạnh mỗi lựa chọn cho biết bấm vào đâu thì có hàng.

MÔ PHỎNG · SỐ MẪU
nhathom.example/cua-hang/nen-thom?gia=duoi-200
  1. Bộ lọc theo cách khách chọn mua: mùi hương, khoảng giá. Mỗi lựa chọn có số sản phẩm, khỏi bấm vào chỗ trống.
  2. Bộ lọc đang dùng: hiện thành nhãn có dấu × và nút Xóa bộ lọc, khách luôn biết vì sao danh sách ngắn lại.
  3. Món hết hàng: vẫn nằm trong danh sách, ghi rõ Hết hàng và cho khách để lại liên hệ thay vì biến mất.
  4. Thẻ sản phẩm: ảnh, tên và giá nằm cùng một chỗ. Bấm vào thẻ để mở trang sản phẩm.

Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.

Tài liệu tham khảo:web.dev: thiết kế đáp ứng cơ bản ↗Google Search Central: dữ liệu sản phẩm ↗

02
LÀM NHƯ THẾ NÀO

Năm bước dựng danh mục.

Bắt đầu từ cách khách chọn mua, không bắt đầu từ cách cửa hàng xếp kho.

  1. 01Hỏi chủ cửa hàng và xem tin nhắn khách: khách chọn theo mùi hương, dịp tặng hay mức giá.
  2. 02Chia danh mục theo cách khách gọi tên, giữ ba đến năm danh mục chính, không lồng quá hai cấp.
  3. 03Chọn hai hoặc ba bộ lọc khách dùng nhiều nhất, rồi bổ sung thuộc tính đó cho mọi sản phẩm.
  4. 04Dựng trang danh mục, bản điện thoại trước. Món hết hàng vẫn hiện và cho khách để lại liên hệ.
  5. 05Thử tìm một món bằng điện thoại thật, đếm số lần bấm và ghi chỗ khách lúng túng rồi sửa.
Bạn đưa vào
  • Danh sách sản phẩm
  • Câu khách hay hỏi khi chọn mua
  • Ảnh sản phẩm
  • Giá bán hiện tại
Danh mục và bộ lọcONMATE cùng doanh nghiệp
Bạn nhận lại
  • Cây danh mục, bảng quy tắc bộ lọc, trang danh mục máy tính và điện thoại, nhãn Hết hàng.

Tài liệu tham khảo:Usability.gov: kiểm thử khả dụng ↗Google Search Central: lập chỉ mục ưu tiên thiết bị di động ↗

03
CẦN CHUẨN BỊ GÌ

Cần chuẩn bị gì để dựng danh mục.

Cần bảng sản phẩm đầy đủ và người hiểu cách khách chọn mua.

NGUYÊN TẮC

Bộ lọc chỉ tốt khi dữ liệu đủ. Mỗi sản phẩm cần mã, tên, danh mục, giá, ảnh và thuộc tính lọc; chưa đủ thì để nháp.

BẢNG SẢN PHẨM · MẪU
docs.google.com/spreadsheets
nhathom-bang-san-phamTệp Chỉnh sửa Xem Chèn Định dạng Dữ liệu
ABCDEF
1MãTênDanh mụcGiá bánẢnhTrạng thái
2NT-001Nến Gỗ đàn hươngNến thơm189.000₫4 ảnhĐủ
3NT-002Nến Hoa nhàiNến thơm189.000₫4 ảnhĐủ
4NT-003Nến Trà xanhNến thơm169.000₫2 ảnhThiếu ảnh
5NT-004Nến Cam quếNến thơm179.000₫4 ảnhĐủ
6TD-001Tinh dầu Sả chanhTinh dầu3 ảnhChưa có giá
Sản phẩmBiến thểẢnh
  1. Mã sản phẩm: một mã cho một mặt hàng, dùng chung cho website, kho và sàn. Mã không đổi khi đổi tên hoặc giá.
  2. Thiếu ảnh: sản phẩm chưa đủ ảnh chưa nên mở bán. Ghi người chụp và hạn thay vì để trống.
  3. Chưa có giá: sản phẩm thiếu giá giữ ở trạng thái nháp, không hiện trên website.

Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.

Một mã, một mặt hàng

Mã không đổi khi đổi giá

Đủ ảnh mới bán

Ghi người chụp và hạn

Bộ lọc ít mà chắc

Hai đến ba bộ lọc chính

Hết hàng vẫn hiện

Có nút để lại liên hệ
Bộ tài nguyên4 mục
  • BảngDanh sách sản phẩmMã, tên, danh mục, giá, thuộc tính.
  • ẢnhẢnh sản phẩmNền sạch, nhiều góc, đặt tên theo mã.
  • KhoSố tồn hiện tạiSố tồn theo từng mã sản phẩm.
  • KháchCâu khách hỏi khi chọn muaLấy từ tin nhắn và cuộc gọi.
Xem đủ thông số và ghi chú
Nguồn
Dữ liệu sản phẩm cho công cụ tìm kiếm Google Search Central mô tả cách đánh dấu sản phẩm bằng dữ liệu có cấu trúc. Dữ liệu phải khớp với nội dung khách nhìn thấy trên trang.
Nguồn
Ảnh đáp ứng web.dev hướng dẫn cung cấp nhiều kích thước ảnh để thiết bị nhỏ không phải tải ảnh lớn. Danh mục nhiều ảnh nên dùng cách này.
Lưu ý
Đừng lọc bằng thuộc tính còn thiếu Bộ lọc dựa trên thuộc tính chưa nhập đủ sẽ cho kết quả thiếu. Nhập đủ rồi mới bật bộ lọc đó.

Tài liệu tham khảo:Google Search Central: dữ liệu sản phẩm ↗web.dev: hình ảnh ↗

04
ĐO ĐIỀU GÌ

Đo lượt xem danh sách và lượt nhấp vào sản phẩm.

Danh mục tốt khi khách xem danh sách rồi bấm vào sản phẩm, không phải khi có nhiều bộ lọc.

CẦN ĐO

Đọc theo từng danh sách sản phẩm, so danh sách cùng nhóm với nhau.

BÁO CÁO MUA HÀNG TRÊN THƯƠNG MẠI ĐIỆN TỬ · SỐ MẪU
analytics.google.com/analytics/web
  1. Nến thơm: tỷ lệ nhấp cao nhất. Khách xem danh sách này thấy món hợp mắt nên bấm vào xem tiếp.
  2. Phụ kiện: nhiều lượt xem nhưng tỷ lệ nhấp thấp. Xem lại ảnh, tên, giá trước khi đổi chỗ đặt.
  3. Tên danh sách: lấy từ item_list_name trong sự kiện view_item_list. Đặt trùng tên danh mục để đọc báo cáo dễ hơn.

Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.

Cách đọc số · số mẫu
Chỉ sốCho biếtCần xem lại khi
Lượt xem danh sáchDanh mục chính có nhiều lượt xemDanh mục chính gần như không có lượt xem
Lượt nhấp vào sản phẩmKhách bấm vào sản phẩm sau khi xem danh sáchNhiều lượt xem nhưng ít lượt nhấp
Tỷ lệ nhấp theo danh sáchCác danh sách cùng nhóm gần nhauMột danh sách thấp rõ so với các danh sách còn lại
Tên danh sách trong sự kiệnTrùng tên danh mục trên websiteTên lộn xộn khiến báo cáo khó đọc
CÁCH ĐỌC

Mở báo cáo Mua hàng trên thương mại điện tử, chọn thứ nguyên Tên danh sách mặt hàng, rồi so lượt xem với lượt nhấp từng danh sách.

LƯU Ý

Chỉ có số liệu khi website gửi đúng sự kiện view_item_list và select_item.

Đọc tiếp

Kiểm tra bằng chế độ xem trước của Tag Manager.

Tài liệu tham khảo:Google Analytics: đo thương mại điện tử ↗Google Analytics: sự kiện chính ↗

05
CÁCH TRIỂN KHAI

Cách xử lý các tình huống thường gặp.

Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.

01

Chưa có cửa hàng trực tuyến

Bắt đầu từ bảng sản phẩm và danh mục, chưa cần nghĩ tới giao diện.

  1. Chuẩn hóa bảng sản phẩm
  2. Chia danh mục theo cách khách gọi
  3. Chọn bộ lọc chính
  4. Dựng trang danh mục
02

Đang bán trên sàn hoặc mạng xã hội

Đưa danh sách sản phẩm đang bán sang bảng chung, rồi bổ sung thuộc tính còn thiếu.

  1. Xuất danh sách đang bán
  2. Gộp mã trùng
  3. Bổ sung thuộc tính lọc
  4. Nhập lên website
03

Khách thoát khỏi trang danh sách

Cho vài người thật thử tìm một món bằng điện thoại và quan sát họ bấm vào đâu.

  1. Chọn ba món cần tìm
  2. Quan sát người thử
  3. Ghi chỗ lúng túng
  4. Sửa bộ lọc và tên danh mục
DẤU HIỆU
Bộ lọc cho ra danh sách trống
Chỉ sốGiá trị
Lựa chọnTrái cây (0)
Hiển thị số kết quảChưa có
Việc cần làmThêm số kết quả và ẩn lựa chọn bằng 0
KIỂM TRA

Khách bấm vào lựa chọn không có sản phẩm và tưởng cửa hàng không bán.

Đọc tiếp

Hiện số kết quả cạnh mỗi lựa chọn.

DẤU HIỆU
Món hết hàng biến mất
Chỉ sốGiá trị
Món hết hàngẨn khỏi danh mục
Cách hiển thịKhông còn trên trang
Việc cần làmHiện lại, ghi Hết hàng, thêm nút báo khi có hàng
KIỂM TRA

Khách không thấy món đã từng xem và nghĩ cửa hàng ngừng bán.

Đọc tiếp

Giữ món trong danh sách và ghi rõ Hết hàng.

DẤU HIỆU
Bộ lọc khó bấm trên điện thoại
Chỉ sốGiá trị
Vùng bấm hiện tạiNhỏ, sát nhau
Thanh LọcNằm đầu trang
Việc cần làmTăng vùng bấm, cố định thanh Lọc
KIỂM TRA

Ô chọn quá nhỏ, khách bấm nhầm.

Đọc tiếp

Dùng vùng bấm đủ lớn và cố định thanh Lọc ở cuối màn hình.

Tài liệu tham khảo:Usability.gov: kiểm thử khả dụng ↗Nielsen Norman Group: cần bao nhiêu người thử ↗

06
TRƯỚC KHI BẮT ĐẦU

Danh sách kiểm tra.

Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.

0%SẴN SÀNG

Tài liệu tham khảo:web.dev: thiết kế đáp ứng cơ bản ↗W3C WCAG 2.2: kích thước vùng bấm ↗

NHỚ NHANH

Sáu phần việc, từ danh mục sản phẩm đến chính sách và pháp lý.

Chọn một ô để quay lại đúng phần nội dung ở trên.

01
NĂM BƯỚC TRIỂN KHAI

ONMATE làm gì, và doanh nghiệp nhận lại được gì.

Mỗi bước kết thúc bằng một thứ xem được. Bấm một bước để xem việc làm và thứ được bàn giao.

BƯỚC 01

Mô hình bán

Sản phẩm, biến thể, giá, giao, thanh toán.

Bàn giaoBản mô tả luồng đơn

Tài liệu tham khảo:Google Analytics: sự kiện đề xuất ↗web.dev: biểu mẫu ↗

02
CÂU HỎI THƯỜNG GẶP

Những câu hay được hỏi trước khi bắt đầu.

Chọn một chủ đề. Câu trả lời nói rõ cả điều làm được lẫn điều không ai bảo đảm được.

Có cần làm website khi đã bán trên sàn?

Không bắt buộc. Website hợp khi muốn kênh bán riêng, chạy quảng cáo tới trang của mình và giữ dữ liệu khách.

Thủ tục với Bộ Công Thương ai làm?

Doanh nghiệp đứng tên thông báo trên online.gov.vn; ONMATE chuẩn bị các trang thông tin website cần có.

Chi phí phụ thuộc vào gì?

Số sản phẩm cần nhập, biến thể, cổng thanh toán, kết nối kho và mức tùy biến giao diện.

Tài liệu tham khảo:Bộ Công Thương: cổng quản lý thương mại điện tử ↗Google Analytics: sự kiện đề xuất ↗

03
BẮT ĐẦU

Kể điều bạn cần, bắt đầu từ đây.

Chỉ cần họ tên và số điện thoại. Các mục còn lại bỏ trống cũng được.

Dịch vụ quan tâm
Ngân sách tùy chọn

Bắt buộc: họ tên và số điện thoại. Các mục còn lại bỏ trống cũng được.

Hoặc nhắn trực tiếpFanpageMessengerZalo