The Event Module is designed to provide an intuitive and flexible solution for managing events on your website or application. Whether you’re organizing a small meeting, a large conference, or recurring events, this module makes it easy to display, add, edit, and remove events seamlessly.
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.
Search for "Upcoming Events" and drag and drop the module into the desired location on your page.
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).
Layout Options :
For Upcoming Events, select your preferred layout (e.g., Layout 1, Layout 2, or Layout 3). You can easily rearrange the event cards within the chosen layout to create the ideal content flow and visual arrangement.
Options :
Heading, Description & CTA :
Easily customize the content in your module by modifying the "Heading," "Description," and call-to-action (CTA) to 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 :
Event Columns Content :
You can change the event title, description, address, and date with just a few clicks. Additionally, customize your CTA (Call to Action) text and link to ensure it aligns with your event's goals.
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, Description & CTA Setting :
Users can customize the spacing of the module, as well as adjust the typography for the heading and description & CTA. This includes modifying the color, font size, weight, and line height for both mobile and desktop views, allowing for a personalized and visually cohesive design across all devices.
Content 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, and apply a Box Shadow for added depth and visual appeal.
Content Setting :
Users can customize the typography of the event column, 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.
Column Image Setting :
Users can customize the image height for both desktop and mobile views, and, if desired, add a corner radius to the image for a more polished and modern look.
We hope you enjoy using our upcoming events 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.