About this Module

The Aivilo Web Calendar Module is a HubSpot module utilized by HubSpot users to create an events calendar with little need to know code. This module works great as a sidebar on a landing page, website page, or even blog page. This documentation addresses some of the editable fields of the module that may need more explination. You can donwload this module from the HubSpot market place for immediate use across HubSpot landing pages and webstie pages. The following are features of the Aivilo Web Calendar Module:

  • Mobile responsive calendar
  • Create an infinite number of events to populate on the calendar by date
  • Manually choose how many event cards to show
  • Date sorter and month advancement options
  • Add custom CSS class for custom CTA buttons
  • Set a primary and secondary color for module elements

Learn more about this module on HubSpot's marketplace!

How to Use the Module

Add Event

Add an unlimited number of events. Each event automatically populates on the module calendar. Manually rearrange the events if displaying events in chronological order is desired.

Note: This module does not automatically sort events based on date or time, nor will it automatically remove events once they have passed.

Calendar Options

Number of Event Cards to Show Set a number of event cards to show below the calendar. The number of event cards displayed will be no greater than the number of events added in the "Add Event" section.

Add Class for Event Card Button: Add a custom CSS button class for CTA buttons located inside of the event cards to help stay on-brand.

Primary Color: Type in a hex code color value (be sure to include "#" at the beginning) to stay on brand.

Secondary Color: Type in a hex code color value (be sure to include "#" at the beginning) to stay on brand.

Other Projects