4.2. Số tự động
Last updated
Last updated
Số tự động là một tiện ích đặc biệt giúp hiển thị hiệu ứng đếm số từ một giá trị bắt đầu đến một giá trị kết thúc trong một khoảng thời gian nhất định. Tính năng này thường được sử dụng để tạo hiệu ứng nổi bật cho các số liệu quan trọng trên landing page như doanh số, số lượng khách hàng, lượt tải ứng dụng, hoặc các thống kê ấn tượng.
Nhấn vào Tiện ích ở thanh sidebar của trình chỉnh sửa.
Chọn Số tự động trong mục Biểu mẫu.
Chọn phần tử Số tự động và kéo vào trang landing page.
Để mở trình chỉnh sửa Nội dung, bạn click vào Số tự động muốn chỉnh sửa trên màn hình ⇒ Chọn Nội dung trên thanh thiết lập nhanh.
Tại đây bạn có thể thiết lập một giá trị bắt đầu đến một giá trị kết thúc trong một khoảng thời gian nhất định.
Để mở trình chỉnh sửa Thiết kế, bạn click vào Số tự động muốn chỉnh sửa trên màn hình ⇒ Chọn Thiết kế trên thanh thiết lập nhanh.
Căn chỉnh: Cho phép bạn căn chỉnh tiện ích theo khung chứa, chi tiết tại đây.
Kích thước: Điều chỉnh kích thước của tiện ích, bao gồm chiều rộng, chiều cao và khoảng cách từ tiện ích đến lề của section, chi tiết tại đây.
Hiển thị: Chọn các thiết bị mà tiện ích sẽ được hiển thị (Máy tính, Điện thoại).
Thiết kế: Cho phép bạn thêm nền và đổ bóng cho tiện ích, chi tiết tại đây.
Kiểu chữ: Cho phép bạn tùy chỉnh các thuộc tính của nội dung trong tiện ích, chi tiết tại đây.
Đường viền: Cho phép bạn thêm và tùy chỉnh viền xung quanh của tiện ích, bạn cũng có thể điều chỉnh độ bo tròn của đường viền, chi tiết tại đây.
Để mở trình chỉnh sửa Nâng cao, bạn click vào Số tự động muốn chỉnh sửa trên màn hình ⇒ Chọn Nâng cao trên thanh thiết lập nhanh.
Sự kiện: Cho phép bạn thiết lập sự kiện cho hành động khi nhấp chuột hoặc hover vào tiện ích, chi tiết tại đây.
Hiệu ứng: Cho phép bạn thêm các hiệu ứng động cho tiện ích trên landing page để tạo sự thu hút và sinh động hơn, chi tiết tại đây.
Đồng bộ thiết kế Máy tính/ Điện thoại: Cho phép bạn cài đặt tùy chọn đồng bộ thiết kế giữa máy tính và điện thoại, chi tiết tại đây.
Kiểu định vị: Cho phép bạn lựa chọn kiểu định vị phù hợp để tối ưu hóa trang web và mang lại trải nghiệm tốt nhất cho khách hàng, chi tiết tại đây.
Tùy chỉnh nâng cao: Cho phép bạn tùy biến giao diện và hành vi của thành phần thông qua các lớp CSS và mã CSS tùy chỉnh, chi tiết tại đây.
