1. Introduction (Overview)

Team Pro is a flexible team showcase module that lets you display members in slider or grid layouts. It includes an interactive popup for full profile details, multiple layout styles, customizable grid columns, and a fully responsive design to match any website.

2. Key Features

• Dual Layout Modes: Display team members in slider or grid layouts.
• Popup Profile View: Open full team member details in an interactive popup.
• Popup Member Navigation: Browse next and previous profiles inside the popup.
• Multiple Layout Styles: Choose from various layout styles to match your design.
• Flexible Grid Columns: Set grid columns to 2, 3, or 4 per row.
• Easy Team Management: Add and manage team members effortlessly.
• Fully Responsive: Optimized for desktop, tablet, and mobile devices.

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 on Add Module.
• Search for your module by name.
• Drag and drop the module into the desired section of your page.

• Team Pro is a versatile team showcase module that displays members in slider or grid layouts. It features popup profile views, multiple layout styles, customizable grid columns, and a fully responsive design.

   

   

5. Module Settings Guide

1. Content Tab 

• Add Multiple Team Members: Easily add and manage multiple team members.

• Content Customization: Customize title, description, image, social icons, and designation for each member.

 

 

2. Style Tab

• Module Settings: Set module width (full or custom), spacing

• Module Spacing: Control spacing separately for desktop, tablet, and mobile.

• Slider or Grid Option: Choose between slider and grid layouts for team display.

• Multiple Layout Options: Select from different layout styles to match your design.

• Grid Columns per Row: Set the number of cards per row for a balanced layout.

• Full Content Customization: Customize fonts, colors, sizes, and text transform.

• Social Icon Customization: Control icon color, hover color, and background styles.

• Overlay Hover Color: Apply custom overlay colors for interactive hover effects.

• Popup Cursor Button Customization: Customize cursor button color, text, and font.

• Popup View Customization: Customize popup colors, spacing, border radius, navigation buttons, and typography.

• Image Height Customization: Adjust image height for desktop, tablet, and mobile.

• Box Shadow: Add and customize shadows to enhance card appearance.

 

6. Examples / Demo Preview

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

7. Support & Contact

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