TÀI LIỆU HƯỚNG DẪN

Hướng dẫn sử dụng theme

Tài liệu tổng hợp toàn bộ thao tác quản trị theme NDKids: từng vị trí trên đầu trang, chân trang cho tới từng module trong trang chủ, trang danh sách, trang chi tiết, trang tin tức và các trang nội dung đặc biệt. Bấm vào mục lục bên trái để nhảy tới phần cần xem.

Cập nhật: 10/2026 Phiên bản theme: 1.0 Tương thích mobile & desktop

Thiết lập chung

Các tuỳ chỉnh áp dụng toàn site: favicon, nút back-to-top, bảng màu, SEO, sản phẩm yêu thích/so sánh và trang hệ thống cửa hàng.

Mục Thiết lập chung nằm ở vị trí đầu tiên trong Tùy chỉnh giao diện. Mọi thay đổi tại đây sẽ áp dụng cho toàn bộ website, không phụ thuộc vào từng block trang chủ hay trang con.

Truy cập Website → Tùy chỉnh Giao diện

Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

Truy cập Website - Tùy chỉnh Giao diện

Tìm block Đầu trang trong danh sách block để mở popup cấu hình.

Block thiết lập chung trong Tùy chỉnh Giao diện

  1. 1

    Cấu hình Favicon

    Icon nhỏ hiển thị trên tab trình duyệt và khi lưu bookmark.

    • Dùng favicon - tick để bật, bỏ tick để dùng favicon mặc định.
    • Favicon - kích thước khuyên dùng 24×24 px, upload vào Cấu hình → Quản lý file với tên favicon.png.

    Nên dùng favicon dạng PNG trong suốt, nền vuông, tỉ lệ 1:1.

    Cấu hình favicon

  2. 2

    Cấu hình Nút lên đầu trang

    Nút bấm nổi ở góc phải màn hình, xuất hiện khi khách cuộn xuống quá nửa trang.

    • Dùng nút quay lên đầu trang - tick để hiển thị nút, bỏ tick để ẩn.

    Nút back-to-top

  3. 3

    Cấu hình Màu sắc toàn trang

    Bảng màu chính áp dụng cho nút bấm, liên kết, header, footer… trên toàn site.

    • Màu sắc chính - màu thương hiệu dùng cho nút CTA, link, tiêu đề nổi bật.
    • Màu sắc phụ - màu bổ trợ (viền, hover, nền nhạt).
    • Màu sắc giá - màu hiển thị giá bán sản phẩm (mặc định đỏ/cam).

    3 màu này sinh CSS variables --main-color, --old-color, --price-color dùng xuyên suốt theme.

    Bảng màu toàn trang

  4. 4

    Cấu hình Meta keywords cho trang chủ (SEO)

    Thẻ keywords giúp công cụ tìm kiếm hiểu chủ đề trang chủ.

    • Keywords cho trang chủ - nhập các từ khoá chính của website, cách nhau bằng dấu phẩy. Ví dụ: đồ chơi trẻ em, đồ chơi gỗ, đồ chơi thông minh, đồ chơi an toàn cho bé.

    Bổ sung thêm thẻ title và description trong Cấu hình → SEO để tối ưu tốt hơn.

    Meta keywords trang chủ

  5. 5

    Cấu hình Sản phẩm yêu thích (Wishlist)

    Cho phép khách lưu sản phẩm quan tâm, xem lại danh sách cá nhân.

    • Dùng - tick để bật tính năng yêu thích (icon trái tim trên sản phẩm).
    • Chọn trang - chọn trang nội dung có layout page.yeu-thich để hiển thị danh sách sản phẩm khách đã thích.

    Cần tạo trang nội dung mới trước, chọn khung giao diện page.yeu-thich, rồi mới quay lại đây chọn trang.

    Sản phẩm yêu thích

  6. 6

    Cấu hình Sản phẩm so sánh

    Cho phép khách chọn nhiều sản phẩm để so sánh thông số cùng lúc.

    • Dùng - tick để bật tính năng so sánh.
    • Chọn trang - chọn trang nội dung có layout page.compare để hiển thị bảng so sánh.

    Sản phẩm so sánh

  7. 7

    Cấu hình Trang hệ thống cửa hàng

    Trang liệt kê các chi nhánh cửa hàng của shop, dùng cho link ở topbar và footer.

    • Chọn trang - chọn trang nội dung có layout page.store. Trang này hiển thị danh sách cửa hàng lấy từ Google Sheet cấu hình tại Cấu hình → Trang hệ thống cửa hàng.

    Trang hệ thống cửa hàng

Đầu trang

Phần header hiển thị trên mọi trang của website: logo, thanh tìm kiếm, hotline, menu chính và các tiện ích.

Header gồm Topbar (số điện thoại, slogan, liên kết tiện ích), khu vực logo - menu - tìm kiếm - giỏ hàng và danh mục sản phẩm kèm icon trang trí..

Truy cập Website → Tùy chỉnh Giao diện

Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

Truy cập Website - Tùy chỉnh Giao diện

Tìm block Đầu trang trong danh sách block để mở popup cấu hình.

Block đầu trang trong Tùy chỉnh Giao diện

  1. 1

    Cấu hình Header Topbar

    Dải trên cùng header hiển thị thông tin liên hệ và các liên kết nhanh.

    • Hiển thị Header Topbar - tick để bật, bỏ tick để ẩn toàn bộ dải topbar.
    • Số điện thoại - hiển thị kèm icon điện thoại, click để gọi.
    • Slogan header - câu tagline ngắn bên cạnh số điện thoại.
    • Hiển thị link "Hệ thống cửa hàng".
    • Hiển thị link "Tra cứu đơn hàng".
    • Link tra cứu đơn hàng - ví dụ: https://apps.sapo.vn/tra-cuu-don-hang.

    Link "Hệ thống cửa hàng" dùng trang đã chọn tại Cấu hình → Trang hệ thống cửa hàng.

    Cấu hình Header Topbar

  2. 2

    Cấu hình Logo

    Logo hiển thị ở giữa header, kích thước đề nghị 380×123 px.

    • Tùy chỉnh logo - tick để dùng logo riêng, bỏ tick sẽ dùng logo mặc định theo tên shop.
    • Logo - upload vào Cấu hình → Quản lý file với tên logo.png.

    Nếu không upload logo, hệ thống sẽ tự lấy tên shop làm logo dạng chữ.

    Cấu hình Logo

  3. 3

    Cấu hình Menu chính

    Menu hiển thị ngang header (desktop) và menu mobile (responsive).

    • Menu chính - chọn menu đã tạo trong Thiết kế → Menu. Ưu tiên dùng danh mục sản phẩm; có thể thêm mục tĩnh: Tin tức, Hệ thống cửa hàng, Liên hệ.

    Cấu hình Menu chính

  4. 4

    Cấu hình Gợi ý tìm kiếm & lịch sử tìm kiếm

    Hiển thị bên dưới ô tìm kiếm khi khách click vào.

    • Hiển thị gợi ý tìm kiếm.
    • Tiêu đề gợi ý tìm kiếm.
    • Danh sách từ khoá - các từ khoá cách nhau bằng dấu phẩy. Ví dụ: Sửa bột, Sữa nước, Ăn dặm dinh dưỡng, Sức khỏe và Vitamin, Thời trang trẻ em, Đồ chơi học tập.
    • Hiển thị tìm kiếm gần đây (Lịch sử) - lưu tối đa 10 từ khoá có trên 1 ký tự và tìm ra kết quả thành công.

    Gợi ý tìm kiếm & lịch sử

  5. 5

    Cấu hình Tìm kiếm thông minh

    Tính năng tìm kiếm nâng cao, hỗ trợ gợi ý sản phẩm theo từ khoá.

    • Hiển thị Tìm kiếm thông minh.

    Bỏ tick nếu muốn tắt gợi ý sản phẩm realtime trong ô tìm kiếm.

    Tìm kiếm thông minh

  6. 6

    Cấu hình Danh mục sản phẩm

    Menu danh mục hiển thị dọc bên trái header (thường dùng cho menu ngang hoặc mega menu).

    • Chọn menu - danh sách liên kết danh mục sản phẩm.

    Danh mục sản phẩm dọc

  7. 7

    Cấu hình Icon Danh mục sản phẩm

    Icon trang trí cho từng mục trong menu danh mục. Kích thước đề nghị 86×86 px.

    • Icon danh mục 1 - 15 - upload từng icon tương ứng với mục trong menu dọc.

    Icon nào để trống sẽ ẩn riêng icon đó; menu vẫn hiển thị bình thường.

    Icon Danh mục sản phẩm

  8. 8

    Hoàn tất & kiểm tra hiển thị

    Sau khi lưu, ra ngoài trang chủ kiểm tra:

    • Topbar hiển thị số điện thoại, slogan, 2 link tiện ích.
    • Logo căn giữa, đúng tỉ lệ 380×123 px.
    • Menu chính hiển thị đầy đủ các mục đã chọn.
    • Ô tìm kiếm hiển thị gợi ý + lịch sử khi click vào.
    • Menu dọc danh mục sản phẩm hiển thị kèm icon trang trí.

Trang chủ

Tổng quan các module được sắp xếp theo thứ tự hiển thị từ trên xuống dưới trên trang chủ.

Trang chủ được xây dựng theo từng block độc lập, có thể bật/tắt, sắp xếp lại thứ tự trong Tùy chỉnh giao diện → Trang chủ. Mỗi block đều có các tham số riêng (tiêu đề, danh mục, số lượng, layout…) được mô tả chi tiết ở các mục con bên dưới.

2.1

Module Slider

Banner slideshow lớn ngay đầu trang chủ.

Module Slider nằm ngay đầu trang chủ, là ảnh đầu tiên khách hàng nhìn thấy khi truy cập website. Mỗi slide gồm ảnh nền, tiêu đề, mô tả ngắn và nút bấm (tuỳ chọn). Bạn có thể thay ảnh, sửa alt text và cập nhật đường dẫn cho từng slide ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Module Slider để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Module Slider để mở popup cấu hình.

    Block Trang chủ - Module Slider trong Tùy chỉnh Giao diện

  3. 3

    Thay thế ảnh Slider, thêm và sửa nội dung

    Trong popup chỉnh sửa, với mỗi slide bạn có thể: thay ảnh (upload ảnh mới), sửa mô tả ảnh (alt) để tối ưu SEO, và cập nhật đường dẫn (link) khi khách bấm vào slide. Bấm “Lưu” để hoàn tất.

2.2

Chính sách

Dải cam kết nổi bật ngay dưới slider.

Block Chính sách nằm ngay dưới Module Slider, hiển thị các cam kết của shop (giao hàng, đổi trả, thanh toán, hỗ trợ…). Mỗi cam kết gồm ảnh/icon, tiêu đề và mô tả. Bạn có thể thay ảnh, sửa tiêu đề và cập nhật miêu tả cho từng cam kết ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Chính sách để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Chính sách để mở popup cấu hình.

    Block Trang chủ - Chính sách trong Tùy chỉnh Giao diện

  3. 3

    Thay thế ảnh, thêm và sửa nội dung chính sách

    Trong popup chỉnh sửa, với mỗi cam kết bạn có thể: thay ảnh (upload ảnh/icon mới), sửa tiêu đề (ví dụ: "Giao hàng nhanh", "Đổi trả 7 ngày"…), và cập nhật miêu tả ngắn gọn cho cam kết đó. Bấm “Lưu” để hoàn tất.

2.3

Mua sắm theo độ tuổi

Bộ lọc nhanh theo nhóm tuổi của bé.

Block Mua sắm theo độ tuổi hiển thị các danh mục nổi bật dưới dạng chip/thẻ ảnh. Mỗi danh mục gồm ảnh đại diện, tiêu đề, mô tả ngắn và đường dẫn tới trang danh mục đó. Bạn có thể thay ảnh, sửa tiêu đề, mô tả và cập nhật đường dẫn ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Mua sắm theo độ tuổi để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Mua sắm theo độ tuổi để mở popup cấu hình.

    Block Trang chủ - Mua sắm theo độ tuổi trong Tùy chỉnh Giao diện

  3. 3

    Thay thế ảnh, thêm và sửa nội dung danh mục nổi bật

    Trong popup chỉnh sửa, với mỗi danh mục nổi bật bạn có thể: thay ảnh (upload ảnh đại diện mới), sửa tiêu đề (ví dụ: "Đồ chơi 0-12 tháng", "Đồ chơi 1-3 tuổi"…), cập nhật miêu tả ngắn gọn cho danh mục, và cập nhật đường dẫn tới trang danh mục tương ứng. Bấm “Lưu” để hoàn tất.

2.4

Săn deal siêu hời

Module Flash Sale với đồng hồ đếm ngược.

Block Săn deal siêu hời (Flash Sale) hiển thị các sản phẩm đang giảm giá kèm đồng hồ đếm ngược. Bạn có thể chọn danh mục sản phẩm để lấy deal, thay ảnh tiêu đề của module, sửa tiêu đề và cập nhật miêu tả ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Săn deal siêu hời để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Săn deal siêu hời để mở popup cấu hình.

    Block Trang chủ - Săn deal siêu hời trong Tùy chỉnh Giao diện

  3. 3

    Chọn danh mục, thêm và sửa nội dung Flash Sale

    Trong popup chỉnh sửa, bạn có thể: chọn danh mục sản phẩm để lấy deal cho module, thay ảnh tiêu đề của module Flash Sale (ví dụ banner nhỏ phía trên tiêu đề), sửa tiêu đề (ví dụ: "Săn deal siêu hời", "Flash Sale cuối tuần"…), và cập nhật miêu tả ngắn gọn cho module. Bấm “Lưu” để hoàn tất.

2.5

Top đồ chơi bán chạy

Sản phẩm được mua nhiều nhất trong 30 ngày gần nhất.

Block Top đồ chơi bán chạy hiển thị các sản phẩm bán chạy nhất. Bạn có thể chọn danh mục sản phẩm để lấy deal, thay ảnh tiêu đề của module, sửa tiêu đề và cập nhật miêu tả ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Top đồ chơi bán chạy để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Top đồ chơi bán chạy để mở popup cấu hình.

    Block Trang chủ - Top đồ chơi bán chạy trong Tùy chỉnh Giao diện

  3. 3

    Chọn danh mục, thêm và sửa nội dung Top đồ chơi bán chạy

    Trong popup chỉnh sửa, bạn có thể: chọn danh mục sản phẩm để lấy deal cho module, thay ảnh tiêu đề của module (ví dụ banner nhỏ phía trên tiêu đề), sửa tiêu đề (ví dụ: "Top đồ chơi bán chạy", "Sản phẩm hot nhất"…), và cập nhật miêu tả ngắn gọn cho module. Bấm “Lưu” để hoàn tất.

2.6

Đồ chơi 0 - 12 tháng tuổi

Module sản phẩm dành cho bé sơ sinh & tập đi.

Block Đồ chơi 0 - 12 tháng tuổi hiển thị các sản phẩm cho bé sơ sinh và tập đi. Bạn có thể chọn danh mục sản phẩm, chọn menu, thay ảnh tiêu đề của module, sửa tiêu đề và cập nhật miêu tả ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Đồ chơi 0 - 12 tháng tuổi để chỉnh sửa

    Trong danh sách block, tìm block có tên Đồ chơi 0 - 12 tháng tuổi để mở popup cấu hình.

    Block Đồ chơi 0 - 12 tháng tuổi trong Tùy chỉnh Giao diện

  3. 3

    Chọn danh mục, menu, thêm và sửa nội dung Đồ chơi 0 - 12 tháng tuổi

    Trong popup chỉnh sửa, bạn có thể: chọn danh mục sản phẩm để hiển thị sản phẩm cho module, chọn menu (ví dụ menu "Đồ chơi theo độ tuổi" hoặc danh mục tương ứng) để liên kết nhanh, thay ảnh tiêu đề của module (ví dụ banner nhỏ phía trên tiêu đề), sửa tiêu đề (ví dụ: "Đồ chơi 0 - 12 tháng tuổi"…), và cập nhật miêu tả ngắn gọn cho module. Bấm “Lưu” để hoàn tất.

2.7

Đồ chơi 1 - 3 tuổi

Sản phẩm cho bé tập nói, tập đi, khám phá.

Block Đồ chơi 1 - 3 tuổi hiển thị các sản phẩm cho bé tập nói, tập đi, khám phá. Bạn có thể chọn danh mục sản phẩm, chọn menu, thay ảnh tiêu đề của module, sửa tiêu đề và cập nhật miêu tả ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Đồ chơi 1 - 3 tuổi để chỉnh sửa

    Trong danh sách block, tìm block có tên Đồ chơi 1 - 3 tuổi để mở popup cấu hình.

    Block Đồ chơi 1 - 3 tuổi trong Tùy chỉnh Giao diện

  3. 3

    Chọn danh mục, menu, thêm và sửa nội dung Đồ chơi 1 - 3 tuổi

    Trong popup chỉnh sửa, bạn có thể: chọn danh mục sản phẩm để hiển thị sản phẩm cho module, chọn menu (ví dụ menu "Đồ chơi theo độ tuổi" hoặc danh mục tương ứng) để liên kết nhanh, thay ảnh tiêu đề của module (ví dụ banner nhỏ phía trên tiêu đề), sửa tiêu đề (ví dụ: "Đồ chơi 1 - 3 tuổi"…), và cập nhật miêu tả ngắn gọn cho module. Bấm “Lưu” để hoàn tất.

2.8

Đồ chơi 3 - 6 tuổi

Đồ chơi phát triển trí tuệ, vận động cho bé mẫu giáo.

Block Đồ chơi 3 - 6 tuổi hiển thị các sản phẩm phát triển trí tuệ, vận động cho bé mẫu giáo. Bạn có thể chọn danh mục sản phẩm, chọn menu, thay ảnh tiêu đề của module, sửa tiêu đề và cập nhật miêu tả ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Đồ chơi 3 - 6 tuổi để chỉnh sửa

    Trong danh sách block, tìm block có tên Đồ chơi 3 - 6 tuổi để mở popup cấu hình.

    Block Đồ chơi 3 - 6 tuổi trong Tùy chỉnh Giao diện

  3. 3

    Chọn danh mục, menu, thêm và sửa nội dung Đồ chơi 3 - 6 tuổi

    Trong popup chỉnh sửa, bạn có thể: chọn danh mục sản phẩm để hiển thị sản phẩm cho module, chọn menu (ví dụ menu "Đồ chơi theo độ tuổi" hoặc danh mục tương ứng) để liên kết nhanh, thay ảnh tiêu đề của module (ví dụ banner nhỏ phía trên tiêu đề), sửa tiêu đề (ví dụ: "Đồ chơi 3 - 6 tuổi"…), và cập nhật miêu tả ngắn gọn cho module. Bấm “Lưu” để hoàn tất.

2.9

Đồ chơi 6+ tuổi

Đồ chơi lắp ráp, sáng tạo, thể thao cho bé tiểu học.

Block Đồ chơi 6+ tuổi hiển thị các sản phẩm lắp ráp, sáng tạo, thể thao cho bé tiểu học. Bạn có thể chọn danh mục sản phẩm, chọn menu, thay ảnh tiêu đề của module, sửa tiêu đề và cập nhật miêu tả ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Đồ chơi 6+ tuổi để chỉnh sửa

    Trong danh sách block, tìm block có tên Đồ chơi 6+ tuổi để mở popup cấu hình.

    Block Đồ chơi 6+ tuổi trong Tùy chỉnh Giao diện

  3. 3

    Chọn danh mục, menu, thêm và sửa nội dung Đồ chơi 6+ tuổi

    Trong popup chỉnh sửa, bạn có thể: chọn danh mục sản phẩm để hiển thị sản phẩm cho module, chọn menu (ví dụ menu "Đồ chơi theo độ tuổi" hoặc danh mục tương ứng) để liên kết nhanh, thay ảnh tiêu đề của module (ví dụ banner nhỏ phía trên tiêu đề), sửa tiêu đề (ví dụ: "Đồ chơi 6+ tuổi"…), và cập nhật miêu tả ngắn gọn cho module. Bấm “Lưu” để hoàn tất.

2.10

Combo tiết kiệm

Hiển thị các combo sản phẩm đang có ưu đãi.

Block Combo tiết kiệm hiển thị tối đa 3 combo sản phẩm kèm phần trăm tiết kiệm. Bạn có thể sửa tiêu đề và mô tả module, với mỗi combo có thể chọn danh mục sản phẩm, sửa tiêu đề combo, cập nhật mô tả combo, giới hạn số sản phẩm hiển thị và nhập % giảm giá tiết kiệm (để trống sẽ ẩn nội dung). Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Combo tiết kiệm để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Combo tiết kiệm để mở popup cấu hình.

    Block Trang chủ - Combo tiết kiệm trong Tùy chỉnh Giao diện

  3. 3

    Sửa tiêu đề, mô tả module và cấu hình 3 combo

    Trong popup chỉnh sửa, thực hiện các bước sau:

    • Tiêu đề module & Mô tả module: sửa nội dung hiển thị ở đầu block.
    • Combo 1 / 2 / 3: với mỗi combo, nhập tiêu đề combo, nhập mô tả combo, chọn danh mục sản phẩm để lấy sản phẩm cho combo, nhập giới hạn số sản phẩm hiển thị (ví dụ: 4, 6, 8…) và nhập số % giảm giá tiết kiệm (ví dụ: 20, 30…). Để trống % sẽ ẩn nội dung tiết kiệm.

    Bấm “Lưu” để hoàn tất.

2.11

Đánh giá khách hàng

Dải testimonial từ khách hàng thực.

Block Đánh giá khách hàng hiển thị tối đa 4 testimonial kèm hình nền module. Bạn có thể thay hình nền module, sửa tiêu đề, tiêu đề phụ, mô tả module. Với mỗi khách hàng có thể ẩn/hiện, thay ảnh đại diện, nhập tên, nghề nghiệp, lời nhận xét, bật/tắt ảnh sản phẩm và dán link ảnh sản phẩm của khách. Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Đánh giá khách hàng để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Đánh giá khách hàng để mở popup cấu hình.

    Block Trang chủ - Đánh giá khách hàng trong Tùy chỉnh Giao diện

  3. 3

    Sửa thông tin module và cấu hình 4 khách hàng

    Trong popup chỉnh sửa, thực hiện các bước sau:

    • Phần module: thay hình nền module (kích thước đề nghị 1717x916 px), nhập tiêu đề module, nhập tiêu đề phụ và nhập mô tả module.
    • Khách hàng 1 / 2 / 3 / 4: với mỗi khách, tick ẩn/hiện để bật tắt, thay ảnh đại diện (kích thước đề nghị 100x100 px), nhập tên khách hàng, nhập nghề nghiệp, nhập lời nhận xét. Nếu muốn hiển thị ảnh sản phẩm của khách, tick ẩn/hiện hình ảnh sản phẩm của khách rồi dán link ảnh vào ô (kích thước 283x208 px, định dạng JPG — tải ảnh lên ở mục Cấu hình → Quản lý file rồi dán link vào).

    Bấm “Lưu” để hoàn tất.

2.12

Tin tức

Bài viết mới nhất từ blog Sapo.

Block Tin tức hiển thị các bài viết mới nhất từ blog. Bạn có thể sửa tiêu đề, cập nhật mô tả module, chọn danh mục bài viết để lấy bài và chọn menu bài viết để liên kết nhanh. Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Tin tức để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Tin tức để mở popup cấu hình.

    Block Trang chủ - Tin tức trong Tùy chỉnh Giao diện

  3. 3

    Sửa tiêu đề, mô tả, chọn danh mục bài viết và menu

    Trong popup chỉnh sửa, bạn có thể: nhập tiêu đề module, nhập mô tả module, chọn danh mục bài viết để lấy bài viết cho module, và chọn menu bài viết (ví dụ menu "Tin tức" hoặc danh mục blog tương ứng) để liên kết nhanh. Bấm “Lưu” để hoàn tất.

2.13

Video trải nghiệm khách hàng

Module video TikTok / YouTube từ khách hàng.

Block Video trải nghiệm khách hàng hiển thị tối đa 4 video YouTube từ khách hàng. Bạn có thể sửa tiêu đề, cập nhật mô tả module. Với mỗi khối video có thể thay ảnh thumbnail, nhập ID iframe YouTube, nhập tên video, nhập chữ avatar, tên khách hàng và phần mô tả ngắn. Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang chủ - Video trải nghiệm khách hàng để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang chủ - Video trải nghiệm khách hàng để mở popup cấu hình.

    Block Trang chủ - Video trải nghiệm khách hàng trong Tùy chỉnh Giao diện

  3. 3

    Sửa tiêu đề, mô tả module và cấu hình 4 khối video

    Trong popup chỉnh sửa, thực hiện các bước sau:

    • Phần module: nhập tiêu đề module và nhập mô tả module.
    • Khối video 1 / 2 / 3 / 4: với mỗi khối, thay ảnh thumbnail video (kích thước đề nghị 400x225 px), nhập ID Iframe YouTube (lấy phần ID trong URL youtube.com/watch?v=ID hoặc youtu.be/ID), nhập tên video, nhập chữ avatar video (1-2 ký tự hiển thị trong ô tròn), nhập tên khách hàng video và nhập phần mô tả ngắn cho video.

    Bấm “Lưu” để hoàn tất.

Trang danh sách sản phẩm

Trang hiển thị tất cả sản phẩm trong một danh mục.

Trang danh sách sản phẩm (collection) có 4 thành phần chính: banner đầu trang, hiển thị số lượng, danh mục con và bộ lọc. Mỗi thành phần đều có thể bật/tắt.

3.1

Bố cục & số sản phẩm trên trang

Thiết lập số lượng sản phẩm hiển thị trên mỗi trang danh mục.

Mục này cho phép bạn nhập số sản phẩm hiển thị trên một trang của trang danh sách. Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. 1

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

  2. 2

    Tìm block Trang danh sách sản phẩm để chỉnh sửa

    Trong danh sách block, tìm block có tên Trang danh sách sản phẩm để mở popup cấu hình.

    Block Trang danh sách sản phẩm trong Tùy chỉnh Giao diện

  3. 3

    Nhập số sản phẩm trên trang

    Trong popup chỉnh sửa, mở phần Bố cục và nhập số sản phẩm hiển thị trên một trang (ví dụ: 12, 16, 20, 24…). Số này áp dụng chung cho tất cả các trang danh mục. Bấm “Lưu” để hoàn tất.

    Popup cấu hình phần Bố cục - nhập số sản phẩm trên trang

3.2

Banner

Banner mặc định hiển thị ở đầu trang danh mục.

Mục này cho phép bạn ẩn/hiện banner, thay hình ảnh banner, nhập URL banner và nhập alt banner. Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. Cấu hình banner mặc định

    Trong popup chỉnh sửa, mở phần Banner và thực hiện:

    • Tick Hiển thị banner để bật/tắt banner ở đầu trang danh mục.
    • Dán link hình ảnh banner vào ô (kích thước 1043x185 px, định dạng JPG — tải ảnh lên ở mục Cấu hình → Quản lý file rồi dán link vào).
    • URL banner: nhập liên kết khi khách bấm vào banner (để trống nếu không muốn banner bấm được).
    • Alt banner: nhập mô tả alt cho ảnh, giúp SEO và tốt cho accessibility.

    Bấm “Lưu” để hoàn tất.

    Popup cấu hình phần Banner - trang danh sách sản phẩm

3.3

Danh mục sản phẩm

Chọn menu danh mục hiển thị ở sidebar.

Mục này cho phép bạn chọn menu danh mục sản phẩm hiển thị ở sidebar trái của trang danh sách. Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. Chọn menu danh mục sản phẩm

    Trong popup chỉnh sửa, mở phần Danh mục sản phẩm và chọn menu chứa các danh mục cần hiển thị ở sidebar. Menu này thường là menu Danh mục sản phẩm đã tạo trong Website → Điều hướng. Bấm “Lưu” để hoàn tất.

    Popup cấu hình phần Danh mục sản phẩm - chọn menu

3.4

Bộ lọc sản phẩm

Lọc sản phẩm theo giá, hãng, loại và tag.

Mục này cho phép bạn cấu hình 5 bộ lọc cho trang danh sách sản phẩm: khoảng giá, hãng sản xuất, loại sản phẩm, tag nước sản xuất và tag chỉ định. Với mỗi bộ lọc, bạn có thể ẩn/hiện và sửa tiêu đề; với khoảng giá và 2 bộ lọc tag, có thêm ô nhập danh sách giá trị lọc. Toàn bộ cấu hình thực hiện ngay trong trang quản trị.

  1. Bật/tắt và sửa tiêu đề từng bộ lọc

    Trong popup chỉnh sửa, mở phần Bộ lọc sản phẩm và thực hiện cho từng bộ lọc:

    • Khoảng giá: tick Hiển thị bộ lọc Khoảng giá, nhập tiêu đề và nhập các mốc khoảng giá vào ô Các mốc khoảng giá - Dùng kiểu check. Các mốc cách nhau bởi dấu ;, ví dụ: 100.000đ; 200.000đ; 300.000đ; 500.000đ.

      Popup cấu hình phần Bộ lọc giá

    • Hãng sản xuất: tick Hiển thị bộ lọc hãng và nhập tiêu đề (ví dụ: Thương hiệu). Danh sách hãng tự lấy theo sản phẩm.

      Popup cấu hình phần Hãng sản xuất

    • Loại sản phẩm: tick Hiển thị bộ lọc loại sản phẩm và nhập tiêu đề (ví dụ: Loại đồ chơi).

      Popup cấu hình phần Loại sản phẩm

    • Lọc theo tag - Nước sản xuất: tick Hiển thị bộ lọc, nhập tiêu đề và nhập các tên tag cần lọc vào ô Nhập các tên tag cần lọc (mỗi tên cách nhau dấu ;).

      Popup cấu hình phần lọc Tag 1

    • Lọc theo tag - Chỉ định: tick Hiển thị bộ lọc, nhập tiêu đề và nhập các tên tag cần lọc tương tự như bộ lọc Nước sản xuất.

      Popup cấu hình phần lọc Tag 2

    Bấm “Lưu” để hoàn tất.

Trang chi tiết sản phẩm

Tổng quan các thành phần trong trang chi tiết.

Trang chi tiết sản phẩm gồm 2 cột chính: bên trái là gallery ảnh / video, bên phải là thông tin sản phẩm (tên, giá, biến thể, nút mua). Phía dưới là các khối mở rộng: combo, tabs, sản phẩm liên quan, cam kết…

Truy cập Website → Tùy chỉnh Giao diện

Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

Truy cập Website - Tùy chỉnh Giao diện

Tìm block Trang chi tiết sản phẩm trong danh sách block để mở popup cấu hình.

Block Trang chi tiết sản phẩm trong Tùy chỉnh Giao diện

4.1

Hiển thị video sản phẩm

Gắn video vào gallery ảnh bằng tag video_<URL>.

Chọn sản phẩm cần gắn video trong admin Sapo

  1. 1

    Mở sản phẩm cần gắn video

    Vào Sản phẩm ở menu admin, chọn sản phẩm bạn muốn gắn video để mở trang chỉnh sửa.

    Chọn sản phẩm cần gắn video trong admin Sapo

  2. 2

    Thêm tag theo cú pháp video_<URL_VIDEO>

    Trong phần Tag của sản phẩm, nhập đúng cú pháp video_ + URL video, rồi Lưu sản phẩm.

    Ví dụ: video_dQw4w9WgXcQ (chỉ lấy phần ID của YouTube).

    Nhập tag video_ vào sản phẩm trong admin Sapo

Mẹo kết hợp

Kết hợp video + combo trên cùng 1 sản phẩm để tăng tỷ lệ chuyển đổi — khách vừa xem video demo vừa thấy gợi ý mua kèm phụ kiện.

4.2

Combo sản phẩm (Thường được mua cùng)

Gom sản phẩm chính + sản phẩm liên quan, khách tick chọn và thêm vào giỏ chỉ với 1 nút.

Mục này cho phép bạn gom nhóm sản phẩm chính với các sản phẩm liên quan, hiển thị khối "Thường được mua cùng" bên dưới phần thông tin sản phẩm. Khách hàng có thể tick chọn từng sản phẩm, xem tổng tiền real-time và thêm tất cả vào giỏ chỉ với 1 nút bấm "Đặt combo ngay".

  1. 1

    Mở sản phẩm chính (sản phẩm sẽ hiển thị combo)

    Vào Sản phẩm ở menu admin, chọn sản phẩm chính — đây là sản phẩm sẽ hiển thị khối combo bên dưới.

    Chọn sản phẩm chính trong admin Sapo

  2. 2

    Thêm tag theo cú pháp combo_<alias_sản_phẩm_khác>

    Trong phần Tag của sản phẩm, nhập từng tag theo cú pháp combo_ + alias sản phẩm đi kèm. Mỗi tag = 1 sản phẩm đi kèm, có thể thêm nhiều tag combo_ để gợi ý nhiều sản phẩm. Bấm "Lưu" sản phẩm.

    Ví dụ: combo_do-choi-xe-o-to | combo_bo-lego-city | combo_hop-dung-do-choi

    Nhập tag combo_ vào sản phẩm chính trong admin Sapo

  3. 3

    Kết quả hiển thị trên trang sản phẩm

    Sau khi Lưu sản phẩm, khối “Thường được mua cùng” sẽ tự động hiển thị bên dưới phần thông tin sản phẩm trên trang chi tiết. Khách hàng sẽ thấy:

    • Danh sách ảnh + tên + giá của các sản phẩm đi kèm, kèm checkbox để tick chọn từng sản phẩm.
    • Tổng tiền combo được cập nhật real-time khi khách tick/bỏ tick từng sản phẩm.
    • Nút “Đặt combo ngay” — 1 bấm thêm tất cả sản phẩm đã chọn vào giỏ hàng.
    • Swiper cuộn ngang để xem thêm sản phẩm combo nếu có nhiều hơn số slide hiển thị.

    Sản phẩm combo có giá = 0 (Liên hệ) hoặc hết hàng với chính sách "Không cho đặt" sẽ tự động bị ẩn khỏi danh sách.

    Kết quả hiển thị khối Thường được mua cùng trên trang chi tiết sản phẩm

Lưu ý quan trọng

(1) Alias phải trùng với alias sản phẩm trong Sapo admin. (2) Sản phẩm combo có giá = 0 (Liên hệ) hoặc hết hàng với chính sách "Không cho đặt" sẽ tự động bị ẩn. (3) Không giới hạn số lượng, nhưng nên thêm 2-4 sản phẩm để Swiper hiển thị đẹp. (4) Không thêm tag combo_ trỏ đến alias không tồn tại — sẽ gây lỗi trang. (5) Tick chọn ở trang chi tiết không ảnh hưởng đến sản phẩm khác, mỗi sản phẩm combo có checkbox riêng.

4.4

Tabs sản phẩm

Mô tả, nội dung tùy chỉnh, đánh giá.

Mục này cho phép bạn cấu hình 3 tab cho trang sản phẩm: Tab 1 (mô tả sản phẩm — mặc định hiển thị nội dung mô tả trong admin), Tab 2 (nội dung tùy chỉnh — chọn trang bất kỳ làm nội dung), và Tab đánh giá (đánh giá của khách hàng). Mỗi tab có thể bật/tắt và sửa tiêu đề riêng.

  1. 1

    Bật/tắt Hiển thị tabs

    Trong popup chỉnh sửa, mở phần Tabs và tick chọn "Hiển thị tabs" để bật toàn bộ khối tabs. Bỏ tick để ẩn toàn bộ (cả 3 tab).

    Bật Hiển thị tabs trong phần Tabs

  2. 2

    Cấu hình Tab 1 (Mô tả sản phẩm)

    Tick chọn "Hiển thị tab 1" để bật. Nhập Tiêu đề tab 1 vào ô text (mặc định: "Mô tả sản phẩm"). Tab này sẽ hiển thị nội dung mô tả bạn nhập trong sản phẩm (mục Mô tả).

    Bật Hiển thị tab 1 và nhập tiêu đề tab 1

  3. 3

    Cấu hình Tab 2 (Nội dung tùy chỉnh)

    Tick chọn "Hiển thị tab 2" để bật. Nhập Tiêu đề tab 2 (ví dụ: "Hướng dẫn sử dụng", "Thông số kỹ thuật", "Chính sách bảo hành"). Bấm "Chọn nội dung hiển thị" để chọn 1 trang bất kỳ trong admin làm nội dung cho tab này (nội dung trang sẽ được render bên trong tab).

    Bật Hiển thị tab 2, nhập tiêu đề và chọn nội dung trang

  4. 4

    Cấu hình Tab đánh giá

    Tick chọn "Hiện thị tab đánh giá sản phẩm" để bật. Nhập Tiêu đề tab (mặc định: "Đánh giá sản phẩm"). Tab này sẽ tự động lấy đánh giá từ khách hàng đã mua sản phẩm.

    Bật Hiện thị tab đánh giá và nhập tiêu đề

  5. 5

    Lưu cấu hình

    Bấm "Lưu" ở cuối popup để hoàn tất. Reload trang sản phẩm để thấy thay đổi.

4.5

Sản phẩm đã xem

Lưu lại lịch sử sản phẩm khách đã xem.

Mục này cho phép bạn bật/tắt module "Sản phẩm đã xem" — tự động lưu vào cookie trong trình duyệt, tối đa 20 sản phẩm gần nhất.

  1. 1

    Bật/tắt module Sản phẩm đã xem

    Trong popup chỉnh sửa, mở phần Sản phẩm đã xem và tick chọn "Hiện thị module" để bật. Bỏ tick để ẩn hoàn toàn module.

    Bật Hiện thị module Sản phẩm đã xem

  2. 2

    Lưu cấu hình

    Bấm "Lưu" ở cuối popup để hoàn tất. Reload trang sản phẩm để thấy module hiển thị.

4.7

Lượt người xem ảo

Kích thích mua hàng bằng số lượng người đang xem / đã mua.

Mục này cho phép bạn bật/tắt tính năng lượt người xem ảo — hiển thị ngẫu nhiên số người đang xem và số người mua trong khoảng cấu hình, giúp kích thích tâm lý mua hàng và tăng độ tin cậy cho sản phẩm.

Lượt xem ảo>
                    </p>
              <ol class=

  • 1

    Bật Sử dụng tính năng

    Trong popup chỉnh sửa, mở phần Lượt người xem ảo và tick chọn "Sử dụng tính năng" để bật. Bỏ tick để tắt hoàn toàn.

  • 2

    Nhập Số người xem tối đa 1 lúc

    Nhập Số người xem tối đa 1 lúc vào ô text (ví dụ: 50). Hệ thống sẽ hiển thị ngẫu nhiên một con số từ 1 đến giá trị này (ví dụ: 12 người đang xem).

  • 3

    Nhập Số người mua tối đa 1 lúc

    Nhập Số người mua tối đa 1 lúc vào ô text (ví dụ: 30). Hệ thống sẽ hiển thị ngẫu nhiên một con số từ 1 đến giá trị này (ví dụ: 5 người đã mua hôm nay).

  • 4

    Lưu cấu hình

    Bấm "Lưu" ở cuối popup để hoàn tất. Reload trang sản phẩm để thấy thay đổi.

  • Lưu ý về minh bạch

    Chỉ sử dụng lượt xem ảo ở mức hợp lý. Tránh đặt số quá lớn (vài nghìn) vì dễ gây phản cảm với khách hàng tỉnh táo. Khuyến nghị: người xem 20-100, người mua 5-30.

    Trang danh sách tin tức

    Trang blog liệt kê các bài viết.

    Trang blog gồm bố cục, bài viết nổi bật, danh mục tin tức và tag bài viết. Mỗi thành phần đều có thể bật/tắt và tùy chỉnh tiêu đề riêng.

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

    Tìm block Trang danh sách tin tức trong danh sách block để mở popup cấu hình.

    Block Trang danh sách tin tức trong Tùy chỉnh Giao diện

    5.3

    Danh mục tin tức

    Module danh mục blog ở sidebar.

    Module này hiển thị danh sách danh mục blog ở sidebar, giúp khách nhanh chóng chuyển sang chủ đề quan tâm.

    Block Danh mục tin tức trong Tùy chỉnh Giao diện

    1. 1

      Bật/tắt Ẩn/hiện module

      Tick chọn "Ẩn/hiện module" để hiển thị danh sách danh mục ở sidebar. Bỏ tick để ẩn.

    2. 2

      Nhập Tiêu đề module

      Nhập tiêu đề hiển thị cho module danh mục (ví dụ: "Danh mục tin tức", "Chủ đề").

    3. 3

      Chọn danh mục tin tức

      Bấm vào ô Chọn danh mục tin tức và tick chọn các danh mục muốn hiển thị trong sidebar. Chỉ những danh mục đã chọn mới xuất hiện ở sidebar trang blog.

    5.4

    Tag bài viết

    Module từ khóa nổi bật.

    Module này hiển thị danh sách từ khóa / thẻ bài viết giúp khách khám phá nội dung theo chủ đề.

    Block Tag bài viết Tùy chỉnh Giao diện

    1. 1

      Bật/tắt Ẩn/hiện module

      Tick chọn "Ẩn/hiện module" để hiển thị module tag bài viết. Bỏ tick để ẩn.

    2. 2

      Nhập Tiêu đề module

      Nhập tiêu đề hiển thị cho module tag (ví dụ: "Từ khóa", "Chủ đề hot").

    3. 3

      Nhập danh sách Từ khóa

      Trong ô Từ khóa, nhập các từ khóa muốn hiển thị, cách nhau bằng dấu ; (ví dụ: đồ chơi gỗ;xe điều khiển;búp bê;mô hình).

    4. 4

      Lưu cấu hình

      Bấm "Lưu" ở cuối trang để hoàn tất. Reload trang blog để thấy thay đổi.

    5.1

    Bố cục: số bài viết & banner

    Thiết lập số bài viết/trang và banner đầu trang.

    Gồm số bài viết hiển thị mỗi trang và banner đầu trang.

    1. 1

      Thiết lập Số bài viết trên trang

      Trong phần Bố cục, nhập số bài viết muốn hiển thị trên mỗi trang danh sách (ví dụ: 6, 9, 12). Số này áp dụng cho trang blog chính và các trang lọc theo danh mục / thẻ.

      Thiết lập Số bài viết trên trang trong Cấu hình Theme

    2. 2

      Bật/tắt Hiển thị banner & tuỳ chỉnh

      Trong phần Bố cục, tick chọn "Hiển thị banner" để hiển thị banner đầu trang blog. Bỏ tick để ẩn banner. Kích thước khuyến nghị: 1015×227px, định dạng JPG.

      Sau khi bật banner, điền các trường:

      • Hình ảnh banner — dán link ảnh đã upload ở Cấu hình → Quản lý file.
      • URL banner — link đích khi khách bấm vào banner (để trống nếu không cần liên kết).
      • Alt banner — văn bản thay thế cho ảnh (phục vụ SEO).

      Điền Hình ảnh, URL và Alt banner

    Trang câu hỏi thường gặp (FAQs)

    Trang FAQ giúp khách tự tìm câu trả lời nhanh chóng.

    Trang FAQ gồm phần Hero (nhãn nhỏ, tiêu đề, mô tả, ô tìm kiếm), sidebar danh mục kèm box trợ giúp, 6 danh mục, 6 nhóm câu hỏi và 27 cặp câu hỏi / trả lời.

    Tạo nhanh trang FAQ trong admin

    1. Truy cập Trang nội dung.
    2. Thêm trang nội dung với tiêu đề là Câu hỏi thường gặp.
    3. Chọn khung giao diện page.faqs.

    Trang câu hỏi thường gặp

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

    Tìm block Trang câu hỏi thường gặp (FAQs) trong danh sách block để mở popup cấu hình.

    Truy cập Tùy chỉnh giao diện - Trang câu hỏi thường gặp

    Trang liên hệ

    Form liên hệ, bản đồ và thông tin công ty.

    Trang liên hệ gồm 4 phần chính: khối tiêu đề trang, khối 4 cards thông tin (Hotline, Email, Hệ thống cửa hàng, Chat trực tuyến), form liên hệ và bản đồ Google Maps.

    Tạo nhanh trang Liên hệ trong admin

    1. Truy cập Trang nội dung.
    2. Thêm trang nội dung với tiêu đề là Liên hệ.
    3. Chọn khung giao diện page.contact.

    Tạo nhanh trang Liên hệ trong admin

    Truy cập Website → Tùy chỉnh Giao diện

    Trong admin Sapo, vào menu Website ở thanh sidebar, chọn Tùy chỉnh Giao diện để mở trang chỉnh sửa các block giao diện.

    Truy cập Website - Tùy chỉnh Giao diện

    Tìm block Trang câu hỏi thường gặp (FAQs) trong danh sách block để mở popup cấu hình.

    Truy cập Tùy chỉnh giao diện - Trang liên hệ

    1. 1

      Bật/tắt & nhập khối tiêu đề trang

      Bật Hiển thị khối tiêu đề, nhập Tiêu đề trang (mặc định "Liên hệ với NDKids") và Mô tả ngắn.

      Bật/tắt & nhập khối tiêu đề trang

    2. 2

      Bật & cấu hình khối 4 cards thông tin

      Bật Hiển thị khối 4 cards. Mỗi card gồm icon, tiêu đề, giá trị hiển thị, liên kết, ghi chú phụ và có thể bật/tắt & chọn màu icon độc lập:

      • Card 1 - Hotline: màu blue, tiêu đề "Hotline tư vấn", số 1900 6750, link tel:19006750, ghi chú "8:00 - 21:00 (Thứ 2 - CN)".

        Card 1 - Hotline

      • Card 2 - Email: màu pink, tiêu đề "Email hỗ trợ", email [email protected], link mailto:[email protected], ghi chú "Phản hồi trong 24h".

        Card 2 - Email

      • Card 3 - Hệ thống cửa hàng: màu yellow, tiêu đề "Hệ thống cửa hàng", giá trị "50+ chi nhánh", link /pages/cua-hang, ghi chú "Trên toàn quốc".

        Card 3 - Cửa hàng

      • Card 4 - Chat trực tuyến: màu green, tiêu đề "Chat trực tuyến", giá trị "Chat ngay với NDKids", ghi chú "8:00 - 21:00 hàng ngày".

        Card 4 - Chat

    3. 3

      Bật & cấu hình form liên hệ

      Bật Hiển thị form liên hệ, nhập Tiêu đề form (mặc định "Gửi tin nhắn cho chúng tôi") và Mô tả form. Các trường trong form (Họ tên, Số điện thoại, Email, Nội dung…) bật/tắt tại cùng group.

      Bật & cấu hình form liên hệ

      Email nhận thông báo lấy từ Cấu hình → Chung → Email nhận thông báo.

    4. 4

      Bật & nhúng bản đồ Google Maps

      Bật Hiển thị khối bản đồ, nhập Chiều cao bản đồ (px) (mặc định 420) và dán mã iframe Google Maps vào Iframe maps.

      Bật & nhúng bản đồ Google Maps

      Cách lấy mã nhúng: mở Google Maps → Share → Embed a map → Copy HTML → dán nguyên iframe vào ô Iframe maps.

    5. 5

      Lưu & kiểm tra

      Bấm Lưu ở góc phải. Reload website để xem tiêu đề, 4 cards, form và bản đồ hiển thị đúng.

    Trang hệ thống cửa hàng

    Trang liệt kê danh sách chi nhánh cửa hàng offline của shop, dùng cho link "Hệ thống cửa hàng" trên topbar và các vị trí khác.

    Toàn bộ cấu hình nằm tại Cấu hình → Theme → Trang hệ thống cửa hàng. Trang gồm: ảnh đại diện mặc định, trang nội dung (layout page.store) hiển thị bài viết hệ thống cửa hàng, link Google Sheet chứa danh sách chi nhánh và danh sách tỉnh thành mặc định để lọc.

    1. 1

      Cấu hình ảnh mặc định địa chỉ cửa hàng

      Ảnh đại diện dùng khi một chi nhánh chưa có ảnh riêng.

      • Ảnh mặc định địa chỉ cửa hàng - tải ảnh lên ở Cấu hình → Quản lý file, sau đó dán link vào đây. Kích thước 600×338 px, định dạng JPG.

      Ảnh mặc định địa chỉ cửa hàng

    2. 2

      Chọn trang hệ thống cửa hàng

      Trang nội dung hiển thị danh sách cửa hàng ngoài frontend.

      • Tạo trang nội dung mới, chọn khung giao diện page.store.

        Trang hệ thống cửa hàng

      • Chọn trang hệ thống cửa hàng - chọn trang vừa tạo. Link này dùng cho mục "Hệ thống cửa hàng" trên topbar.

        Trang hệ thống cửa hàng

    3. 3

      Cấu hình Link Google Sheet (danh sách cửa hàng)

      Dữ liệu cửa hàng lấy từ Google Sheet xuất ra CSV, cho phép cập nhật nhanh không cần vào admin.

      • Link Google Spreed - dán URL Publish to the web → CSV của Google Sheet. Ví dụ: https://docs.google.com/spreadsheets/d/e/.../pub?output=csv.

        Link Google Sheet danh sách cửa hàng

      Trong Sheet cần có các cột: tên cửa hàng, địa chỉ, tỉnh/thành, hotline, giờ mở cửa, toạ độ, ảnh (theo mẫu mà theme hỗ trợ).

      Hướng dẫn tạo Google Sheet & xuất CSV

      1. Tạo Google Sheet mới: vào sheets.new, đặt tên ví dụ "Danh sách cửa hàng NDKids".
      2. Tạo hàng tiêu đề (dòng 1): các cột bắt buộc theo thứ tự: name | address | city | district | sdt | hours | thumb | iframe.

        Link Google Sheet danh sách cửa hàng

      3. Xuất bản (Publish to the web): vào menu File → Share → Publish to the web (hoặc Tệp → Chia sẻ → Xuất bản lên web).

        Link Google Sheet danh sách cửa hàng

      4. Chọn định dạng CSV: ở tab Link, mục Entire Document → Web page → chọn lại thành Comma-separated values (.csv) → nhấn Publish / Xuất bản. Google sẽ hỏi xác nhận, bấm OK.

        Link Google Sheet danh sách cửa hàng

      5. Copy link CSV: sau khi xuất bản, Google cấp 1 URL dạng https://docs.google.com/spreadsheets/d/e/2PACX-.../pub?output=csv. Copy URL này → dán vào ô google trong theme → Lưu.

        Link Google Sheet danh sách cửa hàng

    4. 4

      Cấu hình Tỉnh thành mặc định

      Danh sách tỉnh thành hiển thị trước trong bộ lọc của trang hệ thống cửa hàng.

      • Tỉnh thành mặc định - các tỉnh cách nhau bằng dấu ;. Ví dụ: Hồ Chí Minh;Hà Nội;Đà Nẵng.

      Tỉnh thành mặc định

    5. 5

      Hoàn tất & kiểm tra

      Sau khi lưu, ra ngoài trang chủ và truy cập link "Hệ thống cửa hàng" trên topbar để kiểm tra:

      • Trang hiển thị đúng các cửa hàng lấy từ Google Sheet.
      • Bộ lọc tỉnh thành hoạt động đúng với danh sách đã cấu hình.
      • Cửa hàng nào chưa có ảnh sẽ dùng ảnh mặc định 600×338 px.
      • Bản đồ hiển thị ghim đúng toạ độ từng chi nhánh.

    Trang giới thiệu (page.gioi-thieu-2)

    Thiết lập nội dung trang Giới thiệu: 6 khối tuỳ chỉnh - câu chuyện thương hiệu, giá trị cốt lõi, lý do tin chọn, hành trình phát triển, thương hiệu đồng hành, CTA.

    Toàn bộ cấu hình nằm tại Cấu hình → Theme → Trang giới thiệu (page.gioi-thieu-2). Mỗi khối có 1 checkbox bật/tắt riêng; cần trang nội dung với layout page.gioi-thieu-2 để hiển thị ngoài frontend.

    Bước 0 - Tạo trang nội dung trước

    Vào Nội dung → Trang → Thêm trang, đặt tên Giới thiệu, chọn khung giao diện page.gioi-thieu-2. Publish rồi copy URL trang - link này sẽ gắn vào menu "Giới thiệu" trên topbar.

    1. 1

      Cấu hình Khối 1 - Về chúng tôi (Câu chuyện thương hiệu)

      Khối giới thiệu tổng quan: ảnh minh hoạ + 2 đoạn văn + 3 thẻ thống kê nổi bật.

      • Hiển thị khối Về chúng tôi.
      • Ảnh câu chuyện - 650×454 px, JPG. Upload ở Cấu hình → Quản lý file rồi dán link.
      • Alt ảnh câu chuyện (mặc định: "NDKids - Thế giới đồ chơi cho bé").
      • Nhãn nhỏ (eyebrow) (mặc định: "GIỚI THIỆU VỀ NDKids").
      • Tiêu đề khối (mặc định: "Về chúng tôi").
      • Đoạn văn 1 - hỗ trợ HTML.
      • Đoạn văn 2 - hỗ trợ HTML.
      • Khối Về chúng tôi

      3 thẻ thống kê (Stat):

      • Stat 1 - mặc định: 10+ / năm đồng hành / Cùng hàng triệu gia đình Việt Nam.
      • Stat 2 - mặc định: 5.000+ / sản phẩm / Đồ chơi đa dạng, an toàn, chất lượng cao.
      • Stat 3 - mặc định: 20+ / cửa hàng / Có mặt tại nhiều tỉnh thành trên toàn quốc.

      Bộ 3 stat nên chọn con số ấn tượng, ngắn gọn, có dấu + để nhấn mạnh quy mô thương hiệu.

      Khối Về chúng tôi

    2. 2

      Cấu hình Khối 2 - Giá trị cốt lõi

      Hiển thị tối đa 4 giá trị chính của thương hiệu (mỗi giá trị có thể bật/tắt riêng).

      • Hiển thị khối Giá trị cốt lõi.
      • Nhãn nhỏ (eyebrow) (mặc định: "GIÁ TRỊ LÀM NÊN NDKids").
      • Tiêu đề khối (mặc định: "Giá trị cốt lõi").
      • Mô tả khối.

      Khối giá trị cốt lõi

      4 giá trị (mỗi giá trị: enable + title + desc):

      • ab_value1_enable / _title / _desc: Giá trị 1 - An toàn (mặc định).
        Giá trị 1 - An toàn
      • ab_value2_enable / _title / _desc: Giá trị 2 - Giáo dục (mặc định).
        Giá trị 2 - Giáo dục
      • ab_value3_enable / _title / _desc: Giá trị 3 - Sáng tạo (mặc định).
        Giá trị 3 - Sáng tạo
      • ab_value4_enable / _title / _desc: Giá trị 4 - Tận tâm (mặc định).
        Giá trị 4 - Tận tâm
    3. 3

      Cấu hình Khối 3 - Vì sao ba mẹ tin chọn

      Khối gồm ảnh minh hoạ + tối đa 6 lợi ích (benefit) nêu bật điểm mạnh.

      • Hiển thị khối.
      • Nhãn nhỏ (eyebrow) (mặc định: "NIỀM TIN TỪ HÀNG TRIỆU GIA ĐÌNH").
      • Tiêu đề khối (mặc định: "Vì sao ba mẹ tin chọn chúng tôi?").
      • Mô tả khối.
      • Ảnh minh hoạ - 600×375 px, JPG.
      • Alt ảnh minh hoạ (mặc định: "NDKids - Đồ chơi an toàn cho bé").
      Vì sao ba mẹ tin chọn

      6 lợi ích (mỗi lợi ích: enable + title + desc):

      • Lợi ích 1 - Sản phẩm phù hợp từng độ tuổi.
        Lợi ích 1 - Sản phẩm phù hợp từng độ tuổi
      • Lợi ích 2 - Tư vấn tận tâm.
        Lợi ích 2 - Tư vấn tận tâm
      • Lợi ích 3 - Chất liệu an toàn.
        Lợi ích 3 - Chất liệu an toàn
      • Lợi ích 4 - Giao hàng nhanh.
        Lợi ích 4 - Giao hàng nhanh
      • Lợi ích 5 - Thương hiệu chọn lọc.
        Lợi ích 5 - Thương hiệu chọn lọc
      • Lợi ích 6 - Đổi trả dễ dàng.
        Lợi ích 6 - Đổi trả dễ dàng
    4. 4

      Cấu hình Khối 4 - Hành trình phát triển (Timeline)

      Khối dòng thời gian gồm tối đa 5 cột mốc quan trọng của thương hiệu.

      • Hiển thị khối Hành trình phát triển.
      • Nhãn nhỏ (eyebrow) (mặc định: "TỪ NHỮNG BƯỚC ĐẦU TIÊN").
      • Tiêu đề khối (mặc định: "Hành trình phát triển").
      • Mô tả khối.
      Hành trình phát triển

      5 cột mốc (mỗi cột mốc: enable + year + title + desc):

      • Cột mốc 1 - 2014 - Thành lập NDKids.
        Cột mốc 1
      • Cột mốc 2 - 2016 - Khai trương cửa hàng đầu tiên.
        Cột mốc 2
      • Cột mốc 3 - 2019 - Mở rộng toàn quốc.
        Cột mốc 3
      • Cột mốc 4 - 2022 - Ra mắt kênh bán hàng online.
        Cột mốc 4
      • Cột mốc 5 - 2026 - Trở thành người bạn tin cậy.
        Cột mốc 5
    5. 5

      Cấu hình Khối 5 - Thương hiệu đồng hành

      Logo các thương hiệu đối tác/đồng hành cùng NDKids - tối đa 10 logo.

      • Hiển thị khối Thương hiệu đồng hành.
      • Nhãn nhỏ (eyebrow) (mặc định: "NHỮNG NGƯỜI BẠN ĐỒNG HÀNH").
      • Tiêu đề khối (mặc định: "Thương hiệu đồng hành").
      • Mô tả khối.
      Thương hiệu đồng hành

      10 logo (mỗi logo: enable + image + alt):

      • Hiển thị logo từ 1 đến 10.
      • Logo thương hiệu - 160×80 px, nền trong suốt. Lưu ý: phải upload file với đúng tên ab_brand1.png, ab_brand2.png... trong Quản lý file.
      • Alt logo (mặc định: FunKids, TinyBear, SmartBlocks, HappyToys, PlayNest, EduJoy, Mimo, KidStar, BloomToy, WonderBox).

      Logo nên ở dạng PNG nền trong suốt, tỉ lệ 2:1. Bỏ tick _enable để ẩn logo khỏi frontend.

      Khối Thương hiệu đồng hành

    6. 6

      Cấu hình Khối 6 - CTA cuối trang

      Khối banner kêu gọi hành động cuối trang (dẫn tới trang sản phẩm / danh mục).

      • Hiển thị khối CTA cuối trang.
      • Ảnh minh hoạ CTA - 1360×362 px, JPG. Upload ở Quản lý file rồi dán link.
      • URL CTA - liên kết khi khách click vào banner, ví dụ: /collections/all, /pages/lien-he.
      • Alt ảnh minh hoạ CTA (mặc định: "NDKids - Thế giới đồ chơi cho bé").

      Khối CTA cuối trang

    Lưu ý khi cấu hình

    • Mỗi khối có 1 checkbox bật/tắt - bỏ tick để ẩn hoàn toàn khối đó mà vẫn giữ nội dung.
    • Logo thương hiệu (Khối 5) phải upload với đúng tên file ab_brand1.png...ab_brand10.png.
    • Sau khi lưu, vào lại trang Giới thiệu ở frontend để kiểm tra toàn bộ 6 khối đã hiển thị đúng.
    SẴN SÀNG BẮT ĐẦU

    Cần hỗ trợ khi dựng cửa hàng?

    Đội ngũ NDKids hỗ trợ cài đặt theme, cấu hình trang chủ, đào tạo sử dụng và tư vấn vận hành shop đồ chơi. Liên hệ ngay để được hỗ trợ nhanh nhất.

    Chăm sóc khách hàng

    Chúng tôi luôn sẵn sàng hỗ trợ bạn