---
title: Team Pro Documention
description: Team Pro Documention
---

[Skip to content](https://www.modfrybus.shop/team-pro-documention#main-content)

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=90&height=52&name=Modfrybus-logo.png)](https://www.modfrybus.shop/?hsLang=en)

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)

Open main navigation

Close main navigation

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)
- [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

[Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

#### Team Pro Documention

## 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.

![Group 1000002252](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002252.png?width=1000&height=785&name=Group%201000002252.png)

 

 

**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.

![Group 1000002245 (1)](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002245%20(1).png?width=1000&height=753&name=Group%201000002245%20(1).png)

 

## 6. Examples / Demo Preview

View the module in action:[https://www.modfrybus.shop/team-pro](https://www.modfrybus.shop/team-pro?hsLang=en)

## 7. Support & Contact

For questions or support, contact us at [productqueriemodfrybus@outlook.com](mailto:productqueriemodfrybus@outlook.com) We’re happy to help!

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=150&height=87&name=Modfrybus-logo.png "Modfrybus-logo")](https://www.modfrybus.shop/?hsLang=en)

[Privacy Policy](https://www.modfrybus.shop/privacy-policy?hsLang=en)

[Terms and Conditions](https://www.modfrybus.shop/terms-and-conditions?hsLang=en)

[Refund Policy & Support](https://www.modfrybus.shop/modfrybus-refund-policy-support?hsLang=en)

 Copyright © 2025, Modfrybus