Mục Chỉ số hiển thị một hàng các con số, như "10.000+ khách hàng hài lòng" hoặc "98% đánh giá tích cực". Mỗi con số đếm tăng dần từ không khi khách cuộn đến.
Thêm mục
- Mở trình thiết kế và chọn Trang chủ trong tab Trang.
- Trong tab Các mục, bấm Thêm mục mới và chọn Chỉ số trong nhóm Nội dung.
- Chọn mục và bấm Thêm khối mới để thêm một Chỉ số (một con số). Bạn cũng có thể thêm Đường phân cách để chia các chỉ số thành nhóm.
Mục này chỉ có trên trang chủ, tối đa 2 mục mỗi trang. Mỗi mục chứa tối đa 8 chỉ số và 7 đường phân cách.
Cài đặt của mục
- Số mục mỗi hàng (1 đến 8): số chỉ số nằm cạnh nhau. Trên màn hình nhỏ, mỗi hàng có thể hiển thị ít hơn để các con số không bị chen chúc.
- Hướng: Dọc đặt nhãn phía trên hoặc phía dưới con số, Ngang đặt chúng cạnh nhau.
- Cỡ chữ: kích thước của các con số, tính bằng pixel.
- Đậm: làm các con số in đậm.
- Chiều rộng mục, Phối màu, Khoảng đệm và tab CSS tùy chỉnh.
Từng chỉ số
- Giá trị: con số. Chỉ nhận số nguyên. Số lớn có dấu phân cách hàng nghìn, ví dụ 10.000.
- Tiền tố: chữ ngắn đặt trước con số, như $.
- Hậu tố: chữ ngắn đặt sau con số, như +, % hoặc K.
- Vị trí văn bản: Trên hoặc Dưới, để đặt nhãn phía trên hoặc phía dưới con số.
- Khoảng cách: khoảng trống giữa con số và nhãn của nó.
Nhãn là một khối Văn bản bên trong chỉ số (mỗi chỉ số một khối). Bấm vào để đổi chữ, cỡ chữ hoặc căn chỉnh. Xem Khối Nhóm, Văn bản, Nút và Đường phân cách: các cài đặt thành phần bố cục hoạt động thế nào?
Đường phân cách
Đường phân cách trong mục này chiếm toàn bộ chiều rộng của mục. Nó không nằm giữa hai con số trong một hàng: nó vẽ một đường ngang, để các chỉ số trước và sau nó tạo thành hai nhóm. Kéo nó đến vị trí bạn muốn. Độ dày, độ dài và khoảng đệm được đặt như mọi đường phân cách khác, và đường kẻ dùng màu viền của bảng màu.
Công thức
- Số lớn: với "250K+ đơn hàng", gõ 250 vào Giá trị và K+ vào Hậu tố. Như vậy ngắn hơn và dễ đọc hơn.
- Phần trăm: Giá trị 98 với Hậu tố %, và nhãn như "khách hàng giới thiệu chúng tôi".
- Số năm: Giá trị 12 với nhãn như "năm kinh doanh".
- Hàng gọn gàng: Số mục mỗi hàng bằng số chỉ số của bạn, và bật Đậm để các con số nổi bật.
- Hai nhóm: bốn chỉ số về khách hàng, một Đường phân cách, rồi bốn chỉ số về giao hàng.
Lưu ý
- Hiệu ứng đếm chạy một lần, vào lần đầu tiên mục xuất hiện trên màn hình.
- Một chỉ số hiển thị con số mà không có nhãn? Khối Văn bản của nó đã bị ẩn hoặc xóa. Chọn chỉ số và bấm Thêm khối mới để thêm lại.
- Các con số xuống thành hai hàng trên điện thoại? Điều này là bình thường: mục hiển thị ít chỉ số hơn trên mỗi hàng khi màn hình quá hẹp.
- Khách đã bật giảm chuyển động trên thiết bị sẽ thấy ngay con số cuối cùng, không có hiệu ứng đếm.
- Chỉ hiển thị những con số đúng sự thật. Khách hàng sẽ nhận ra khi chúng không đúng.