Gift Bizquà tặng doanh nghiệp Xem demo
Giao diện Sapo cho ngành quà tặng

Khách cần 500 phần quà in logo cho lễ kỷ niệm.
Website của bạn trả lời được trong bao lâu?

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.

  • 12module trang chủ bật/tắt
  • 21trang được dựng riêng
  • 961tuỳ chọn trong admin
  • 0dòng code phải sửa
gift-biz.mysapo.net
Toàn cảnh trang chủ theme Gift Biz

Toàn cảnh trang chủ demo. Bấm vào ảnh để xem bản đầy đủ.

Vì sao chọn Gift Biz

Không phải theme bán lẻ sơn lại màu nâu

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 đó.

Tính năng nổi bật

Có gì bên trong Gift Biz

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.

01 Kiến trúc

Trang chủ là 14 ô trống, bạn chọn đổ gì vào

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 đó.

  • 12 module sẵn có: slider, về chúng tôi, danh mục, sản phẩm theo tab, dịch vụ, giải pháp, cá nhân hoá, dự án, khách hàng, tin tức, FAQ, dải CTA.
  • 14 vị trí — nhiều hơn số module, nên lặp lại một module ở hai chỗ cũng được.
  • Đổi thứ tự = đổi giá trị trong ô, không kéo thả lỗi, không chạm file.
  • Mỗi vị trí có ô khoảng cách dưới, canh nhịp dọc của trang mà không cần biết CSS.
  • Tắt một module: chọn Không dùng. Nội dung vẫn còn nguyên, bật lại lúc nào cũng được.
  • Không có module nào ép phải dùng — trang chủ trống hoàn toàn vẫn chạy.
02 Trang chủ

Slider 5 slide và băng ba số liệu đè lên mép dưới

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ụ.

  • 5 slide, mỗi slide có ảnh desktop và ảnh mobile riêng nên chữ in trong ảnh không bị cắt.
  • Slide để trống thì tự bị bỏ qua — không hiện ô ảnh lỗi.
  • Chỉ có 1 slide thì mũi tên và chấm phân trang tự ẩn, không giả vờ làm slider.
  • Băng ba ô số liệu nổi lên mép dưới slider, mỗi ô có icon riêng chọn từ bộ 102 icon.
gift-biz.mysapo.net
Slider 5 slide và băng ba số liệu đè lên mép dưới — theme Gift Biz

Slider và băng số liệu — ảnh, tiêu đề, nút và ba con số đều lấy từ thiết lập.

03 Trang chủ

Bốn cửa vào theo nhu cầu, không bắt khách tự mò danh mục

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.

  • 4 thẻ danh mục, mỗi thẻ có ảnh, tên, mô tả ngắn và trỏ tới một nhóm sản phẩm thật.
  • Thẻ nào không nhập tên thì không hiện — không để lại ô trống.
  • Dưới 768px bốn thẻ chuyển thành dải vuốt ngang, lộ mép thẻ kế tiếp để khách biết là vuốt được.
gift-biz.mysapo.net
Bốn cửa vào theo nhu cầu, không bắt khách tự mò danh mục — theme Gift Biz

Bốn thẻ danh mục dẫn vào bốn nhóm sản phẩm khác nhau.

04 Trang chủ

Sản phẩm nổi bật chia 4 tab — nút Xem tất cả đổi link theo tab

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.

  • 4 tab, mỗi tab chọn một nhóm sản phẩm riêng trong admin.
  • Nút Xem tất cả tự lấy đường dẫn từ nhóm sản phẩm của tab — không phải gõ URL tay.
  • Thẻ sản phẩm dùng chung toàn site: ảnh, tên, giá, nhãn giảm giá, nút yêu thích, xem nhanh.
  • Hàng tab vuốt ngang được trên điện thoại, tab tự co theo độ dài chữ.
gift-biz.mysapo.net
Sản phẩm nổi bật chia 4 tab — nút Xem tất cả đổi link theo tab — theme Gift Biz

Bốn tab sản phẩm; nút Xem tất cả bên phải đổi đích theo tab đang chọn.

05 Điểm riêng của ngành

Cá nhân hoá thương hiệu: 6 hình thức in và 6 ảnh thành phẩm

Đâ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.

  • 6 hình thức cá nhân hoá: in lụa, khắc laser, thêu, UV, ép nhiệt… tên và mô tả tự nhập.
  • 6 ảnh thành phẩm xếp thành lưới ảnh, mỗi ảnh là một ô upload trong admin.
  • Hình thức nào chưa làm thì bỏ trống tên, khối tự rút lại cho khít.
  • Ghép với tab Tuỳ biến logo trên trang sản phẩm thành một mạch câu chuyện hoàn chỉnh.
gift-biz.mysapo.net
Cá nhân hoá thương hiệu: 6 hình thức in và 6 ảnh thành phẩm — theme Gift Biz

Sáu hình thức cá nhân hoá bên cạnh lưới ảnh thành phẩm.

06 Trang chủ

Bốn dịch vụ và quy trình triển khai 5 bước

Đơ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ì.

  • 4 thẻ dịch vụ: tư vấn, thiết kế, sản xuất, giao hàng — tên, icon, mô tả tự nhập.
  • Quy trình 5 bước có số thứ tự, tiêu đề và mô tả riêng từng bước.
  • Khối tràn ngang có ảnh nền riêng, nội dung vẫn nằm trong container nên không lệch mép.
  • Dưới 768px quy trình chuyển thành dải vuốt ngang, không xếp dọc dài dằng dặc.
gift-biz.mysapo.net
Bốn dịch vụ và quy trình triển khai 5 bước — theme Gift Biz

Dịch vụ và quy trình 5 bước trên dải ảnh nền tràn ngang.

07 Trang chủ

Sáu giải pháp theo dịp, mỗi dịp một đường vào riêng

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ó.

  • 6 ô giải pháp, mỗi ô có icon, tiêu đề, mô tả và đường dẫn riêng.
  • Ô nào để trống tiêu đề thì ẩn — hiện 3 hay 6 ô đều gọn.
  • Dùng chung bộ icon SVG của theme nên nét icon đồng bộ với cả site.
gift-biz.mysapo.net
Sáu giải pháp theo dịp, mỗi dịp một đường vào riêng — theme Gift Biz

Sáu ô giải pháp theo dịp sử dụng quà tặng.

08 Bằng chứng

Dự án tiêu biểu lấy thẳng từ blog, kèm dải logo khách hà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.

  • Nguồn nội dung là một blog: thêm bài là thêm dự án, không nhập trùng hai nơi.
  • Dải logo khách hàng riêng bên dưới, mỗi logo là một ô upload.
  • Thẻ dự án tự lấy ảnh đại diện, tiêu đề và mô tả ngắn của bài viết.
  • Trỏ về đúng trang blog dự án đã dựng sẵn (có sidebar, danh mục, đăng ký nhận tin).
gift-biz.mysapo.net
Dự án tiêu biểu lấy thẳng từ blog, kèm dải logo khách hàng — theme Gift Biz

Dự án tiêu biểu đọc từ blog, bên dưới là dải logo khách hàng.

09 Bằng chứng

Sáu đánh giá, mười logo đối tác, ba ô tin cậy — trong một khối

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ố.

  • 6 đánh giá: nội dung, người nói, chức danh, công ty, ảnh đại diện, số sao.
  • 10 logo đối tác chạy thành dải, bỏ trống logo nào thì dải tự khít lại.
  • 3 ô tin cậy cho các con số đáng nói: số đơn đã giao, tỉ lệ đúng hẹn, số năm bảo hành.
  • Đánh giá nào bỏ trống nội dung sẽ không hiện, không để lại thẻ rỗng.
gift-biz.mysapo.net
Sáu đánh giá, mười logo đối tác, ba ô tin cậy — trong một khối — theme Gift Biz

Đánh giá khách hàng, dải logo đối tác và băng ba ô tin cậy.

10 Nội dung động

Câu hỏi thường gặp nạp từ Google Sheet, sửa Sheet là web đổi

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.

  • Khai link Sheet + tên tab trong admin, không cần API hay app trả phí.
  • Thêm một dòng trong Sheet là thêm một câu hỏi ngoài web.
  • Có bộ câu hỏi dự phòng trong thiết lập: Sheet lỗi hay chưa khai thì web vẫn đủ nội dung.
  • Cùng cơ chế dùng cho danh sách chi nhánh ở trang liên hệ và danh sách showroom ở trang hệ thống cửa hàng.
gift-biz.mysapo.net
Câu hỏi thường gặp nạp từ Google Sheet, sửa Sheet là web đổi — theme Gift Biz

Khối FAQ ngoài trang chủ — nội dung đang đọc từ Google Sheet.

11 Trang sản phẩm

Trang sản phẩm viết cho đơn 500 cái, không phải đơn 1 cái

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.

  • Nút Yêu cầu báo giá đứng cùng hàng với thêm vào giỏ và nút liên hệ tư vấn.
  • 4 ô cam kết cạnh khối giá, 4 ô dải tin cậy dưới phần mô tả — icon và chữ tự nhập.
  • Tab riêng Tuỳ biến logo với 5 ảnh mẫu in: khách thấy ngay logo lên sản phẩm ra sao.
  • Tab thông số kỹ thuật, tab đánh giá, khối mô tả có 4 gạch đầu dòng nổi bật và ảnh bên phải.
  • Dải hỗ trợ kèm hotline và giờ làm việc ngay trong trang, không bắt khách đi tìm.
gift-biz.mysapo.net/products/ly-giu-nhiet-tre-nap-silicon
Trang sản phẩm viết cho đơn 500 cái, không phải đơn 1 cái — theme Gift Biz

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.

12 Trang danh mục

Bộ lọc bên trái có thanh trượt giá và lọc theo màu

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.

  • Lọc theo khoảng giá bằng thanh trượt, kèm hai ô nhập giá từ — đến.
  • Lọc theo màu sắc: danh sách màu và mã màu tương ứng khai trong admin.
  • Lọc theo thương hiệu và loại sản phẩm, mỗi bộ lọc bật/tắt riêng bằng checkbox.
  • Nhóm lọc dài tự thu gọn, có nút xem thêm — chữ trên nút cũng sửa được.
  • Cùng bộ lọc đó dùng lại cho trang tìm kiếm, không phải dựng hai lần.
gift-biz.mysapo.net/collections/san-pham-khuyen-mai
Bộ lọc bên trái có thanh trượt giá và lọc theo màu — theme Gift Biz

Cột lọc bên trái và lưới sản phẩm của trang danh mục.

13 Giỏ hàng

Giỏ hàng có hẹn giờ giao và ô xuất hoá đơn VAT

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.

  • Hẹn giờ giao hàng: chọn ngày và khung giờ, số ngày tối thiểu được hẹn do bạn đặt.
  • Xuất thông tin VAT: bật một checkbox là hiện khối nhập tên công ty, mã số thuế, địa chỉ.
  • Dải cam kết bốn ô dưới giỏ hàng để giữ khách ở lại bước cuối.
  • Giỏ trống có màn hình riêng, không để trang trắng.
gift-biz.mysapo.net/cart
Giỏ hàng có hẹn giờ giao và ô xuất hoá đơn VAT — theme Gift Biz

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.

14 Chuyển đổi

Form báo giá hỏi đúng thứ cần hỏi ngay từ lần đầu

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.

  • Trường riêng cho tên doanh nghiệp, nhu cầu quà tặng và ngân sách dự kiến.
  • Các lựa chọn trong hai danh sách nhập bằng một dòng, cách nhau bởi dấu phẩy.
  • Mọi nhãn, gợi ý trong ô, chữ trên nút và ghi chú bảo mật đều sửa được trong admin.
  • Bên cạnh form là khối thông tin liên hệ: hotline, email, Zalo, giờ làm việc, bản đồ.
  • Bốn ô liên hệ nhanh phía dưới cho các đường vào khác: tải catalogue, đặt lịch, chat…
gift-biz.mysapo.net/lien-he
Form báo giá hỏi đúng thứ cần hỏi ngay từ lần đầu — theme Gift Biz

Form yêu cầu báo giá và cột thông tin liên hệ ở trang Liên hệ.

15 Mobile

Mở bằng điện thoại: mọi dải thẻ đều vuốt ngang

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.

  • Dải trượt dựng bằng CSS scroll-snap thuần, không thêm thư viện slider nào.
  • Thẻ kế tiếp lộ một phần ở mép phải để khách biết là vuốt được.
  • Mọi khối giữ padding 10px hai bên; chỉ ảnh và nền mới tràn hết màn hình.
  • Slide hero có ảnh mobile riêng nên chữ in trong ảnh không bị crop mất.
  • Kiểm ở 390 / 576 / 768px: không có thanh cuộn ngang nào.
Mở bằng điện thoại: mọi dải thẻ đều vuốt ngang — theme Gift Biz

Trang chủ trên điện thoại — ảnh chụp ở bề rộng 414px.

16 Trang riêng

Ba trang nội dung dài đã dựng sẵn, không phải tự xếp bằng trình soạn thảo

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.

  • Trang giới thiệu — 9 khối: băng số liệu, câu chuyện thương hiệu, giá trị cốt lõi, đối tác tin cậy, cột mốc phát triển, giải pháp, khách hàng tiêu biểu, dải kêu gọi hợp tác.
  • Trang câu hỏi thường gặp — ô tìm câu hỏi, nhóm câu hỏi theo từ khoá, khối hỗ trợ cột trái, nguồn Google Sheet.
  • Trang hệ thống cửa hàng — tìm theo tên, lọc theo tỉnh/thành và loại hình, bản đồ chỉ đường, dải cam kết cuối trang.
  • Thêm trang: tạo trang nội dung trong admin rồi chọn khung giao diện tương ứng, không cần code.
  • Cả ba đều dùng chung breadcrumb và banner đầu trang của theme nên nhìn liền mạch.
17 Sau khi mua

Và theme bán kèm tài liệu hướng dẫn tự sinh từ chính thiết lập của nó

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.

  • Đi theo đúng 32 nhóm và 172 thẻ thiết lập trong Tuỳ chỉnh giao diện.
  • Mỗi thẻ có ảnh chụp đúng ô thiết lập đó trong admin và ảnh khối tương ứng ngoài website.
  • Có mục lục dính bên trái, ô tìm nhanh theo tên setting, và bản in.
  • Tài liệu sinh lại bằng một câu lệnh mỗi khi theme thêm thiết lập mới — không bao giờ lạc hậu.
Và còn nữa

Những thứ nhỏ nhưng dùng tới mỗi ngày

Không đủ chỗ cho mỗi thứ một ảnh, nhưng thiếu chúng thì website chạy không trọn.

Thông số

Thông tin kỹ thuật

Những con số bên dưới đọc trực tiếp từ chính theme đang chạy demo.

Nền tảng
Sapo
Nhóm thiết lập trong admin
32 nhóm, 172 thẻ
Tổng số tuỳ chọn
961
Template trang
21
Module trang chủ
12 module cho 14 vị trí
Bộ icon
102 icon SVG trong một sprite
Khung lưới
Bootstrap 5, container 1270px
Breakpoint
1199.98 / 991.98 / 767.98 / 575.98 px
Thư viện JS
Swiper, jQuery — dùng lại của theme, không thêm
Nội dung nạp động
FAQ, chi nhánh, showroom đọc từ Google Sheet
Tài liệu kèm theme
Trang Hướng dẫn sử dụng theme, sinh tự động
Ảnh
lazyload sẵn, có ảnh mobile riêng cho slider

Cách nhanh nhất là mở demo và bấm thử nút Yêu cầu báo giá

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 ô đó.