Bắt đầu miễn phí
    Tài liệu

    Thư viện ảnh & video động

    Lightbox, masonry, bộ lọc danh mục, video Reels, thẻ lật, chữ chạy

    Thư viện ảnh & video động

    Ảnh xem lớn được, lưới xếp gạch, chip lọc danh mục, dải video ngắn kiểu TikTok, thẻ lật và chữ chạy — các khối media giúp website "sống" mà không cần plugin nào.

    Ảnh của bạn được dùng ở đâu

    • Ảnh thật được gán theo thứ tự: Hero → hàng nổi bật → Thư viện → các thẻ còn lại.
    • Một ảnh không bị lặp lại ở nhiều thẻ hoặc ô thư viện. Hero và ảnh chia sẻ có thể dùng cùng một ảnh.
    • Nếu ảnh không đủ, các thẻ còn lại dùng bố cục ưu tiên chữ thay vì lặp ảnh.
    • Không tải ảnh vẫn tạo được website; hệ thống chọn bố cục text-first phù hợp.

    Hạn mức ảnh AI theo gói

    Mỗi website có hạn mức: Miễn phí 25 · Starter 60 · Business 150 · Agency 400 ảnh AI. Mỗi lần bấm tạo lại cũng tính vào hạn mức của website.

    Ưu tiên ảnh thật
    Ảnh mặt tiền, không gian, sản phẩm và đội ngũ thật thường tạo niềm tin tốt hơn ảnh AI. Hãy tải ít nhất 3 ảnh sáng, rõ và đúng với doanh nghiệp.

    Lightbox — khách xem ảnh lớn

    Trên trang xuất bản, ảnh trong thư viện, thực đơn và sản phẩm có nút "Xem ảnh lớn": ảnh mở phủ toàn màn hình, khách lướt bằng phím mũi tên, vuốt trên điện thoại, Escape để đóng; caption hiển thị kèm ảnh. Không cần bật gì — có sẵn cho mọi website.

    Khi nào dùng: luôn hữu ích — đặc biệt spa, nhà hàng, studio: khách muốn soi chi tiết món ăn, không gian, tay nghề.

    Thư viện ảnh: 5 biến thể

    Chọn section Thư viện ảnh → Kiểu: Lưới đều · Xếp gạch · Bộ lọc danh mục · Trước/Sau · Dự án.

    • Xếp gạch (Masonry) — ảnh cao thấp xếp tự nhiên như tường gạch, không bị crop vuông đồng loạt. Khi nào dùng: ảnh chụp dọc lẫn ngang (đồ ăn, không gian quán, ảnh cưới) — giữ nguyên tỷ lệ ảnh gốc.
    • Bộ lọc danh mục — lưới ảnh kèm hàng chip lọc phía trên (Tất cả + các danh mục bạn đặt cho từng ảnh, vd. "Món chính / Tráng miệng / Không gian"). Chip chỉ hiện khi có từ 2 danh mục. Khi nào dùng: thư viện nhiều hơn ~10 ảnh thuộc nhóm khác nhau — khách tự lọc thứ mình quan tâm.

    Video ngắn (Reels)

    Section Video ngắn (Reels) trong danh mục thêm-section: dải thẻ video dọc 9:16 kiểu TikTok / Shorts. Dán link video vào từng thẻ — hành vi tùy nền tảng:

    • YouTube / YouTube Shorts — khách chạm vào poster là video phát ngay trong trang (không rời website, không tải script nào trước khi chạm).
    • TikTok — hiển thị thẻ poster kèm nút "Xem trên TikTok", mở video ở tab mới. (TikTok yêu cầu script riêng để nhúng nên phiên bản hiện tại chọn cách gọn nhẹ này.)

    Thẻ chưa có link sẽ chỉ hiện trong editor (khung dán link) — trang xuất bản chỉ hiện thẻ đã có video. Khi nào dùng: quán đã quay video món/hậu trường cho TikTok — tận dụng lại ngay trên website, video 9:16 quay bằng điện thoại là đủ.

    AI không dán hộ link video
    AI không bao giờ tự bịa link video. Section reels chỉ chạy khi bạn dán link TikTok/YouTube thật của mình.

    Thẻ lật (Flip cards)

    Biến thể "Thẻ lật" của section Dịch vụ và Tính năng: mặt trước là ảnh + tên, chạm/hover để lật sang mặt sau với mô tả và nút hành động. Khi nào dùng: danh sách dịch vụ đẹp về hình ảnh (liệu trình spa, gói chụp ảnh) mà vẫn cần chỗ cho mô tả — thay vì thẻ dài dày chữ.

    Chữ chạy (Marquee)

    Hai dạng: biến thể "Chữ chạy" của Thanh thông báo — dòng chữ chạy ngang cho khuyến mãi / khai trương (có sẵn mẫu "Khai trương — chữ chạy" trong thư viện snippet); và section Logo trượt vô hạn — dải logo đối tác/báo chí cuộn liên tục, dừng khi hover, có kiểu Hai hàng ngược chiều. Khi nào dùng: thông điệp ngắn cần đập vào mắt (giảm giá, giờ vàng) hoặc chứng thực thương hiệu bằng logo — đừng dùng cho nội dung khách cần đọc chậm.

    Media cũng theo mức hiệu ứng
    Các khối tự chuyển động (reels, marquee, carousel) có điều khiển tốc độ / tự chạy riêng trong Cài đặt section, và toàn bộ chuyển động vẫn tôn trọng cài đặt "giảm chuyển động" trên thiết bị của khách — xem Hiệu ứng cuộn & chuyển động.

    Bài viết liên quan