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.
Tìm block Đầu trang trong danh sách block để mở popup cấu hình.
-
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.
-
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.
-
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-colordùng xuyên suốt theme.
-
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.
-
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.
-
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.
-
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.
- Chọn trang - chọn trang nội dung có layout
Đầ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.
Tìm block Đầu trang trong danh sách block để mở popup cấu hình.
-
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.
-
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ữ.
-
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ệ.
-
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.
-
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.
-
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.
-
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.
-
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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
Đồ 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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
Đồ 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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
Đồ 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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
Đồ 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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
Đá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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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ý filerồi dán link vào).
Bấm “Lưu” để hoàn tất.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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=IDhoặcyoutu.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.
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
Truy cập Website → Tùy chỉnh Giao diện
Trong admin Sapo, vào menu
Websiteở thanh sidebar, chọnTùy chỉnh Giao diệnđể mở trang chỉnh sửa các block giao diện.
-
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.
-
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.
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ị.
-
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ý filerồ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.
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ị.
-
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 trongWebsite → Điều hướng. Bấm “Lưu” để hoàn tất.
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ị.
-
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đ.
- 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.
- 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).
- 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
;).
- 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.
Bấm “Lưu” để hoàn tất.
- 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
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.
Tìm block Trang chi tiết sản phẩm trong danh sách block để mở popup cấu hình.
Hiển thị video sản phẩm
Gắn video vào gallery ảnh bằng tag video_<URL>.
-
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.
-
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).
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.
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
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.
-
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 tagcombo_để 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
-
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.
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.
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
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).
-
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ả).
-
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).
-
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.
-
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.
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
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.
-
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ị.
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.
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.
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).
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).
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.
Tìm block Trang danh sách tin tức trong danh sách block để mở popup cấu hình.
Bài viết nổi bật
Module bài viết ghim đầu trang blog.
Module này ghim các bài viết nổi bật lên đầu trang blog, giúp tăng lượt đọc cho nội dung quan trọng.
-
1
Bật/tắt Ẩn/hiện module
Tick chọn "Ẩn/hiện module" để hiển thị module bài viết nổi bật trên trang blog. Bỏ tick để ẩn toàn bộ module.
-
2
Nhập Tiêu đề module
Nhập tiêu đề hiển thị cho module (ví dụ: "Bài viết nổi bật", "Cẩm nang cho mẹ", "Được quan tâm nhất").
-
3
Chọn danh mục tin tức
Bấm vào ô Chọn danh mục tin tức để mở popup. Tick chọn 1 hoặc nhiều danh mục blog muốn lấy bài viết. Hệ thống sẽ tự lấy các bài viết mới nhất từ các danh mục đã chọn.
-
4
Nhập Giới hạn hiện thị bài viết
Nhập số lượng bài viết tối đa hiển thị trong module (ví dụ: 3, 4, 6 — tùy theo bố cục mong muốn).
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.
-
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
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
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.
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ủ đề.
-
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
Nhập Tiêu đề module
Nhập tiêu đề hiển thị cho module tag (ví dụ: "Từ khóa", "Chủ đề hot").
-
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
Lưu cấu hình
Bấm "Lưu" ở cuối trang để hoàn tất. Reload trang blog để thấy thay đổi.
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
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ẻ.
-
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).
- Hình ảnh banner — dán link ảnh đã upload ở
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
- Truy cập Trang nội dung.
- Thêm trang nội dung với tiêu đề là Câu hỏi thường gặp.
- Chọn khung giao diện
page.faqs.
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.
Tìm block Trang câu hỏi thường gặp (FAQs) trong danh sách block để mở popup cấu hình.
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
- Truy cập Trang nội dung.
- Thêm trang nội dung với tiêu đề là Liên hệ.
- Chọn khung giao diện
page.contact.
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.
Tìm block Trang câu hỏi thường gặp (FAQs) trong danh sách block để mở popup cấu hình.
-
1
Bật/tắt & nhập khối tiêu đề trang
Bật
Hiển thị khối tiêu đề, nhậpTiêu đề trang(mặc định "Liên hệ với NDKids") vàMô tả ngắn.
-
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, linktel:19006750, ghi chú "8:00 - 21:00 (Thứ 2 - CN)".
- Card 2 - Email: màu
pink, tiêu đề "Email hỗ trợ", email [email protected], linkmailto:[email protected], ghi chú "Phản hồi trong 24h".
- 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 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 1 - Hotline: màu
-
3
Bật & cấu hình form liên hệ
Bật
Hiển thị form liên hệ, nhậpTiê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.
Email nhận thông báo lấy từ
Cấu hình → Chung → Email nhận thông báo. -
4
Bật & nhúng bản đồ Google Maps
Bật
Hiển thị khối bản đồ, nhậpChiều cao bản đồ (px)(mặc định 420) và dán mã iframe Google Maps vàoIframe 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
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
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.
-
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.
- 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.
- Tạo trang nội dung mới, chọn khung giao diện
-
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.
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
- Tạo Google Sheet mới: vào sheets.new, đặt tên ví dụ "Danh sách cửa hàng NDKids".
- 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.
- 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).
- 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.
- 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 ôgoogletrong theme → Lưu.
- Link Google Spreed - dán URL Publish to the web → CSV của Google Sheet. Ví dụ:
-
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 - các tỉnh cách nhau bằng dấu
-
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
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.
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.
-
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.
4 giá trị (mỗi giá trị: enable + title + desc):
-
ab_value1_enable/_title/_desc: Giá trị 1 - An toàn (mặc định).
-
ab_value2_enable/_title/_desc: Giá trị 2 - Giáo dục (mặc định).
-
ab_value3_enable/_title/_desc: Giá trị 3 - Sáng tạo (mặc định).
-
ab_value4_enable/_title/_desc: Giá trị 4 - Tận tâm (mặc định).
-
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é").
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 2 - Tư vấn tận tâm.
-
Lợi ích 3 - Chất liệu an toàn.
-
Lợi ích 4 - Giao hàng nhanh.
-
Lợi ích 5 - Thương hiệu chọn lọc.
-
Lợi ích 6 - Đổi trả dễ dàng.
-
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.
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 2 - 2016 - Khai trương cửa hàng đầu tiên.
- Cột mốc 3 - 2019 - Mở rộng toàn quốc.
- Cột mốc 4 - 2022 - Ra mắt kênh bán hàng online.
- Cột mốc 5 - 2026 - Trở thành người bạn tin cậy.
-
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.
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.
-
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é").
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.