Trang chủ / Mã hiển thị
Mã hiển thị sản phẩm
Mỗi cách bày sản phẩm có một mã. Gọi mã là ra đúng kiểu hiển thị đó, trên bất kỳ site nào. Mọi thẻ đều tự báo mã khi được bấm, nên biết ngay kiểu nào kéo nhiều click nhất.
Gọi một mã như thế nào
Ví dụ với HT-02 (thẻ deal): đặt một thẻ, chỉ tới danh sách sản phẩm.
<div data-ht="HT-02"
data-ht-src="#san-pham"></div>Bấm thử vào một sản phẩm để xem sự kiện ht:click.
Sản phẩm, giá, số sao, số đã bán và đồng hồ đếm ngược trong bản xem thử là dữ liệu ví dụ để xem bố cục, không phải sản phẩm thật. Trên site của bạn, chỉ dùng số liệu thật.
15 mã đã code
Lưới chuẩn
Bày nhiều sản phẩm ngang hàng
Thẻ deal
Đang giảm giá thật: nhãn %, giá gạch, thanh đã bán
Dòng ngang
Danh sách dài trên điện thoại, kết quả tìm kiếm
Top xếp hạng
Bài "Top 3/5/10", số 1 viền nổi
Hộp biên tập chọn
Chốt một sản phẩm duy nhất
Bảng so sánh
So 2–3 sản phẩm, mỗi cột một nút
Băng trượt
Gợi ý thêm, không chiếm chiều cao
Flash sale đếm ngược
Đợt khuyến mãi có giờ kết thúc thật
Thanh dính đáy
Bài dài trên điện thoại
Reels dọc
Mỗi màn hình một sản phẩm, kiểu TikTok
Thẻ đánh giá
Ưu, nhược, kết luận một sản phẩm
Chip trong bài
Nhắc sản phẩm giữa câu văn
Thang giá 3 bậc
Tiết kiệm / Đáng mua nhất / Cao cấp, bậc giữa nổi nhất
Đấu đôi
Hai sản phẩm hay bị phân vân, khách bấm chọn
Ngân sách trượt
Kéo thanh ngân sách, còn lại sản phẩm vừa túi
Sắp có
Các mã đã đặt chỗ, chưa code và chưa bán. HT = cách hiển thị sản phẩm, ND = cách hiển thị nội dung.
Vuốt chọn
Vuốt phải thích, vuốt trái bỏ; cuối lượt hiện danh sách đã thích kèm nút mua
Đủ bộ trên một ảnh
Ảnh bối cảnh có chấm bấm được, mỗi chấm một sản phẩm
Hỏi 3 câu ra 1 món
Ba câu hỏi ngắn rồi chốt bằng HT-05
Hộp trả lời nhanh
Câu hỏi, một câu trả lời, một sản phẩm; viết cho Google và AI trích dẫn
Giỏ so sánh nổi
Tích 2–3 sản phẩm ở bất kỳ đâu, bảng HT-06 tự dựng ở đáy màn hình
Luồng tin ngắn cuộn vô tận
Cách hiển thị nội dung đã chạy trên site, đang chờ đóng gói thành mã dùng chung.
Nút ĐỌC dẫn vào mục bài viết SEO
Cách hiển thị nội dung đã chạy trên site, đang chờ đóng gói thành mã dùng chung.
Quán gần bạn theo tỉnh, phường
Cách hiển thị nội dung đã chạy trên site, đang chờ đóng gói thành mã dùng chung.
Menu thả góc trái, lượt truy cập 3 dòng
Cách hiển thị nội dung đã chạy trên site, đang chờ đóng gói thành mã dùng chung.
Popup xin số Zalo trước khi nhắn tin
Cách hiển thị nội dung đã chạy trên site, đang chờ đóng gói thành mã dùng chung.
Mục lục dính có sản phẩm
Mục lục chạy theo khi cuộn, mỗi mục kèm chip HT-12