EGA AutoCare - Giao diện bán hàng cho ngành chăm sóc, phụ kiện & dịch vụ ô tô
Giao diện dành cho cửa hàng chăm sóc xe, phụ kiện ô tô và trung tâm detailing tại Việt Nam.
Tích hợp sẵn các công cụ vừa bán sản phẩm vừa bán dịch vụ: dựng trang chủ theo module, đặt lịch dịch vụ,
bảng giá gói tự sửa qua trình soạn thảo, so sánh trước/sau, combo tiết kiệm, flash sale, hoá đơn VAT
tra cứu mã số thuế và tìm cửa hàng gần nhất.
21vị trí khối nội dung cho trang chủ
21loại khối chọn cho mỗi vị trí
6dịch vụ đặt lịch chuyên ngành xe
2khổ màn hình được tối ưu
01
Trang chủ
Trang chủ ghép từ nhiều khối bán hàng, mỗi khối phục vụ một mục đích: giới thiệu dịch vụ, ưu đãi, hoặc minh chứng kết quả.
Bộ dựng trang chủ theo module Chủ động đổi bố cục
21 khối dựng sẵn: Slideshow, Hero dịch vụ, Flash Sale, Trước & Sau, Bảng giá gói, Quy trình, nhóm sản phẩm dạng tab và slider, Lookbook, Video, Tin tức, mã khuyến mãi, chính sách và các dạng banner.
Đổi thứ tự khối: Mỗi vị trí chọn 1 trong 21 khối bằng một ô chọn, đổi thứ tự không cần sửa mã nguồn.
Khoảng cách riêng theo thiết bị: Mỗi khối có khoảng cách trên/dưới riêng cho máy tính và điện thoại.
ega-autocare.mysapo.net/
Trang chủ demo đang bật các khối module.
Trước & Sau So sánh trước và sau khi chăm sóc
Thanh kéo so sánh: Khách kéo thanh giữa hai ảnh để xem khác biệt trước và sau khi chăm sóc.
Tối đa 4 cặp ảnh: Hiển thị nhiều hạng mục như phủ ceramic, đánh bóng, vệ sinh nội thất, mỗi cặp có chú thích riêng.
Phù hợp dịch vụ có kết quả quan sát được: Ceramic, đánh bóng, vệ sinh nội thất - những dịch vụ mà kết quả trước/sau nhìn thấy trực tiếp trên ảnh.
Khối Trước & Sau trên trang chủ.
ega-autocare.mysapo.net/
Kéo thanh so sánh giữa ảnh trước và ảnh sau.
Quy trình dịch vụ Mô tả từng công đoạn
Tối đa 6 bước: Mỗi bước có tên, mô tả và icon riêng, bật/tắt độc lập từng bước.
Nền tối: Khối hiển thị trên nền tối, kèm ảnh xe minh hoạ và màu nhấn tuỳ chỉnh.
Phù hợp dịch vụ nhiều công đoạn: Phủ ceramic, đánh bóng hay dán PPF - nơi khách cần biết các bước làm trước khi đặt lịch.
Khối Quy trình dịch vụ 6 bước, nền tối.
Bảng giá gói dịch vụ Nhập nội dung qua trình soạn thảo
Trang chủ: Hiển thị tối đa 4 gói kèm giá và danh sách hạng mục, một gói được đánh dấu "nổi bật".
Trang /bang-gia: Cửa hàng tự cập nhật bảng giá qua trình soạn thảo trang thường, không cần lập trình viên can thiệp mỗi khi đổi giá hay thêm gói.
Đặt lịch từ bảng giá: Bấm "Đặt lịch gói này" mở form đặt lịch với tên gói đã điền sẵn.
Ảnh động: bấm "Đặt lịch gói này" trên trang bảng giá - form đặt lịch mở ra, tên gói được điền sẵn.
Bảng giá gói rút gọn trên trang chủ.
ega-autocare.mysapo.net/bang-gia
Trang /bang-gia: nhiều tab, mỗi tab nhiều cột gói.
ega-autocare.mysapo.net/bang-gia
Bấm "Đặt lịch gói này" - form đặt lịch mở ra kèm sẵn tên gói.
Flash Sale & Mã khuyến mãi
Đếm ngược: Đồng hồ đếm ngược tới thời điểm kết thúc, lặp theo khung giờ trong ngày hoặc đặt mốc ngày giờ cho một đợt cụ thể.
Trang Flash Sale riêng: Dùng chung danh sách sản phẩm sale của trang chủ, thêm banner và mã khuyến mãi riêng cho trang.
Mã khuyến mãi: Tối đa 8 mã hiển thị dạng thẻ trên trang chủ, bấm để sao chép và xem điều kiện áp dụng.
Khối Flash Sale trên trang chủ.
02
Điều hướng & Tìm kiếm
Menu và ô tìm kiếm giúp khách hàng đi tới đúng nhóm hàng trong một cửa hàng nhiều mã sản phẩm và nhiều dịch vụ.
Mega-menu
Kiểu Sản phẩm: Menu hiển thị sản phẩm do cửa hàng chỉ định kèm giá, khách bấm vào xem chi tiết ngay từ menu.
Kiểu Ảnh banner: Menu hiển thị ảnh quảng bá dẫn tới một danh mục hoặc chương trình.
Tối đa 4 mega-menu: Mỗi mục menu chọn kiểu riêng, mở tràn ngang trên máy tính.
Mega-menu mở khi trỏ chuột vào một mục menu cấp 1.
Tìm kiếm
Giới hạn theo danh mục: Khách tìm trong toàn bộ sản phẩm hoặc trong một nhóm hàng cụ thể.
Lịch sử tìm kiếm: Ghi lại các lần tìm gần đây, khách không phải gõ lại từ khoá cũ.
Thanh nút cố định dưới điện thoại
Thanh nút bám đáy: Đặt lịch, sản phẩm, tìm cửa hàng hiển thị cố định ở đáy màn hình; cửa hàng tự đặt icon, nhãn và thứ tự cho từng nút.
Tự đổi theo trang: Khi khách vào trang dịch vụ, thanh này đổi thành nút mở form đặt lịch thay vì thêm giỏ hàng.
Nút liên hệ nổi: Hotline, Zalo, Messenger hiển thị ở góc màn hình, bật/tắt từng nút.
Thanh nút cố định và bộ nút liên hệ trên trang dịch vụ (điện thoại).
03
Trang sản phẩm & Dịch vụ
Cùng một khung trang sản phẩm phục vụ cả hàng hoá thông thường lẫn dịch vụ chăm xe.
Sản phẩm dịch vụ
Không cần thêm app: Sản phẩm gắn đúng Loại sản phẩm (mặc định "Dịch vụ") tự hiện nhãn "Dịch vụ" trên thẻ và đổi một số khối trên trang chi tiết.
Quy trình theo nhóm dịch vụ: Tối đa 6 nhóm (ceramic, PPF, dán phim, đánh bóng, nội thất, rửa xe) gắn theo tag sản phẩm, mỗi nhóm có các bước và cam kết bảo hành riêng - khách xem đúng quy trình của dịch vụ đang xem, không lẫn với dịch vụ khác.
Nhãn "Phù hợp xe điện": Gắn theo tag sản phẩm, giúp khách dùng xe điện nhận ra đúng sản phẩm hoặc dịch vụ dành cho xe của họ.
Thẻ chọn combo: Biến thể đặt tên theo danh sách quy ước (ví dụ "Combo 3 lần", "Combo 6 lần") hiển thị thành thẻ chọn kèm mức tiết kiệm, thay cho ô chọn thông thường.
Giá cập nhật theo lựa chọn: Chọn combo khác, giá và phần trăm tiết kiệm cập nhật ngay.
Bảng phân loại theo cỡ xe: Sedan / SUV-MPV / Bán tải, kèm ví dụ mẫu xe và diện tích sơn ước tính - giúp khách xác định đúng cỡ xe trước khi chọn gói dịch vụ và mức giá.
Mở từ trang sản phẩm: Liên kết cạnh ô chọn biến thể mở bảng ngay tại trang, không cần rời trang.
Liên kết mở bảng chọn cỡ xe, cạnh ô chọn biến thể.
Bảng phân loại cỡ xe.
So sánh sản phẩm
Thêm vào bảng so sánh: Bấm "So sánh" trên thẻ sản phẩm (giới hạn cùng Loại sản phẩm), khách cân nhắc nhiều lựa chọn cùng lúc thay vì mở từng trang.
Trang so sánh riêng: Hiển thị giá, tình trạng, thương hiệu, tuỳ chọn và thông số kỹ thuật của các sản phẩm đã chọn, cạnh nhau.
ega-autocare.mysapo.net/so-sanh-san-pham
Trang so sánh 2 sản phẩm cùng loại.
04
Giỏ hàng & Thanh toán
Các công cụ ở bước cuối, gồm những yêu cầu riêng của khách hàng Việt Nam như hoá đơn VAT.
Hoá đơn VAT & tra cứu Mã số thuế
Tra cứu mã số thuế: Nhập mã số thuế trong giỏ hàng dạng drawer, hệ thống tự điền tên và địa chỉ công ty theo dữ liệu công khai của Cục Thuế.
Nhập tay khi cần: Nếu không tra được thông tin, khách tự gõ tên và địa chỉ công ty.
Ngưỡng ký tự tối thiểu: Chỉ bắt đầu tra cứu khi mã số thuế đã nhập đủ số ký tự.
Ảnh động quay thao tác thật: gõ mã số thuế một doanh nghiệp có thật rồi bấm Tra cứu.
Ô Mã số thuế trong giỏ hàng dạng drawer.
ega-autocare.mysapo.net
Tra cứu mã số thuế - tên và địa chỉ công ty tự điền vào form.
Đề xuất mua thêm để nhận ưu đãi
Thanh tiến trình theo mốc: Hiển thị số tiền còn thiếu để đạt mốc ưu đãi tiếp theo.
3 mốc, 2 loại ưu đãi: Mỗi mốc chọn tặng mã giảm giá hoặc tặng một sản phẩm quà kèm biến thể.
ega-autocare.mysapo.net/cart
Trang giỏ hàng đầy đủ.
05
Dịch vụ & Cửa hàng
Công cụ cho cửa hàng vừa bán online vừa nhận dịch vụ tại chỗ.
Đặt lịch hẹn
Gửi qua kênh liên hệ Sapo: Form đặt lịch gửi vào kênh liên hệ (contact) có sẵn của Sapo, không cần cài thêm app.
Danh sách dịch vụ lấy từ sản phẩm thật: Ưu tiên lấy từ collection dịch vụ đang bán; danh sách khai tay trong Customizer chỉ dùng khi collection rỗng.
Nguồn chi nhánh: Chọn lấy chung dữ liệu với Tìm cửa hàng (Google Sheet) hoặc tự nhập tay riêng cho form đặt lịch.
Nút đặt lịch ở nhiều vị trí: Hero, từng gói ở bảng giá, thanh menu và thanh CRO điện thoại.
Form đặt lịch hẹn - chọn dịch vụ, chi nhánh và thời gian.
Tìm cửa hàng gần nhất
Dữ liệu từ Google Sheet: Danh sách chi nhánh nạp từ 1 Sheet công khai, thêm chi nhánh bằng cách thêm một dòng; toạ độ lấy từ mã nhúng bản đồ của dòng đó.
Lọc theo tỉnh/thành: Trang tìm cửa hàng lọc theo Tỉnh/Thành và tìm theo tên chi nhánh.
Liên kết từ trang sản phẩm: Khối chính sách trang sản phẩm có action "Mở Tìm cửa hàng gần nhất", dùng chung dữ liệu.
ega-autocare.mysapo.net/danh-sach-cua-hang
Trang tìm cửa hàng - lọc theo tỉnh/thành.
ega-autocare.mysapo.net/danh-sach-cua-hang
Chọn tỉnh/thành - danh sách chi nhánh gợi ý đổi theo.
Popup khi vào web
Ảnh full kèm liên kết: Popup hiển thị 1 ảnh 700x700px do cửa hàng chuẩn bị sẵn, không có lớp chữ đè lên ảnh.
4 kiểu kích hoạt: Sau vài giây, khi cuộn tới một mốc phần trăm trang, khi có dấu hiệu rời trang (exit-intent), hoặc ngay khi vào trang.
Giờ chờ hiện lại: Một khách đã xem popup phải chờ đủ số giờ cấu hình (mặc định 24 giờ) mới thấy lại.
Popup ảnh khi vào web.
Bộ trang & Blog dựng sẵn
Trang nội dung: Bảng giá, dịch vụ, giới thiệu, liên hệ có bản đồ, tìm cửa hàng.
Blog: Bài viết có mục lục tự đánh số, sidebar tin nổi bật và bài liên quan cuối trang.
Trang tài khoản & 404: Đăng nhập, đăng ký, đơn hàng, địa chỉ; trang 404 dùng ảnh riêng.
ega-autocare.mysapo.net/tin-tuc
Trang tin tức / blog.
ega-autocare.mysapo.net/gioi-thieu
Trang giới thiệu.
07
Bộ ảnh đầy đủ
15 trang, chụp ở hai khổ màn hình chuẩn. Rê chuột lên ảnh để xem trọn trang, bấm để phóng to.