Game Schedule HubSpot Module
A clean, purpose-built scheduling module for sports clubs, leagues, and academies running their websites on HubSpot. Display upcoming fixtures, track results, and filter by team. No integrations to configure. No third-party scripts. Just add your games, drop the module on any page, and your schedule is live.
Available in two versions. Lite gives you everything you need to get started. Pro unlocks full customization, advanced filtering, pagination, and dark mode for clubs that want complete control over how their schedule looks and works.
Video sessions
Over 20 years of in person training experience now available on demand for you and your team.
resource downloads
Get access to reporting templates and material developed across dozens of global organizations.
COACHING
Get access to one on one coaching for you or your team. Let me help you unpack the topics in this course and strategically apply them to your context.
Game Schedule
Lite (Free):
- Game list with date, day of week, opponent, kickoff time, location
- Home/Away badges
- Upcoming/Results toggle
- Brand accent color picker
- Responsive mobile layout
Game Schedule
Pro (Paid):
- Everything in Lite, plus:
- Team filter buttons (filter by team on main schedule page)
- Editor-side team filter (show only one team's games on team pages)
- Win/Loss/Draw color-coded results
- Season/Competition label per game
- Games per page with Load More pagination
- Dark/Light theme mode toggle
- Full color customization (accent, heading, text, muted text, border, background, win/loss/draw colors)
- Max width control
- Default view setting (Upcoming or Results)
- Custom empty state message
Game Schedule
Features
- Automatic or manual post selection. Pull your latest posts automatically from any HubSpot blog (with optional tag filtering), or hand-pick specific posts to feature.
- Responsive cards per row. Configure how many cards display on desktop (1-4), tablet (1-3), and mobile (1-2) independently.
- One-post-at-a-time scrolling. Arrow navigation advances one card per click for a smooth browsing experience.
- Touch and swipe support. Native swipe gestures on mobile and click-drag on desktop.
- Optional auto-advance. Set a timed interval with automatic pause on hover or focus.
- Edge fade effect. A subtle right-side fade hints at more content, with adjustable width.
- Full style customization. Card background, border, shadow, border radius, typography, button colors, arrow size, dot indicators, tag badge colors, and section spacing are all editor-configurable from the Style tab.
- Post meta description display. Shows the blog post meta description as a card excerpt, with a word length control.
- Tag badge overlay. Displays the post's primary tag as a badge on the featured image.
- Author and date toggles. Show or hide publish date and author name per your preference.
- Configurable CTA button. Customize the button text for each use.
- Dot and arrow navigation. Both independently toggleable, with adjustable arrow size and color.
- Infinite loop option. Let the carousel wrap continuously or stop at the last post.
- Keyboard and screen reader accessible. Arrow key navigation, ARIA labels, live region announcements, and reduced-motion support built in.
- Works everywhere. Compatible with Page, Blog Post, and Blog Listing templates.
