Latest Events Display Module helps you showcase your upcoming and recent events in a clean and visually engaging layout. Easily highlight event details such as titles, dates, images, and key information to keep your audience informed and engaged. Designed to be fully responsive and customizable, this module ensures your events look great on all devices while helping increase event visibility, audience participation, and registrations.
Key Features of the Latest Events Display Module:
- Easy Content Management – Simple configuration within the HubSpot editor allows marketers to add, edit, or remove events without coding.
- Customizable Design – Adjust colors, fonts, backgrounds, and more to align with your brand’s aesthetic.
- Responsive Layout – Fully adaptable across all devices, providing a seamless experience on mobile, tablet, and desktop.
- Image Support – Showcase event visuals with high-quality images to make event listings more attractive.
- CTA Customization – Personalize the CTA text, links, and design to drive user engagement.
- Flexible Typography & Spacing – Customize typography and set spacing for both mobile and desktop views.
How to Set Up the Latest Events Display Module in HubSpot :
In the main dashboard, navigate to the ‘Content’ tab and select either ‘Website’ or ‘Landing Pages’, depending on where you want to add the section. This allows you to choose the appropriate location for managing or updating your content.
Select the page where you want to apply the module.
-Feb-13-2026-06-28-13-0187-PM.png)
Search for "Latest Events Display" and drag and drop the module into the desired location on your page.
Module Defaults Options:
Layout ID :
You can add an ID in this and use that same ID in an anchor link to create a smooth scroll effect when a user clicks a CTA (Call to Action).
Heading & CTA:
Easily customize the content in your module by modifying the "Heading & CTA suit your needs. You can also choose to hide the section if desired, giving you complete control over the presentation and functionality of your content.
Options :
- Heading Show/Hide Toggle
- CTA Show/Hide Toggle
Event Columns Content :
You can change the event tag, title, description and date-time with just a few clicks to ensure it aligns with your event's goals.
The card added at the top will be displayed on the left side. So, place any card you create in the top.
Module Style Options:
Module Setting :
Adjust the margins, padding, background colors, and container width to achieve your desired look and feel for the module. This flexibility allows you to fine-tune the layout and aesthetics, ensuring that your design is not only visually appealing but also functional and user-friendly.
Heading & CTA Setting :
Users can customize the typography for the heading & CTA. This includes modifying the color, font size, weight, background, border, corner, box shadow and line height for both mobile and desktop views, allowing for a personalized and visually cohesive design across all devices.
Left Column Setting :
Users can easily customize the Left Event Column Spacing for both desktop and mobile views. You can also adjust the Background Color, set the Border and Border Radius for added depth and visual appeal.
Left Content Setting :
Users can customize the typography of the column content, including spacing, line height, font size, color, alignment, and text transform for both desktop and mobile views. This allows for complete control over the visual style and ensures consistency across devices.
Right Column Setting :
Users can easily customize the Event Column Spacing for both desktop and mobile views. You can also adjust the Background Color, set the Border and Border Radius for added depth and visual appeal.
Right Content Setting :
Users can customize the typography of the column content, including spacing, line height, font size, color, alignment, and text transform for both desktop and mobile views. This allows for complete control over the visual style and ensures consistency across devices.
We hope you enjoy using our latest events display module to create a seamless experience for both your users and your marketing team. At Code Accelerator, we're committed to ensuring your HubSpot experience is exceptional. If you need a custom HubSpot module or require a tailored HubSpot CMS or CRM setup, please don’t hesitate to Contact Us.