Shop Page Design
Nguồn chính thức · TikTok Shop · Thông tin chính thức
Cập nhật: 07/04/2026
Tình huống
Nền tảng TikTok Shop tại thị trường Việt Nam. Người bán cần tùy chỉnh trang cửa hàng (storefront) để trưng bày sản phẩm và Thương hiệu, thay vì sử dụng trang chủ mặc định.
Insight
TikTok Shop cung cấp công cụ Shop Page Design cho phép người bán tùy chỉnh trang cửa hàng bằng cách kéo-thả các khối (tiles) thành phần. Công cụ này hỗ trợ các thành phần: Header (tiêu đề trang, đặc biệt shop Mall có thể upload ảnh nền và logo), Visuals (hình ảnh đơn, carousel, multi-click image, multi-image với các định dạng JPG/JPEG/PNG và giới hạn kích thước khác nhau), Products and Categories (sản phẩm nổi bật tự sắp xếp với layout ngang/từ trên xuống tối đa 6/3 sản phẩm, sản phẩm theo danh mục, bộ sưu tập Collection Image yêu cầu tối thiểu 4 sản phẩm, và smart components New Release & Top Products tự động hiển thị), Promotion component (Vouchers ưu tiên: không ngưỡng > có ngưỡng giảm nhiều > giảm ít, gần hết hạn > xa hết hạn; Flash Deal 1-3 sản phẩm; Seller Buy More Save More ưu tiên sản phẩm bán chạy 30 ngày qua; Special Deals sắp xếp theo mức giảm giá cao nhất). Quy trình thực hiện: Bước 1 - vào Seller Center > Shop Tab > Shop Page Builder > Shop Page Design > Duplicate to edit; Bước 2 - thêm và tùy chỉnh các thành phần trên workbench gồm Store Design Modules (kéo thả), Canvas (xem trước trực quan), Component Property Panel (chỉnh sửa chi tiết từng thành phần); Bước 3 - nhấn Publish để gửi duyệt, có thể Preview hoặc Save trước. Sau khi duyệt mới hiển thị với khách hàng. Quản lý drafts: Online Version (có thể Replace with default), Unpublished Version (Under Reviews, Change Needed, Default Home), Version Preview. Nếu không đạt duyệt sẽ có tag “Change Needed” và hướng dẫn chỉnh sửa. Người bán có thể chia sẻ link shop qua Share Store button và tải QR code. Lưu ý: do đang thử nghiệm hiển thị, một số khách hàng có thể thấy phiên bản khác nhau; Voucher chỉ hiển thị khi ở trạng thái active, không hiển thị nếu đang upcoming.
Hành động
Các bước thực hiện thiết kế trang cửa hàng: (1) Truy cập Seller Center > Shop Tab > Shop Page Builder > Shop Page Design > Duplicate to edit; (2) Sử dụng workbench để kéo thả các thành phần từ Store Design Modules sang Canvas, điều chỉnh thuộc tính tại Component Property Panel; (3) Tùy chọn thành phần phù hợp: Header cho shop Mall upload ảnh nền và logo; Single Image tối thiểu 800px tỷ lệ 16:9; Carousel 2-5 ảnh tỷ lệ 8:10, 10:8; Multi-click Image khuyến nghị 1200x675, tối đa 10 hotspot; Multi-Image 2-4 ảnh khuyến nghị 800x800, tối đa 2MB; Featured Products chọn tối đa 30 sản phẩm, layout ngang 6 sản phẩm hoặc từ trên xuống 3 sản phẩm; Collection Image yêu cầu tối thiểu 4 sản phẩm, tối đa 30 sản phẩm; (4) Thêm smart components New Release, Top Products, Special Deals, Vouchers, Flash Deal, Buy More Save More; (5) Nhấn Publish để gửi duyệt, hoặc Preview/Save nếu chưa muốn xuất bản; (6) Nếu bị từ chối, kiểm tra rejection reasons và chỉnh sửa theo hướng dẫn; (7) Quản lý drafts tại Shop Page Design page, có thể Replace with default để khôi phục trang mặc định; (8) Chia sẻ shop link qua Share Store button, tải QR code hoặc copy link. Tips: Sử dụng Collections để tổ chức sản phẩm theo chủ đề theo mùa như Summer Sales, Spring Floral.
Kết quả
Thiết kế trang cửa hàng giúp trưng bày sản phẩm tốt hơn để tăng doanh số, cải thiện thời gian phiên và tỷ lệ click với banner và bố cục hấp dẫn, làm nổi bật Khuyến mãi để tăng tỷ lệ chuyển đổi.
Điều kiện áp dụng
Áp dụng cho thị trường Việt Nam. Tính năng Header nâng cao (ảnh nền và logo) chỉ dành cho shop Mall. Các smart components promotion tự động hiển thị dựa trên dữ liệu hệ thống, không chỉnh sửa thủ công được. Voucher phải ở trạng thái active mới hiển thị. Đang có thử nghiệm A/B về hiển thị nên khách hàng có thể thấy phiên bản khác nhau.
Liên kết
- Nền tảng: TikTok Shop
- Funnel: CTR (Tỷ lệ nhấp) · CVR (Tỷ lệ chuyển đổi)
- Nguồn: https://seller-vn.tiktok.com/university/essay?knowledge_id=6837790809687809
Xem thêm: