Module Documentation: Counter Module

The "Progress Metrics" module empowers you to visually represent your key progress indicators and metrics in an interactive and dynamic manner. Whether you're tracking sales figures, website analytics, or any other measurable data, this module offers a user-friendly solution to display your data in a way that resonates with your audience.

   Getting Started

To get started with the "Progress Metrics" module, follow these steps:

  1.  Log in to your HubSpot account.
  2.  Navigate to the HubSpot Marketplace.
  3.  Search for the "Progress Metrics" module and click on the installation button
  4.  Follow the prompts to install the module to your account.

   Card Components :

Each progress card consists of the following components:

  • Title: A descriptive title for the metric you're tracking.
  • Description: A brief explanation of the metric or KPI.
  • Icon: An icon that visually represents the metric.
  • Number Counter: A dynamic counter that starts from zero and counts up to your defined maximum value.
  • Text: Additional text to provide context or insights.

   Adding and Customizing Cards :


  1. Click the "Add Card" button to create a new progress card.
  2. Fill in the card's title, description, and select an appropriate icon.
  3. Set the maximum value for the number counter.
  4. Customize the accompanying text to provide additional information.
  5. Save your changes.

Responsive Design

The "Progress Metrics" module is designed to be fully responsive, ensuring that your metrics look great across all devices and screen sizes.

Edit-Page-Counter-MP-Module-1
Edit-Page-Counter-MP-Module (1)