TAPATO COUNTER — Module hiển thị số liệu chuyên nghiệp cho Website

Tapato Counter là module chuyên dụng giúp website trình bày các con số nổi bật, thống kê, thành tựu và chỉ số quan trọng theo cách trực quan, hiện đại và có hiệu ứng chuyển động.

Thay vì hiển thị những con số tĩnh đơn giản, Counter cho phép nhà phát triển thiết kế các khối thống kê động, kết hợp số liệu, tiêu đề, mô tả, icon hoặc hình ảnh để tạo điểm nhấn mạnh trên trang web.

Hiển thị số liệu ấn tượng

Tapato Counter hỗ trợ hiệu ứng đếm số động, giúp các con số tăng dần từ giá trị bắt đầu đến giá trị mục tiêu.

Ví dụ:

10,000+ khách hàng

250+ dự án hoàn thành

15 năm kinh nghiệm

99.9% mức độ hài lòng

Người dùng có thể thiết lập:

Giá trị bắt đầu

Giá trị kết thúc

Số chữ số thập phân

Tiền tố

Hậu tố

Dấu phân cách hàng nghìn

Nhờ đó, Counter có thể sử dụng cho nhiều loại dữ liệu khác nhau.

Linh hoạt trong thiết kế

Tapato Counter được xây dựng theo hướng Builder-first, cho phép chỉnh sửa trực tiếp từ Sidebar mà không cần viết CSS thủ công.

Có thể tùy chỉnh riêng:

Number

Kích thước số

Độ đậm

Màu sắc

Letter spacing

Định dạng số

Title

Kích thước

Độ đậm

Màu chữ

Description

Kích thước

Màu chữ

Icon / Image

Tắt icon

Sử dụng Font Awesome icon

Sử dụng hình ảnh

Kích thước icon

Kích thước vùng icon

Border radius

Màu icon

Màu nền

Khi không cần icon hoặc hình ảnh, chỉ cần chọn Off, Counter sẽ tự động loại bỏ vùng icon khỏi layout.

Responsive Desktop / Tablet / Mobile

Một trong những điểm quan trọng của Tapato Counter là khả năng thiết lập giao diện riêng cho từng thiết bị.

Có thể thiết lập:

Desktop

Columns

Number Size

Gap

Item Padding

Tablet

Columns

Number Size

Gap

Item Padding

Mobile

Columns

Number Size

Gap

Item Padding

Điều này giúp Counter không chỉ thu nhỏ trên mobile mà còn có thể thiết kế lại cách bố trí số liệu cho từng kích thước màn hình.

Ví dụ:

Desktop: 4 columns

Tablet: 2 columns

Mobile: 1 column

10 template có sẵn

Tapato Counter cung cấp nhiều phong cách thiết kế để nhà phát triển có thể bắt đầu nhanh:

1. Classic – phong cách thống kê truyền thống

2. Minimal – tối giản

3. Cards – dạng card

4. Bold KPI – nhấn mạnh số liệu

5. Soft – giao diện mềm mại

6. Dark – giao diện nền tối

7. Outline – phong cách outline

8. Left Icon – icon bên trái

9. Progress – kết hợp tiến trình

10. Circle KPI – phong cách KPI dạng nổi bật

Template chỉ là điểm bắt đầu. Sau khi chọn mẫu, toàn bộ thông số vẫn có thể tiếp tục chỉnh sửa.

Progress & KPI

Counter không chỉ dùng để hiển thị số.

Module còn hỗ trợ Progress/KPI, phù hợp với các trường hợp như:

Mục tiêu doanh thu

Tiến độ dự án

Tỷ lệ hoàn thành

KPI doanh nghiệp

Phần trăm tăng trưởng

Chỉ số hiệu suất

Progress có thể được bật hoặc tắt tùy từng thiết kế.

Hiệu ứng đếm số

Counter hỗ trợ animation cho số liệu.

Có thể thiết lập:

Duration

Trigger

Easing

Hai cơ chế trigger chính:

Load

Animation bắt đầu ngay khi module được tải.

Visible

Animation bắt đầu khi Counter xuất hiện trong vùng nhìn thấy của người dùng.

Điều này đặc biệt phù hợp với các section thống kê nằm ở giữa hoặc cuối trang.

Hover Effect

Mỗi Counter Item có thể tạo hiệu ứng khi người dùng đưa chuột vào.

Có thể thiết lập:

Hover background

Lift

Scale

Khoảng cách di chuyển

Hiệu ứng chuyển đổi

Nhờ đó các card thống kê có thể trở nên sinh động hơn mà vẫn giữ được thiết kế tổng thể của website.

Background & Border

Counter cho phép kiểm soát toàn bộ phần giao diện của từng item:

Background

Item Background

Hover Background

Opacity

Border

Width

Radius

Color

Style

Shadow

Enable / Disable

X

Y

Blur

Spread

Color

Opacity

Nhà phát triển có thể tạo từ những Counter rất đơn giản cho đến những KPI Card cao cấp.

Layout linh hoạt

Counter hỗ trợ nhiều thiết lập layout:

Số lượng columns

Khoảng cách giữa các item

Alignment

Item padding

Minimum height

Icon position

Đặc biệt, icon có thể đặt ở phía trên hoặc bên trái nội dung, giúp cùng một module có thể sử dụng cho nhiều loại section khác nhau.

Một module – nhiều ứng dụng

Tapato Counter có thể được sử dụng trong rất nhiều loại website.

Doanh nghiệp

15+ năm kinh nghiệm

250+ dự án

50+ nhân sự

99% khách hàng hài lòng

Agency

500+ Website

120+ thương hiệu

35 quốc gia

10+ năm kinh nghiệm

E-commerce

50K+ sản phẩm

100K+ đơn hàng

98% giao đúng hạn

SaaS

10,000+ Users

99.9% Uptime

24/7 Support

Landing Page

Counter có thể được đặt giữa các section để tạo điểm nhấn và giúp người dùng nhanh chóng nhận biết những con số quan trọng nhất.