Thiết kế website bán hàng

Một trang giới thiệu chỉ cần trưng bày đẹp rồi để khách gọi điện. Web bán hàng thì phải gánh cả một luồng mua: khách xem sản phẩm, chọn biến thể (size, màu, dung tích), bỏ vào giỏ, điền địa chỉ, chọn cách thanh toán, rồi nhận xác nhận đơn. Mỗi bước rơi rớt một ít khách, nên cái khó không nằm ở chuyện “làm cái nút Mua”, mà ở chỗ giữ cho cả chặng đó mượt, nhanh và đáng tin trên điện thoại — nơi phần lớn khách Việt mua hàng.

Vì vậy khi dựng web bán hàng, Web22 lo ba thứ mà một trang giới thiệu không phải lo: luồng mua không gãy, dữ liệu sản phẩm và tồn kho và đơn hàng quản được, và đủ niềm tin để một người lạ dám trả tiền. Đây là phần chuyên sâu cho web có bán hàng nằm trong dịch vụ thiết kế website của Web22 — trang tổng nói cách làm web nói chung, còn trang này đi thẳng vào bài toán bán hàng.

Một lỗi hay gặp: web bán cho khách trong nước nhưng phần thanh toán (checkout) chỉ có thẻ Visa hoặc PayPal. Người mua Việt mở ví MoMo, ZaloPay hay quét mã QR chuyển khoản quen tay hơn nhiều — ép họ nhập thẻ quốc tế là tự bóp đơn của chính mình. Nên với web bán hàng trong nước, Web22 ưu tiên cổng nội địa và luôn để sẵn COD (nhận hàng trả tiền), vì nhiều khách vẫn muốn cầm được hàng rồi mới trả.

Mỗi hình thức hợp với một kiểu khách khác nhau:

• VNPay — gom thẻ ngân hàng nội địa và mã QR về một cổng, hợp khi bạn muốn nhận được nhiều ngân hàng mà chỉ ký một hợp đồng.
• Ví MoMo, ZaloPay — khách bấm là mở thẳng ứng dụng ví, trả trong vài giây; rất hợp nhóm khách trẻ, mua nhanh.
• Mã QR chuyển khoản (VietQR) — rẻ, gần như ai có app ngân hàng cũng quét được, nhưng cần cách đối soát để biết tiền nào ứng với đơn nào.
• COD — vẫn là lựa chọn lớn ở Việt Nam; bỏ nó đi là mất một mảng khách còn ngại trả trước.

Phần khó của thanh toán không phải gắn cái nút, mà là khâu sau lưng: đối soát tiền về có khớp đơn không, hoàn tiền khi khách huỷ, và nhận đúng tín hiệu báo “đã thanh toán” để web tự chuyển trạng thái đơn. Đây là một việc riêng cần làm cẩn thận — xem tích hợp cổng thanh toán WooCommerce.

Sau khi khách bấm đặt, phần việc thật mới bắt đầu — và đây là chỗ web lắp vội hay bỏ quên, để rồi chủ shop phải xử lý tay từng đơn:

• Quản đơn và tồn kho: đơn về một chỗ, trừ kho tự động khi bán, hết hàng thì ẩn nút mua để khỏi nhận đơn ảo rồi phải gọi xin lỗi khách.
• Biến thể sản phẩm: cùng một mẫu nhiều size, màu hoặc dung tích, mỗi biến thể có giá, ảnh và số tồn riêng — làm sai chỗ này là bán nhầm hàng hết kho.
• Vận chuyển: nối đơn vị giao hàng (GHN, GHTK, Viettel Post) để lấy phí và tạo đơn giao, hoặc tự đặt phí ship theo khu vực nếu bạn giao nội thành.
• Khuyến mãi: mã giảm giá, miễn phí ship theo ngưỡng đơn, combo sản phẩm — những thứ thật sự đẩy khách mua thêm.
• Thông báo: email hoặc Zalo xác nhận đơn cho cả khách lẫn bạn, để không đơn nào rơi giữa chừng.

Web22 dựng các phần này theo đúng cách bạn đang bán, không bê nguyên một bộ mặc định rồi bắt bạn xoay theo nó. Một shop bán vài chục mẫu cố định cần khác hẳn một shop nhập hàng theo lô, đổi mẫu liên tục.

Chuyện khách bỏ sản phẩm vào giỏ rồi thoát ra không mua (bỏ giỏ — cart abandonment) là bình thường ở mọi web bán hàng, nhưng phần lớn lý do nằm ở những chỗ sửa được:

• Bắt tạo tài khoản mới mua được — nhiều người ngại, đóng tab luôn.
• Quá nhiều bước, phải điền dài dòng mới tới nút đặt.
• Phí vận chuyển đến bước cuối mới hiện ra, khách thấy “đội giá” nên bỏ.
• Ít cách thanh toán, không có cái khách quen dùng.
• Web tải chậm hoặc trông không đáng tin để trả tiền.

Vì vậy khi dựng phần đặt hàng, Web22 cho mua không cần tạo tài khoản, rút gọn số bước, hiện phí ship sớm thay vì giấu tới cuối, để sẵn nhiều cách trả, và giữ trang nhẹ để không ai phải chờ. Muốn gọn hơn nữa thì gộp các bước về một màn hình — xem thanh toán 1 trang WooCommerce. Đây không phải mẹo tâm lý gì cao siêu, chỉ là bớt cản đường người đã muốn mua.

Mua ở tiệm thì khách thấy mặt người bán, sờ được hàng. Mua online thì họ trả tiền cho một người chưa từng gặp, dựa hoàn toàn vào những gì web thể hiện. Nên một web bán hàng tốt phải tự chứng minh mình đáng tin, không chỉ trông đẹp:

• Chính sách rõ ràng — đổi trả, bảo hành, vận chuyển, bảo mật thông tin: khách cần biết nếu hàng lỗi thì sao trước khi dám đặt. Xem cách Web22 làm trang chính sách.
• Thông tin liên hệ thật — địa chỉ, số điện thoại, kênh chat: một web bán hàng không có cách nào gọi được người bán thì khó tin.
• Đánh giá của khách cũ — lời người mua trước có sức nặng hơn mọi lời tự khen của shop.
• Kết nối an toàn — web chạy HTTPS, trang thanh toán không báo lỗi bảo mật; trình duyệt báo “không an toàn” là khách chạy mất.

Đây cũng đúng là cách Google đánh giá một trang đáng tin (khung E-E-A-T — kinh nghiệm, chuyên môn, thẩm quyền, độ tin cậy): thông tin minh bạch về người bán và bằng chứng thật từ khách quan trọng hơn lời quảng cáo. Làm tốt cho khách thì cũng tốt cho tìm kiếm.

Web bán hàng thường nặng vì nhiều ảnh và nhiều trang sản phẩm. Không xử lý thì nó tải chậm, mà khách mua trên mạng di động mất kiên nhẫn là thoát ngay. Web22 nén ảnh sang định dạng WebP, cho ảnh tải-lười (lazy load — chỉ tải khi cuộn tới), khai báo sẵn kích thước ảnh để trang không bị “nhảy” lúc tải, nhờ vậy web đạt ngưỡng tốc độ Google đòi hỏi (Core Web Vitals — bộ chỉ số đo trải nghiệm tải trang) ngay từ nền. Nếu web bạn đã có sẵn mà chậm, xem tối ưu hiệu năng.

Về tìm kiếm, mỗi trang sản phẩm được gắn dữ liệu có cấu trúc (schema — cách đánh dấu để Google hiểu giá, tình trạng còn hàng, đánh giá), nhờ đó có cơ hội hiện giá và sao đánh giá ngay trên kết quả tìm kiếm, giúp khách thấy thông tin trước cả khi bấm vào. Cách Google đọc dữ liệu sản phẩm được mô tả trong tài liệu Product của Google. Muốn đi sâu phần làm web để lên Google, xem thiết kế website chuẩn SEO.

Câu này nhiều chủ shop hỏi, và câu trả lời thành thật không phải “web riêng tốt hơn”. Sàn có cái mạnh thật: sẵn lượng người mua khổng lồ, khách đã quen đặt và trả tiền ở đó. Nhưng đổi lại, mỗi đơn bạn trả phí hoa hồng, bị xếp cạnh hàng trăm đối thủ bán y hệt nên dễ phải đua giá, và quan trọng nhất: khách là của sàn, không phải của bạn — bạn không giữ được thông tin để bán lại lần sau hay xây thương hiệu riêng.

Web riêng thì ngược lại: bạn sở hữu data khách, không mất hoa hồng mỗi đơn, tự đặt luật chơi và dựng được thương hiệu để khách nhớ tên mà quay lại. Nên lời khuyên của Web22 là đừng bỏ sàn, hãy coi web riêng là “nhà” còn sàn là kênh: chạy cả hai, rồi dùng bao bì, thẻ cảm ơn, mã giảm giá để kéo khách từ sàn về web — nơi lần mua sau bạn không phải chia phần cho ai.

Phần lớn shop nên bắt đầu với WooCommerce dựng trên WordPress rồi tuỳ biến theo thương hiệu: nó phổ biến, bạn tự quản đơn và sản phẩm quen tay, kho tiện ích sẵn có rộng, và rẻ hơn viết mới từ số không. Web22 chỉ đề xuất code riêng phần bán hàng khi bài toán vượt khuôn WooCommerce — ví dụ cấu hình sản phẩm theo thông số rồi tính giá tự động (như cắt nhôm kính theo kích thước), hoặc web cần tốc độ rất cao và trải nghiệm như một ứng dụng.

Toàn bộ mảng web bán hàng chuyên sâu nằm ở dịch vụ WooCommerce. Đang bán trên Shopify và muốn về tự chủ thì xem chuyển đổi Shopify sang WooCommerce. Dù chọn hướng nào, Web22 vẫn code tay phần giao diện để web nhẹ và không dính những tính năng thừa mà bạn chẳng dùng tới.

Cách thành thật nhất để bạn đánh giá năng lực là xem web thật, không phải nghe tự khen. Web22 tách rõ web khách đang chạy với bản dựng mẫu.

Web của khách đang chạy trên tên miền riêng:

• Hoa Tươi Duy Duy — cửa hàng hoa tươi tại TP.HCM, bán theo dịp (khai trương, sinh nhật, chia buồn) nên luồng đặt phải nhanh và chọn được ngày giao. Đang chạy tại hoatuoiduyduy.com · xem case study web hoa tươi Duy Duy.
• Sữa Đặc Trị MiMi — cửa hàng sữa y khoa, khách tìm sữa theo bệnh lý rồi đặt mua. Đang chạy tại suadactrimimi.com · xem case study web sữa Đặc Trị MiMi.

Hai web này tuy cùng là bán hàng nhưng bài toán khác hẳn nhau: Hoa Tươi Duy Duy cần khách đặt nhanh theo dịp rồi chọn được thời điểm giao, còn Sữa Đặc Trị MiMi cần khách tra đúng loại sữa theo nhu cầu trước khi mua. Đó là lý do Web22 không bê một khuôn web bán hàng chung cho mọi shop — cùng một cái giỏ hàng, nhưng đường đi tới nút đặt mua phải hợp với cách ngành của bạn bán.

Bản dựng mẫu — web Web22 tự dựng để bạn xem giao diện và tính năng từng ngành (đây là demo, không phải khách đã thuê):

• Nguyệt Hoa — mẫu web bán bánh trung thu cao cấp theo mùa. Demo: mooncake.mauweb.dev · case study web bánh trung thu Nguyệt Hoa.
• Nhôm kính Xingfa — mẫu web bán hàng có cấu hình sản phẩm theo kích thước. Demo: xingfa.mauweb.dev · case study web nhôm kính Xingfa.

Xem đầy đủ ở trang dự án của Web22.

Web bán hàng không có một giá cố định, vì hai shop cùng “bán hàng” có thể chênh nhau cả chục triệu. Tiền chủ yếu nằm ở mấy chỗ này:

• Số lượng sản phẩm và biến thể — mười mẫu khác hẳn vài trăm mẫu, mỗi mẫu lại nhiều size, màu, dung tích.
• Mức tích hợp — nối bao nhiêu cổng thanh toán, đơn vị vận chuyển, hay phần mềm quản kho bạn đang dùng.
• Độ tuỳ biến giao diện và luồng mua — dùng luồng mặc định cho nhanh, hay thiết kế riêng theo đúng cách bạn bán.
• Tính năng đặc thù — ví dụ cấu hình sản phẩm rồi tính giá tự động, đặt theo lịch, hay khách đăng nhập mới xem giá sỉ.

Để bạn dễ hình dung: một shop nhỏ ít sản phẩm thường vào khoảng 3 – 7 triệu; shop tuỳ chỉnh vừa theo thương hiệu 7 – 15 triệu; bán hàng phức tạp (cấu hình sản phẩm, tích hợp sâu, quản đơn nâng cao) từ 15 – 30 triệu trở lên. Đây là dải tham khảo, con số chính xác chốt sau buổi tư vấn và khảo sát. Muốn xem trọn các gói cạnh những dịch vụ khác, ghé bảng giá tổng. Web22 không xuất hoá đơn VAT (Web22 chưa có pháp nhân) — sẽ nói rõ khi bạn hỏi.

Bàn giao không phải là hết việc, mà là lúc web bắt đầu kiếm tiền. Web22 giao web ở trạng thái bạn tự chủ được:

• Tự thêm và sửa sản phẩm — bạn cập nhật giá, ảnh, tồn kho ngay trong trang quản trị, không phải gọi cho ai.
• Đo lường để bán tốt hơn — gắn sẵn Google Analytics 4 và theo dõi đơn để bạn biết khách đến từ đâu, sản phẩm nào bán chạy, trang nào hay bị bỏ giữa chừng.
• Giữ web an toàn và mượt — cập nhật, sao lưu, vá lỗi bảo mật định kỳ; nếu không muốn tự lo, xem chăm sóc website định kỳ.
• Kéo thêm khách — web bán hàng sống nhờ dòng khách đều: làm SEO cho sản phẩm lên Google và viết nội dung để khách tìm thấy bạn trước khi cần mua.

Web22 thiết lập sẵn những nền tảng này khi dựng web, để bạn không phải làm lại từ đầu khi muốn đẩy mạnh bán hàng về sau.

Bạn mô tả ngắn mặt hàng và cách mình đang bán — Web22 tư vấn 30 phút miễn phí, không ràng buộc, và báo giá chính xác trong 24h. Liên hệ: [email protected] · 0981 828 781.

Tác giả

Nguyen Hien

Sáng lập Web22 — trực tiếp làm thiết kế website và SEO từ 2018. Facebook