Gift Biz là giao diện Sapo dựng riêng cho nghề quà tặng doanh nghiệp: bán theo lô, in logo, báo giá theo số lượng, hồ sơ dự án và hệ thống showroom. 961 tuỳ chọn trong admin, không phải sửa một dòng code.
Toàn cảnh trang chủ demo. Bấm vào ảnh để xem bản đầy đủ.
Ngành quà tặng doanh nghiệp bán khác hẳn bán lẻ: khách hỏi số lượng trước khi hỏi giá, cần in logo, cần hoá đơn, cần xem đã làm cho ai. Gift Biz được dựng từ chính những câu hỏi đó.
Nút chính trên trang sản phẩm là Yêu cầu báo giá, cạnh đó mới là thêm vào giỏ. Có ghi chú giá tham khảo, đơn vị tính, dải cam kết và khối hỗ trợ kèm hotline.
12 module chọn từ danh sách thả xuống cho 14 vị trí. Mùa Tết đẩy khối quà Tết lên đầu, hết mùa chọn Không dùng để tắt — không gọi lập trình viên.
Câu hỏi thường gặp, danh sách chi nhánh, danh sách showroom đọc trực tiếp từ Sheet. Sửa trên Sheet là website đổi theo, không cần vào admin.
Toàn bộ sắc nâu — vàng đồng đi từ hai biến màu trong Thiết lập chung. Khách thương hiệu màu xanh? Đổi hai ô, cả 21 trang đổi theo, kể cả gradient và nút.
Mười bảy mục dưới đây đều là ảnh chụp thật từ bản demo, không phải ảnh dựng. Bấm vào ảnh nào cũng xem được bản lớn.
Trang chủ Gift Biz không phải một khối cứng. Mỗi vị trí là một ô chọn trong Tuỳ chỉnh giao diện, kèm ô nhập khoảng cách riêng phía dưới module đó.
Khối đầu trang vừa là banner mùa vụ vừa là nơi nói ba con số khiến khách doanh nghiệp tin: số năm kinh nghiệm, số dự án, số khách đã phục vụ.
Slider và băng số liệu — ảnh, tiêu đề, nút và ba con số đều lấy từ thiết lập.
Khách doanh nghiệp không tìm theo "ly giữ nhiệt", họ tìm theo "quà tri ân khách VIP". Khối danh mục nói đúng ngôn ngữ đó rồi mới dẫn vào nhóm sản phẩm tương ứng.
Bốn thẻ danh mục dẫn vào bốn nhóm sản phẩm khác nhau.
Một khối, bốn nhóm sản phẩm. Điều hay nằm ở chi tiết nhỏ: bấm sang tab khác thì nút Xem tất cả cũng đổi đích theo đúng nhóm đang mở, không trỏ mãi về một trang.
Bốn tab sản phẩm; nút Xem tất cả bên phải đổi đích theo tab đang chọn.
Đây là khối không có trong theme bán lẻ nào. Khách luôn hỏi "in logo kiểu gì", "khắc được không", "thêu lên túi được không" — khối này trả lời sẵn, kèm ảnh thành phẩm thật.
Sáu hình thức cá nhân hoá bên cạnh lưới ảnh thành phẩm.
Đơn quà tặng doanh nghiệp không chốt trong một cú bấm. Khối này cho khách thấy trước đường đi: từ lúc nhận brief tới lúc giao hàng có mấy bước, mỗi bước ai làm gì.
Dịch vụ và quy trình 5 bước trên dải ảnh nền tràn ngang.
Tri ân khách hàng, gắn kết nhân sự, khai trương, hội nghị, Tết, ra mắt sản phẩm — sáu ô, sáu nhu cầu, mỗi ô dẫn tới đúng nhóm sản phẩm hoặc trang đích của nó.
Sáu ô giải pháp theo dịp sử dụng quà tặng.
Khối này không bắt bạn nhập tay từng dự án. Chọn một blog trong admin, nó tự lấy bài mới nhất làm hồ sơ dự án — viết bài mới là trang chủ tự cập nhật.
Dự án tiêu biểu đọc từ blog, bên dưới là dải logo khách hàng.
Nhóm thiết lập lớn nhất của phần trang chủ: 99 tuỳ chọn chỉ để dựng niềm tin. Đánh giá có tên, chức danh, công ty, ảnh và số sao; đối tác có logo; băng tin cậy có con số.
Đánh giá khách hàng, dải logo đối tác và băng ba ô tin cậy.
Phần hay bị bỏ bẵng nhất của mọi website là FAQ, vì vào admin sửa thì nản. Gift Biz đọc FAQ từ một Google Sheet: dán link Sheet, ghi tên tab, xong.
Khối FAQ ngoài trang chủ — nội dung đang đọc từ Google Sheet.
84 tuỳ chọn cho riêng trang này. Khác biệt lớn nhất: khối giá có nút yêu cầu báo giá hai dòng, ghi chú giá tham khảo và đơn vị tính — đúng cách ngành này niêm yết.
Khối mua hàng: giá tham khảo, ô cam kết, nút yêu cầu báo giá và liên hệ tư vấn.
Danh mục quà tặng thường dài hàng trăm sản phẩm. Cột lọc bên trái cho khách cắt nhanh theo ngân sách — thứ khách doanh nghiệp quan tâm trước tiên.
Cột lọc bên trái và lưới sản phẩm của trang danh mục.
Hai thứ đơn doanh nghiệp nào cũng cần mà theme bán lẻ không có: chọn ngày nhận hàng và điền thông tin xuất hoá đơn ngay tại giỏ, trước khi sang thanh toán.
Giỏ hàng với ba dòng số lượng lớn, khối hẹn giờ giao và nhãn xuất hoá đơn.
Form liên hệ ba trường "tên — email — nội dung" khiến bạn phải gọi lại ba lần mới đủ dữ kiện. Form của Gift Biz hỏi luôn nhu cầu quà tặng và ngân sách dự kiến, bằng hai danh sách chọn do bạn khai.
Form yêu cầu báo giá và cột thông tin liên hệ ở trang Liên hệ.
Phần lớn khách mở link trên điện thoại ngay trong lúc họp. Dưới 768px, mọi khối từ ba thẻ trở lên không xếp dọc mà chuyển thành dải trượt ngang — trang ngắn lại, cuộn ít, vuốt nhiều.
Trang chủ trên điện thoại — ảnh chụp ở bề rộng 414px.
Những trang mà shop nào cũng cần nhưng ít theme làm tới: giới thiệu, câu hỏi thường gặp, hệ thống cửa hàng. Cả ba đều có thiết lập riêng trong admin, không phải dán HTML vào ô nội dung.
Phần khó nhất của việc nhận một theme mới không phải cài, mà là biết 961 ô thiết lập kia đổi cái gì ngoài web. Gift Biz có một trang hướng dẫn riêng, đi đúng cây thiết lập trong admin, mỗi mục kèm ảnh màn hình thiết lập và ảnh kết quả ngoài site.
Không đủ chỗ cho mỗi thứ một ảnh, nhưng thiếu chúng thì website chạy không trọn.
Khách lưu sản phẩm để trình lên cấp trên duyệt. Có trang riêng, banner riêng và màn hình khi chưa lưu gì.
Có banner đầu trang, ô tìm kiếm riêng, dùng chung bộ lọc với trang danh mục và màn hình khi không ra kết quả.
Danh mục bài viết, cột bên phải, khối đăng ký nhận tin, thẻ tư vấn chèn giữa bài và dải CTA cuối trang.
Mọi icon của site nằm trong một file SVG duy nhất. Chọn icon cho module bằng cách gõ tên, không phải upload ảnh.
Dùng lại Swiper và jQuery mà theme đã nạp. CSS tách theo trang: trang sản phẩm không tải CSS của trang chủ.
Trang 404, trang chờ mở bán, đăng nhập, đăng ký, đơn hàng, địa chỉ và khối ưu đãi trong trang tài khoản.
Nút Zalo và gọi điện nổi ở mép màn hình, bật/tắt bằng một checkbox, số điện thoại khai trong admin.
Thanh cam kết đầu trang, menu ngang nhiều cấp, chân trang ba cột menu kèm khối giới thiệu và mạng xã hội.
Một mẫu thẻ cho mọi nơi: trang chủ, danh mục, tìm kiếm, yêu thích, sản phẩm liên quan — sửa một chỗ đổi cả site.
Những con số bên dưới đọc trực tiếp từ chính theme đang chạy demo.
Mọi sản phẩm, con số và ảnh trong demo đều là dữ liệu mẫu. Thay bằng dữ liệu của bạn ngay trong Tuỳ chỉnh giao diện — và nếu bí ở ô nào, trang hướng dẫn sử dụng đã có ảnh của đúng ô đó.