If your HubSpot site hosts events — webinars, conferences, meetups, workshops, product launches — you have probably run into the same wall. HubSpot does not ship a native event listing module. You either build something custom, embed an iframe from a third-party tool, or settle for a basic list of links.
Event Listing Pro is a drag-and-drop HubSpot module that gives you a polished, filterable event calendar without any custom development, HubDB setup, or external integrations.
Tabbed Navigation with Automatic Date Classification
Events are automatically sorted into upcoming and past tabs based on their date. When an event date passes, it moves from the upcoming tab to the past tab without any manual intervention. You can configure which tab loads first, hide the past events tab entirely, or customize the tab labels to match your brand language.
Built-in live search filters across event titles, speaker names, and descriptions in real time. Visitors find what they are looking for without scrolling through a long list.
Three Layout Modes
Grid view arranges events in 2, 3, or 4 column layouts with card-based presentation. Each card shows the event thumbnail, title, date, time, location badge, speaker, description, and a registration CTA.
List view displays events as horizontal cards with dividers between them. Better for dense event pages where visitors scan quickly.
Overlay view places full-bleed thumbnail images with a frosted glass text area at the bottom. Configurable overlay opacity and blur intensity. This is the standout layout for teams that want a visual, editorial feel.
Detail Drawer with Rich Content
Click any event card to open a right-side detail panel that slides in with the full event information. The drawer supports rich text content with headings, lists, images, and embedded media. Focus trapping and escape-to-close for accessibility.
Three click action modes: open the detail drawer, navigate directly to the registration URL, or CTA-only where the card is not clickable but the button is.
Location Type Badges
Each event has a location type field: Virtual, In-Person, or Hybrid. The module automatically renders an icon badge with the location type. Each badge type has independent background and text color controls in the Style tab, so Virtual badges can be blue, In-Person green, and Hybrid purple — or whatever matches your design.
A free-text location field sits alongside the badge for venue names, cities, or video platform links.
Speaker Fields and Featured Events
Each event supports a speaker name that displays on cards and in the detail drawer. A featured event toggle pins important events to the top of the upcoming list. Multi-day events are supported with start and end date fields.
70+ Style Controls
Everything is customizable from the Style tab with zero CSS required:
- Section background with opacity control
- Card backgrounds, borders, hover borders, shadows, hover shadows
- Independent colors for heading, eyebrow, subtitle, title, description, date, time, speaker, and CTA
- Location badge styling with separate background and text color per type
- Tab and filter pill styling
- Search input theming
- Two font pickers with independent sizes for every text element
- Card padding, border radius, border width, image height, image radius, image inset
- Overlay opacity and blur intensity
- Responsive tablet and mobile breakpoints
Content Fields per Event
Up to 50 events per module instance, each with: title, short description, rich text drawer details, date, end date for multi-day events, time, location type (Virtual, In-Person, Hybrid) with automatic icon badges, free-text location, category, speakers, thumbnail, registration URL, custom CTA text, and a featured event toggle.
The section header supports an eyebrow, heading (H1-H4 selectable), subtitle, and alignment control.
Accessibility
Semantic HTML with ARIA roles on all interactive elements. Full keyboard navigation through tabs, event cards, search input, and the detail drawer. Focus trapping in the drawer with visible focus indicators. WCAG 2.1 AA contrast defaults.
No Dependencies
Event Listing Pro works on any HubSpot template. No theme required, no jQuery, no HubDB, no external calendar APIs. Pure vanilla JavaScript. Compatible with all HubSpot CMS tiers.
Price: $9.99 one-time purchase on the HubSpot Marketplace.
See the full product page at studionope.com/event-listing-pro.