Unlocking Dynamic Data: Real-World Uses for HH Components

Imagine building custom dashboards, weekly performance reports, and conditional booking flows without writing a single line of complex code. That's exactly what HH components let you do—pull live data from your CRM, calendar, and booking system right into your emails, webpages, and automations.

What Are HH Components?

HH components are powerful data-fetching tags that work anywhere in Hubhus—email templates, landing pages, automation conditions, and custom dashboards. They pull real-time information from your calendar events, leads, bookings, and Microsoft 365 calendar, then display it dynamically based on filters you define.

Real-World Use Cases

Here's where HH components shine in actual business scenarios:

1. Weekly Performance Reports for Teams

Send your team automated weekly emails showing events completed this week, leads added, and conversion rates—all pulled live from your CRM.

This week: <hh-data.count><hh-data.microsoft-events.count 
  filter="start > @str2datetime[monday this week]" 
  filter="start < @str2datetime[sunday this week]" /></hh-data.count> events completed

New leads: <hh-data.count><hh-data.leads 
  filter="created_at > @str2datetime[monday this week]" /></hh-data.count>

2. Custom Dashboards on Landing Pages

Build live KPI dashboards embedded directly on your website showing total leads, upcoming events, and conversion metrics—no external BI tools needed.

<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;">
  <div>
    <h3><hh-data.count><hh-data.leads /></hh-data.count></h3>
    <p>Total Leads</p>
  </div>
  <div>
    <h3><hh-data.count><hh-data.calendar-events where="start>@now" /></hh-data.count></h3>
    <p>Upcoming Events</p>
  </div>
</div>

3. Conditional Booking Availability Emails

Automatically send customers different messages based on whether booking slots are available at their location—no manual checks required.

@if(<hh-data.count><hh-booking.available-dates 
  booking-form="YOUR_FORM_ID" 
  full-address="%lead_full_address%" 
  latest-date="+14days" /></hh-data.count> > 0){
  Good news! We have availability in your area.
}@else{
  We're fully booked right now, but we'll notify you when slots open up.
}@endif

4. Resource-Specific Workload Reports

Track how many bookings each team member has this week, filtered by resource tags, and identify who has capacity for more work.

Team North: <hh-data.microsoft-events.count 
  filter-calendar_resources="email = john@company.com"
  filter="start > @str2datetime[monday this week]" 
  filter="start < @str2datetime[sunday this week]" /> events this week

5. Automation Requirements (If/Then Logic)

Use HH components in automation requirements to trigger actions only when specific conditions are met—like "only send follow-up if customer has zero bookings in the next 7 days."

Getting Started: Use Our Component Generator

Building HH components manually can be tricky if you're not familiar with the syntax. That's why I built a visual code generator that lets you select options from dropdowns and instantly generate ready-to-use component code.

Try it yourself: HH Component Generator →

Select your component type (Calendar Events, Leads, Booking Availability, etc.), configure filters and options through a visual interface, then copy the generated code directly into your campaign templates, emails, or automation rules.

What You Can Build

Calendar Events – Fetch upcoming events, filter by date range or resource, include service/resource details
Lead Data – Display recent leads, filter by status or custom fields, sort by creation date
Booking Availability – Check available slots, show optimal booking times, validate address coverage
Microsoft Calendar – Count events by resource, time range, or tag; perfect for workload reports
Resource & Service Data – List calendar resources and services dynamically
Date Formatting – Format dates, calculate future/past dates, use in hidden form fields
Counting – Wrap any component in a count tag to return numbers instead of data—great for dashboards and automation conditions

Learn More: Complete Reference Guide

Want to dive deeper? We've created a comprehensive reference guide covering every HH component, parameter, filter option, and use case with detailed examples.

Read the HH Components Reference Guide →

Have questions or feedback? Reach out to us at help.hubhus.com