1. Introduction (Overview)

Event Showcase Pro helps you showcase upcoming and past events in one organized section. Add category tabs, search, countdowns, filters, and load more functionality to make events easy to explore. Automatically move past events based on their date and add links, YouTube videos, or popup videos for flexible event access. 

2. Key Features

1. Upcoming & Past Event Tabs

Easily organize upcoming and completed events with dedicated tabs for quick event discovery.

2. Event Category Tabs

Let visitors browse events by category with dedicated tabs for faster and easier discovery.

3. Automatic Past Events

Automatically move events to the Past Events section once their event date has passed.

4. Auto-Hide Past Events

Choose to automatically hide past events after their scheduled date for a cleaner event listing.

5. Event Search

Help visitors quickly find specific events using the built-in search functionality.

6. Event Countdown

Display a live countdown to upcoming events and create urgency around registration.

7. Video & Link Support

Add YouTube videos, custom popup videos, or links to your event CTA button for easy access.

8. Load More Events

Allow visitors to load additional events without overwhelming the page with too many listings.

9. Clear Filters

Give visitors an easy way to reset their search and category filters with one click.

10. Flexible Event Display

Show important event information such as date, time, location, category, and CTA in an organized event card layout.

3. Installation – Downloading the Module from HubSpot Marketplace

• Log in to your HubSpot account.
• Go to the Marketplace from the main navigation menu.
• Search for your module by name.
• Find the module in the results and click Install.
• If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

• Open your HubSpot page editor.
• Click Add in the left sidebar to open the module panel.
• Search for Event Showcase Pro.
• Drag and drop the module onto your page.
• Add and configure your event content and display settings.
• Customize the module styling and options as needed.
• Click Preview to check the event display on different devices.
• Click Publish or Update when everything looks good.

5. Module Settings Guide

Content Tab: 

1. Default Category

Set and customize the default All category label for your event listings.

2. Event Posts

Add multiple events with category, event type, date, title, description, location, and start time.

3. Hide Past Events

Enable this option to automatically hide events once their scheduled date has passed.

4. Completed Event Label

Add custom label text to identify completed or past events.

5. Event Countdown

Show or hide the countdown timer on upcoming event posts.

6. Author

Add an author image and name to display event organizer or speaker information.

7. Event Image

Upload an image for each event post to create a more engaging event card.

8. Button Type

Choose Custom Video, YouTube Video, or Link as the action for each event.

9. No Result Text

Customize the message visitors see when no events are available or match their search.

10. Load More

Set how many events to display initially and customize the Load More button label.

11. Event Tabs

Customize the labels for the Upcoming and Past event tabs.

12. Clear Button

Set custom Clear button text to help visitors quickly reset filters and search results.

13. Search Bar

Enable the search bar and customize its placeholder text to guide visitors when searching.

2. Style Tab

1. Event Tabs

Customize the background color, border radius, and tab button styles for the Upcoming and Past event tabs.

2. Category

Style category buttons with custom font, border, background, hover, and active colors.

3. Search Bar

Customize the search bar with placeholder font, background, border, and focus color options.

4. Clear Button

Adjust the font, text styling, and hover appearance of the Clear button.

5. Load More

Customize the font, border, background, and hover styles of the Load More button.

6. No Result Message

Style the no-result message with custom font, text formatting, and background color.

7. Event Post

Customize event post elements, including title, description, countdown, replay status, footer, speaker, button, date/time, completed badge, and location.

8. Full Customization

Get complete control over the visual appearance of your event showcase with flexible styling options for each section.

9. Module Settings

Customize the module with a full-width layout or set a custom width.

6. Examples / Demo Preview

View the module in action: https://www.modfrybus.shop/event-showcase-pro

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!