--- title: Team Card Help Guide description: The Team Card Module for HubSpot CMS helps you showcase your team members in a clean, structured, and professional layout. --- [Skip to content](https://www.synghub.com/team-card-help-guide#main-content) [![Synghub-logo](https://www.synghub.com/hs-fs/hubfs/Final-logo.png?width=180&height=68&name=Final-logo.png)](https://www.synghub.com/?hsLang=en) ✕ - [Home](https://www.synghub.com/?hsLang=en) - Products - - Mega Menu - [Mega Menu Demo](https://www.synghub.com/mega-menu-module) - [Mega Menu Help Guide](https://www.synghub.com/mega-menu-help-guide) - Filterable Portfolio Gallery - [Filterable Portfolio Gallery Demo](https://www.synghub.com/filterable-portfolio-gallery-module) - [Filterable Portfolio Gallery Help Guide](https://www.synghub.com/filterable-portfolio-gallery-help-guide) - Multi-Purpose Hero Banner - [Multi-Purpose Hero Banner Demo](https://www.synghub.com/multi-purpose-hero-banner) - [Multi-Purpose Hero Banner Help Guide](https://www.synghub.com/multi-purpose-hero-banner-help-guide) - Multi-Purpose Content Cards - [Multi-Purpose Content Cards Demo](https://www.synghub.com/multipurpose-content-cards) - [Multi-Purpose Content Cards Help Guide](https://www.synghub.com/multi-purpose-content-cards-help-guide) - Enterprise Global Footer - [Enterprise Global Footer Demo](https://www.synghub.com/enterprise-global-footer) - [Enterprise Global Footer Help Guide](https://www.synghub.com/enterprise-global-footer-help-guide) - Mega MenuNavigation made powerful - Filterable Portfolio GalleryShowcase your work - Multi-Purpose Hero BannerCaptivate at first sight - Multi-Purpose Content CardsFlexible card layouts - Enterprise Global FooterFlexible card layouts - PreheaderTop bar notifications & alerts - Pricing Plans ComparisonCompare tiers & features - Team CardsShowcase your crew - ![Mega Menu Demo](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp) Mega Menu Demo Live interactive preview of the Mega Menu component with all features and animations enabled. [Explore More](https://www.synghub.com/mega-menu-module?hsLang=en) - ![Mega Menu Help Guide](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp) Mega Menu Help Guide Step-by-step documentation to set up, customize, and integrate the Mega Menu into your project. [Explore More](https://www.synghub.com/mega-menu-help-guide?hsLang=en) - ![Portfolio Gallery Demo](https://syngrid.com/wp-content/uploads/2026/02/Filterable-Portfolio-Gallery-4.webp) Filterable Portfolio Gallery Interactive gallery demo with category filters, smooth transitions, and responsive grid layout. [Explore More](https://www.synghub.com/filterable-portfolio-gallery-module?hsLang=en) - ![Portfolio Gallery Help Guide](https://syngrid.com/wp-content/uploads/2026/02/Filterable-Portfolio-Gallery-4.webp) Filterable Portfolio Gallery Help Guide Complete guide on how to install, configure filters, add items, and style the portfolio gallery. [Explore More](https://www.synghub.com/filterable-portfolio-gallery-help-guide?hsLang=en) - ![Hero Banner Demo](https://syngrid.com/wp-content/uploads/2026/02/thumbbb-1.webp) Multi-Purpose Hero Banner Eye-catching hero section demo with dynamic text, CTA buttons, and full-width background options. [Explore More](https://www.synghub.com/multi-purpose-hero-banner?hsLang=en) - ![Hero Banner Help Guide](https://syngrid.com/wp-content/uploads/2026/02/thumbbb-1.webp) Multi-Purpose Hero Banner Help Guide Full documentation covering layout variants, animation settings, and content customization options. [Explore More](https://www.synghub.com/multi-purpose-hero-banner-help-guide?hsLang=en) - ![Content Cards Demo](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp) Multi-Purpose Content Cards Versatile card components for products, team members, blog posts, and more with multiple style variants. [Explore More](https://www.synghub.com/multipurpose-content-cards?hsLang=en) - ![Content Cards Guide](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp) Multi-Purpose Content Cards Help Guide Complete documentation for implementing and customizing content cards for your specific use case. [Explore More](https://www.synghub.com/multi-purpose-content-cards-help-guide?hsLang=en) - ![Enterprise Footer Demo](https://www.synghub.com/hubfs/480x360x1.png) Enterprise Global Footer The Enterprise Global Footer is a powerful and highly flexible HubSpot module designed to create fully dynamic. [Explore More](https://www.synghub.com/enterprise-global-footer?hsLang=en) - ![Footer Help Guide](https://www.synghub.com/hubfs/480x360x1.png) Enterprise Global Footer Help Guide The Enterprise Global Footer is a flexible and scalable HubSpot module designed layouts. [Explore More](https://www.synghub.com/enterprise-global-footer-help-guide?hsLang=en) - ![Preheader demo](https://www.synghub.com/hubfs/480x360x1-1.png) Smart Preheader Bar Customizable announcement bar, promo alerts, and global notifications with close button & CTA. [Explore More](https://www.synghub.com/preheader?hsLang=en) - ![Preheader guide](https://www.synghub.com/hubfs/480x360x1-1.png) Preheader Help Guide Step-by-step documentation: multiple styles, positioning, dismiss behavior, and analytics. [Explore More](https://www.synghub.com/preheader-help-guide?hsLang=en) - ![Preheader demo](https://www.synghub.com/hubfs/SyngHub-Pricing-Plans-Comparison-Table.webp) Pricing Comparison Table Fully responsive comparison matrix with feature highlights, annual billing toggle, and interactive rows. [Try Demo](https://www.synghub.com/pricing-plans-and-comparison-table?hsLang=en) - ![Pricing guide](https://www.synghub.com/hubfs/SyngHub-Pricing-Plans-Comparison-Table.webp) Pricing Help Guide Setup dynamic pricing tables, custom badges, tooltips, and integrate with subscription logic. [Documentation](https://www.synghub.com/pricing-plans-and-comparison-table-help-guide?hsLang=en) - ![Preheader demo](https://www.synghub.com/hubfs/480x-1.webp) Team Cards Grid Modern team member showcase with avatars, social links, hover effects, and responsive layout. [Meet the team](https://www.synghub.com/team-card?hsLang=en) - ![Team card guide](https://www.synghub.com/hubfs/480x-1.webp) Team Cards Help Guide Customize card styles, integrate dynamic data, add filters and team categories easily. [View guide](https://www.synghub.com/team-card-help-guide) - [Contact](https://www.synghub.com/contact?hsLang=en) **[Get Modules](https://ecosystem.hubspot.com/marketplace/modules?eco_providers=Syngrid%20Technologies)** SyngHub Documentation # The Pricing Plans & Comparison Table  The **Pricing Plans & Comparison Table Module** is designed to provide a flexible and conversion-focused pricing solution for HubSpot CMS. Its objective is to help businesses clearly present static pricing plans and feature comparisons with optional monthly/yearly toggling, while improving pricing clarity, user trust, and conversion rates. This module eliminates the need for multiple pricing layouts and ensures a structured, consistent pricing presentation across the website.  [Get Module](https://ecosystem.hubspot.com/marketplace/modules?eco_providers=Syngrid%20Technologies) SyngHub Documentation # SyngHub Team Card Help Guide The Team Card Module allows you to add and manage team members using structured cards with images, roles, and social links, while supporting layout selection, styling controls, and responsive display across all devices for a consistent team section. [Get Module](https://ecosystem.hubspot.com/marketplace/modules/team-card-module-by-syngrid-technologies) ![scr-1](https://www.synghub.com/hubfs/scr-1.png "scr-1") ### [Add Multiple Team Members](https://www.synghub.com/team-card-help-guide#add-multiple-team-members) → ### [Toggle Show Team in Grid & Slider](https://www.synghub.com/team-card-help-guide#show-team-in-grid-slider) → ### [Flexible Grid Columns](https://www.synghub.com/team-card-help-guide#flexible-grid-columns) → ### [Multiple Team Layout Styles](https://www.synghub.com/team-card-help-guide#multiple-team-layout-styles) → ### [Styling & Customization](https://www.synghub.com/team-card-help-guide#styling-and-customization) → ####  **Add Multiple Team Members** Easily add and manage multiple team members using repeatable card fields. This allows you to build and update your team section quickly without any complexity or design changes. ![help-10](https://www.synghub.com/hubfs/help-10.png "help-10") #### **Show Team in Grid & Slider** Display team members in grid or slider layouts based on your page needs. This flexibility helps you present content in both structured and interactive formats across different sections. ![help-07](https://www.synghub.com/hubfs/help-07.png "help-07") #### **Flexible Grid Columns**  Adjust the number of columns in grid layout to control how team members are displayed. This helps maintain proper spacing, alignment, and visual balance across all screen sizes. ![help-02](https://www.synghub.com/hubfs/help-02.png "help-02") #### **Multiple Team Layout Styles** Choose from different layout styles to present team members in unique formats. This helps match your design preference while keeping the team section visually engaging and consistent. ![help-05](https://www.synghub.com/hubfs/help-05.png "help-05") #### **Styling & Customization**   Customize colors, typography, spacing, and card styles to align with your brand identity. This ensures your team section looks professional and consistent across your website. ![help-04](https://www.synghub.com/hubfs/help-04.png "help-04") ![Icon (1)](https://www.synghub.com/hs-fs/hubfs/Icon%20(1).png?width=153&height=152&name=Icon%20(1).png) ### [Expert Assistance](https://wa.me/+6582067456) Get direct support from our experienced support team ![Icon (2)](https://www.synghub.com/hs-fs/hubfs/Icon%20(2).png?width=153&height=152&name=Icon%20(2).png) ### [Demo Link](https://www.synghub.com/team-card?hsLang=en)  Explore a live demo to experience the product in action.  ## **Get the SyngHub Team Card Module** Create a professional and engaging team section by displaying team members in structured, visually consistent cards, with flexible layout and styling options that align seamlessly with your website design and improve overall user experience. [Get Module](https://ecosystem.hubspot.com/marketplace/modules/team-card-module-by-syngrid-technologies) ![confident-young-man-portrait](https://www.synghub.com/hs-fs/hubfs/confident-young-man-portrait.png?width=749&height=609&name=confident-young-man-portrait.png "confident-young-man-portrait") ![box](https://www.synghub.com/hs-fs/hubfs/box.png?width=177&height=191&name=box.png) Let's Discuss Your Ideas! ![Object-4 1](https://www.synghub.com/hubfs/Object-4%201.png "Object-4 1") [![Final-PNG-Logo (1) 2](https://www.synghub.com/hs-fs/hubfs/Final-PNG-Logo%20(1)%202.png?width=210&height=84&name=Final-PNG-Logo%20(1)%202.png)](https://www.synghub.com/?hsLang=en) SyngHub is a HubSpot-focused product line by Syngrid Technologies, built to simplify and accelerate website development on HubSpot CMS. #### QUICK LINKS - [Home](https://www.synghub.com/?hsLang=en) - [About](https://www.synghub.com/?hsLang=en) - [Services](https://www.synghub.com/?hsLang=en) - [Products](https://www.synghub.com/?hsLang=en) - [Contact Us](https://www.synghub.com/?hsLang=en) #### CONTACT US Singapore ![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode.png?width=32&height=32&name=Isolation_Mode.png) +65 8206 7456 ![Telephone](https://www.synghub.com/hubfs/Telephone.svg) +65 6508 5166 ![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Icon%20(3).png?width=32&height=32&name=Icon%20(3).png) sales@syngrid.com ![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode%20(2).png?width=32&height=32&name=Isolation_Mode%20(2).png) Punggol Digital District, Tower 82 Punggol Way, #07-25 Singapore – 829910 India ![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode.png?width=32&height=32&name=Isolation_Mode.png) +91 89250 31568 ![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Icon%20(3).png?width=32&height=32&name=Icon%20(3).png) sales@syngrid.com ![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode%20(2).png?width=32&height=32&name=Isolation_Mode%20(2).png) TBI@TCE, Thiruparankundaram, Madurai – 625 015 Copyright © 2026.  SyngHub (Powered by Syngrid Technologies)