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

Saturday Mar 07, 2026 1:00 PM
Team B
vs Opponent 3
Park
home Win
Saturday Mar 28, 2026 9:00 AM
Team A
vs Opponent 1
home
Saturday Apr 04, 2026 10:30 AM
Team A
vs Opponent 2
away
Saturday Apr 11, 2026 1:00 PM
Team B
vs Opponent 3
home
No games to show.

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

Saturday Mar 07, 2026 9:00 AM
Team A
vs Opponent 1
League
home 1-3 Loss
Saturday Apr 25, 2026 10:30 AM
Team A
vs Opponent 2
Cup
away
Saturday May 09, 2026 1:00 PM
Team B
vs Opponent 3
League
home
Saturday May 09, 2026 1:00 PM
Team B
vs Opponent 3
League
home
Saturday May 09, 2026 1:00 PM
Team B
vs Opponent 3
League
home
Saturday Apr 04, 2026 9:00 AM
Team A
vs Opponent 1
League
home
No games to show.

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

Saturday Feb 07, 2026 9:00 AM
Team A
vs Opponent 1
League
home 4-2 Win
Saturday Mar 07, 2026 9:00 AM
Team A
vs Opponent 1
League
home 1-2 Loss
TBD Date not set 10:30 AM
Team A
vs Opponent 2
Cup
away
TBD Date not set 1:00 PM
Team B
vs Opponent 3
League
home
TBD Date not set 1:00 PM
Team B
vs Opponent 3
League
home
TBD Date not set 1:00 PM
Team B
vs Opponent 3
League
home
TBD Date not set 1:00 PM
Team B
vs Opponent 3
League
home
TBD Date not set 1:00 PM
Team B
vs Opponent 3
League
home
TBD Date not set 9:00 AM
Team A
vs Opponent 1
League
home
TBD Date not set 9:00 AM
Team A
vs Opponent 1
League
home
No games to show.

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.