HubSpot Marketplace Module

Event Listing Pro for HubSpot CMS

Tabbed Event Calendar with Live Search, Overlay Cards, Detail Drawer & 70+ Style Controls

A premium event listing module with tabbed navigation for upcoming and past events, live search across titles, speakers, and descriptions, grid, list, and overlay card views, a right-side detail drawer with rich content, location type badges, speaker fields, and 70+ style controls. Up to 50 events per instance. No HubDB required.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $9.99
Event Listing Pro module for HubSpot CMS showing horizontal event cards with thumbnails, dates, and registration CTAs

Everything you need in an event listing module

tab

Tabbed Filtering with Live Search

Upcoming and past tabs with automatic date classification. Built-in search filters across titles, speakers, and descriptions in real time. Grid, list, and overlay views switch instantly with no page reload. Default tab selection configurable from the editor.

auto_awesome

Overlay Cards with Backdrop Blur

Full-bleed image cards with frosted glass text overlays positioned at the bottom. Configurable overlay opacity and blur intensity. Three layout modes with independent column counts from 2 to 4. Image inset control for padded or flush thumbnails.

side_navigation

Right-Side Detail Drawer

Click any event card to open a slide-in detail panel with rich text content, thumbnail, date, time, location, speakers, and a registration CTA. Focus trapping and escape-to-close for accessibility. Three click actions: drawer, direct URL, or CTA-only.

location_on

Location Type Badges

Automatic icon badges for Virtual, In-Person, and Hybrid events. Each badge type has independent background and text color controls in the Style tab. Free-text location field for venue names, cities, or platform links alongside the badge.

group

Speaker Fields & Featured Events

Each event supports a speaker name displayed on cards and in the detail drawer. Featured event toggle pins important events to the top of the list. Multi-day events supported with start and end date fields.

view_comfy

Grid, List & Overlay Views

Three distinct layout modes. Grid view with 2, 3, or 4 column options. List view with horizontal cards and dividers. Overlay view with full-bleed images and frosted text. All three are fully responsive with configurable tablet and mobile breakpoints.

accessibility

Accessible by Default

Semantic HTML with ARIA roles on all interactive elements. Full keyboard navigation through tabs, cards, search, and the detail drawer. Focus trapping in the drawer. Visible focus indicators. WCAG 2.1 AA contrast defaults.

palette

70+ Style Controls

Section background with opacity. Card backgrounds, borders, hover states, shadows. Independent colors for every text element. Location badge theming per type. Tab and search styling. Two font pickers. Card padding, radius, image height, image inset, overlay blur. Responsive breakpoints.

What you can build

Event Listing Pro works for any team that publishes events. Here are four ways teams use it.

SaaS event calendar

Overlay cards with blurred text overlays for upcoming webinars, product launches, and community meetups. Tabbed navigation separates upcoming registrations from past event recordings. Live search helps visitors find events by topic or speaker.

Conference schedule page

Dense 4-column grid view with flush thumbnails for multi-day conferences. Speaker names on every card. Location badges distinguish in-person keynotes from virtual breakout sessions. Detail drawer shows full session descriptions and registration links.

Executive event series

Dark-themed list view with gold accent CTAs for exclusive roundtables and leadership summits. Featured event toggle pins the next flagship event to the top. Past events tab serves as an archive of previous recordings and recaps.

Community gathering page

Warm editorial layout with inset thumbnails and rounded cards for workshops, meetups, and local events. Hybrid badges distinguish virtual and in-person options. Category-based search helps visitors filter by interest area or location.

Works with any HubSpot theme

Event Listing Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page including website pages, landing pages, and blog posts. No theme dependency, no jQuery, no HubDB, no external calendar APIs. Pure vanilla JavaScript.

Questions

Does it automatically separate upcoming and past events?

add
Yes. Events are automatically classified as upcoming or past based on their date. Tabs switch between the two sets instantly. You can hide the past events tab entirely if you only want to show upcoming events.

Can I use overlay cards with blurred text overlays?

add
Yes. The overlay view places full-bleed thumbnail images with a frosted glass text area at the bottom. You control the overlay opacity and blur intensity from the Style tab. Combine with 2, 3, or 4 column grids.

Does it require HubDB or an external calendar API?

add
No. All events are managed from a single repeater field in the page editor. Up to 50 events per instance. No HubDB, no API keys, no third-party integrations required.

Do you offer support?

add
Yes. Documentation included, plus email support for setup and customization questions. Response time is within 5 business days.

Launch your event page with Event Listing Pro

The most flexible event listing module on the HubSpot Marketplace. Tabbed navigation, live search, grid, list, and overlay views, detail drawer, location badges, speaker fields, and 70+ style controls.

Get the Module arrow_outward

Related modules: Calendar Pro · Resource Library Pro · Content Tabs Pro · All Modules