--- title: Agenda Lite Module | Documentation | Grow description: Documentation for Agenda Lite Module by Grow --- [![grow-logo-white-transparent](https://www.growinternational.eu/hubfs/grow-logo-white-transparent.png) ![grow_logo](https://www.growinternational.eu/hubfs/grow_logo.png)](https://www.growinternational.eu/?hsLang=en) [DEMO HubSpot](https://www.growinternational.eu/demo-hubspot?hsLang=en) [DEMO](https://www.growinternational.eu/demo-hubspot?hsLang=en) - [HubSpot](https://www.growinternational.eu/hubspot) - [HubSpot Solutions Partner](https://www.growinternational.eu/hubspot/hubspot-partner) - [Discover HubSpot's Possibilities](https://www.growinternational.eu/hubspot/discover-the-possibilities-of-hubspot) - [HubSpot Sales Hub](https://www.growinternational.eu/hubspot/hubspot-sales-hub) - [HubSpot Marketing Hub](https://www.growinternational.eu/hubspot/hubspot-marketing-hub) - [HubSpot Service Hub](https://www.growinternational.eu/hubspot/hubspot-serivce-hub) - [HubSpot Content Hub](https://www.growinternational.eu/hubspot/hubspot-content-hub) - [HubSpot Operations Hub](https://www.growinternational.eu/hubspot/hubspot-operations-hub) - [HubSpot Commerce Hub](https://www.growinternational.eu/hubspot/hubspot-commerce-hub) - [HubSpot Implementation](https://www.growinternational.eu/hubspot/implementation) - [HubSpot Adaptation](https://www.growinternational.eu/hubspot/adaptation) - [HubSpot Web Development](https://www.growinternational.eu/hubspot/hubspot-web-development) - [Website on HubSpot](https://www.growinternational.eu/hubspot/website-on-hubspot) - [UI/UX Design for HubSpot](https://www.growinternational.eu/hubspot/ui-ux) - [Migration to the HubSpot](https://www.growinternational.eu/hubspot/migration) - [HubSpot White Label Partner Agency](https://www.growinternational.eu/hubspot/white-label) - [HubSpot for Your Business](https://www.growinternational.eu/hubspot/hubspot-for-your-business) - [HubSpot for Travel Agencies](https://www.growinternational.eu/hubspot/hubspot-for-your-business/hubspot-for-travel-agency) - [HubSpot for Manufacturing](https://www.growinternational.eu/hubspot/hubspot-for-your-business/hubspot-for-manufacturing) - [HubSpot for Hotels](https://www.growinternational.eu/hubspot/hubspot-for-your-business/hubspot-for-hotels) - Tools - [Website Grader](https://www.growinternational.eu/website-grader) - [Calculator ROI](https://www.growinternational.eu/calculator-roi) - [Grow in HubSpot Marketplace](https://www.growinternational.eu/marketplace/) - [Eloqua](https://www.growinternational.eu/eloqua) - [Marketing](https://www.growinternational.eu/marketing) - [Discover digital marketing](https://www.growinternational.eu/marketing/discover-digital-marketing) - [Digital strategy & consulting](https://www.growinternational.eu/marketing/digital-strategy-and-consulting) - [Social media](https://www.growinternational.eu/marketing/social-media-marketing) - [Branding & Identity](https://www.growinternational.eu/marketing/branding-and-identity) - [Content marketing](https://www.growinternational.eu/marketing/content-marketing) - [Copywriting](https://www.growinternational.eu/marketing/copywriting) - [Martech](https://www.growinternational.eu/martech) - [Marketing for Manufacturing](https://www.growinternational.eu/marketing/marketing-for-manufacturing) - Knowledge Base - [Blog](https://www.growinternational.eu/blog) - [CRM](https://www.growinternational.eu/knowledge/crm) - [HubSpot](https://www.growinternational.eu/knowledge/hubspot) - [Social Media Marketing](https://www.growinternational.eu/knowledge/smm) - [Marketing Automation](https://www.growinternational.eu/knowledge/marketing-automation) - [Content Marketing](https://www.growinternational.eu/knowledge/content-marketing) - [Lead Generation](https://www.growinternational.eu/knowledge/lead-generation) - About - [Team](https://www.growinternational.eu/team) - [Portfolio](https://www.growinternational.eu/portfolio) - [Dalmec Success Story](https://www.growinternational.eu/portfolio/dalmec) Contact # Agenda Lite Documentation ## Agenda Lite module last update 20.09.2023 (v1.0) Created by [Max Vorozhtsov](https://www.linkedin.com/in/max-vorozhtsov/) (UX & Front-end) & [Olha Vorozhtsova](https://www.linkedin.com/in/olha-vorozhtsova-a3b826148) (UX & Designed by) ### Requirements Agenda free module requires at least one of the next HubSpot plans: - **Free Tools & CRM** - **CMS Hub**: Starter, Professional, or Enterprise - **Marketing Hub**: Starter, Professional, or Enterprise - **Sales Hub**: Starter, Professional, or Enterprise - **Service Hub**: Starter, Professional, or Enterprise - **Operations Hub**: Starter, Professional, or Enterprise ### Installation 1. Install the module into your the HubSpot instance from the HubSpot marketplace.  2. choose the website / landing page where you want to place the module 3. enter the page editor 4. find the Agenda Free module in the "Add" tab and drag'n'drop module into the Landing / Website page content. ### Technology - HTML (with Hubl) - CSS - JS ### Possibilities - Styles Tab - changing the day view - [day by day](https://www.growinternational.eu/marketplace/agenda-lite/demo?hsLang=en) - tabs - [tabs view 1](https://www.growinternational.eu/marketplace/agenda-lite/demo/view1?hsLang=en) - [tabs view 2](https://www.growinternational.eu/marketplace/agenda-lite/demo/view2?hsLang=en) - [tabs view 3](https://www.growinternational.eu/marketplace/agenda-lite/demo/view3?hsLang=en) - changing the font family for the module - changing the font colors - changing the decoration colors - changing the presenter photo border radius - possibility to add the max-width to the content - possibility to change the event description width (desktop version only) - possibility to change the padding top and padding bottom for the full agenda block - popup styling: - speaker name color - speaker photo border-radius color - popup z-index - popup overlay z-index - popup overlay color - changing the base styling: - change the popup background color - change popup text color - **Content tab** - top content change - Event title turn on/off - Event title edition - Event description turn on/off - Event description edition - day creation - adding the day name - enable/remove day subtitle - adding day subtitle - items adding/removing: - possibility to add event title - possibility to add event time - possibility to add event description - possibility to add/remove event speaker - add/remove the speaker photo - edit the speaker name - edit speaker job role - possibility to add/remove company - adding the custom styles for exact item - change the background color - change title color - change the text color - change speaker name & job title color - change border top color  - Create the popup for speaker - add speaker name - add speaker job role - add speaker photo - add speaker description - enable the box with the links (each can be turn on/off separately and the social network icon can be changed): - linkedin link - facebook link - twitter / x link - website link ### FAQ #### How to create more than one "day"? To create more than one day - go to the module content, find the "Day" group and click add: ![day-adding-01](https://www.growinternational.eu/hs-fs/hubfs/day-adding-01.jpg?width=1365&height=545&name=day-adding-01.jpg) After the day was created you can add the day title and the events for exact day. In case you use day-by-day view - you can add also subtitle, just turn this option on: ![](https://www.growinternational.eu/hubfs/image-png-Sep-20-2023-11-00-55-9871-AM.png) #### How to switch the view? To switch the view go to the Styles tab and choose the view between the "Day by Day" view and "Tabs" view. In case you choose the "Tabs" view you can also choose one of 3 versions of tabs: ![](https://www.growinternational.eu/hubfs/image-png-Sep-20-2023-11-05-18-0981-AM.png) Demos for diffetent types of view: DEMO (day by day): [https://www.growinternational.eu/marketplace/agenda-lite/demo](https://www.growinternational.eu/marketplace/agenda-lite/demo?hsLang=en) DEMO (Tabs view 1): [https://www.growinternational.eu/marketplace/agenda-lite/demo/view1](https://www.growinternational.eu/marketplace/agenda-lite/demo/view1?hsLang=en) DEMO (Tabs view 2): [https://www.growinternational.eu/marketplace/agenda-lite/demo/view2](https://www.growinternational.eu/marketplace/agenda-lite/demo/view2?hsLang=en) DEMO (Tabs view 3): [https://www.growinternational.eu/marketplace/agenda-lite/demo/view3](https://www.growinternational.eu/marketplace/agenda-lite/demo/view3?hsLang=en) #### How to create the Speaker Popup and connect it with the event? To add the speaker popup you need to go to the Content tab and switch on such option and then click add: ![](https://www.growinternational.eu/hubfs/image-png-Sep-20-2023-11-12-47-2931-AM.png) In the speaker's popup you can set speaker's name and photo (photo can be turned off), job title and social links (linkedin, facebook, twitter/x and website; each link can be turn off and each icon can be changed), also speaker description can be added. Please not, that popup added to the evnt by speaker name, so the speaker name in the popup have to be the same as in the event item.  Example: we have 2 speakers (Max Wolfe and Karen Christensen), but just one popup created (Karen Christensen): ![](https://www.growinternational.eu/hubfs/image-png-Sep-20-2023-11-17-40-5937-AM.png) As you see, Karen's name is underlined and on click the popup will be shown (also on Karen's photo click), but the popup wasn't created for Max, and his name is not underlined. So, if popup for speaker was created in the correct way, the speaker name will be underlined. In case of any questions - please reach out [our support](https://www.growinternational.eu/marketplace/support?hsLang=en) [![Icon_calendar](https://www.growinternational.eu/hubfs/Icon_calendar.svg) Schedule a meeting with CEO](https://meetings.hubspot.com/adam-malachowski) [![CONTACT_phone icon](https://www.growinternational.eu/hubfs/CONTACT_phone%20icon.svg) +48 668 258 500](tel:48%20668%20258%20500) [![Group 1082](https://www.growinternational.eu/hubfs/Group%201082.svg) info@growinternational.eu](mailto:info@growinternational.eu) ![Adam Małachowski (CEO Grow)](https://www.growinternational.eu/hubfs/adam-malachowski.png) ![FORM SHADOW-1](https://www.growinternational.eu/hubfs/FORM%20SHADOW-1.png) ![grow-logo-white-transparent](https://www.growinternational.eu/hubfs/grow-logo-white-transparent.png) Grow Poland Sp. z o.o. Konstruktorska 11 (Adgar BIT), 5th floor 02-673 Warsaw, Poland +48 668 258 500 [![LINKEDIN ICON](https://www.growinternational.eu/hubfs/LINKEDIN%20ICON.svg)](https://pl.linkedin.com/company/grow-poland) [![FB ICON](https://www.growinternational.eu/hubfs/FB%20ICON.svg)](https://pl-pl.facebook.com/growpoland/) [![TT ICON-1](https://www.growinternational.eu/hubfs/TT%20ICON-1.svg)](https://twitter.com/growpoland) [Privacy Policy](https://www.growinternational.eu/privacy-policy?hsLang=en) All rights reserved. Grow Poland 2026 ```json { "@context" : "https://schema.org", "@id" : "", "@type" : "ProfessionalService", "address" : { "@type" : "PostalAddress", "addressCountry" : "PL", "addressLocality" : "Warszawa", "postalCode" : "02-673", "streetAddress" : "Konstruktorska 11" }, "logo" : "https://www.growinternational.eu/hubfs/grow-smarketing-nb.png", "name" : "Grow Poland", "openingHoursSpecification" : { "@type" : "OpeningHoursSpecification", "closes" : "18:00", "dayOfWeek" : [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens" : "09:00" }, "sameAs" : [ "https://www.facebook.com/growpoland/", "https://twitter.com/GrowPoland", "https://www.linkedin.com/company/grow-poland/" ], "telephone" : "+48 668 258 500", "url" : "https://www.growinternational.eu/" } ```