HubSpot Marketplace Module

Team Grid Pro for HubSpot CMS

HubSpot Team Member Module with Photos & Social Links

A professional HubSpot team member module that displays staff photos, names, roles, and social media links in a responsive grid. This team page module for HubSpot includes hover effects, configurable aspect ratios, and 30+ style controls — built for about pages, leadership sections, and agency teams.

Get the Module arrow_outward Works with any HubSpot CMS theme
Team Grid Pro HubSpot module showing responsive team member grid with photos, names, roles, and social links

Everything you need in a team section module

grid_view

Responsive Column Grid

Display team members in 2, 3, or 4 columns with configurable gap spacing. Cards stack automatically on tablet and mobile. Portrait or square aspect ratios keep headshots consistent across all column counts.

share

Social Media Links

LinkedIn, Twitter/X, and Email icons per team member. Configure icons to show always or reveal on hover with smooth transitions. Customizable icon size, color, and hover color.

zoom_in

Hover Zoom Effect

Optional image zoom on hover adds an interactive feel to member cards. Smooth CSS transition that works on desktop without affecting mobile performance.

aspect_ratio

Photo Aspect Ratios

Portrait or square aspect ratio presets for team photos. Max height control keeps cards proportional. Border radius customization from sharp to fully rounded.

dashboard_customize

Card Styling

Full control over card background, border, padding, border radius, and box shadow. Build anything from minimal flat cards to elevated cards with shadows and borders.

group

Up to 12 Team Members

Each member gets a photo with alt text, name, role or job title, and optional social links. Enough for leadership teams, departments, or full agency rosters.

devices

Mobile-First Responsive

Custom breakpoints for tablet and mobile ensure the grid collapses cleanly. Cards stack to single column on small screens with consistent spacing and proportions.

tune

30+ Style Controls

Container width, card styling, image treatment, text colors, social icon appearance, hover effects, spacing, and responsive breakpoints — all configurable from the HubSpot Style tab.

What you can build

Four ways teams use Team Grid Pro to showcase their people on HubSpot.

Company about page

3 or 4 column grid with headshots, names, roles, and social links. Hover zoom effect adds interactivity. Portrait or square aspect ratios to match your photography style. Modal bios for detailed team member profiles.

Law firm attorney directory

Professional headshots with bar admission details and practice areas in the modal bio. Social links for LinkedIn and email. Consistent card styling builds trust and credibility with prospective clients.

Medical practice staff page

Team photos with credentials and specializations. Square aspect ratio for clinical photography. Bio modals with education, certifications, and areas of expertise. Keyboard accessible for compliance requirements.

Agency or studio team showcase

Hover zoom with creative styling. 2 column layout for larger photos and longer bios. Social links to portfolio sites, Dribbble, and Behance. Configurable card backgrounds for brand alignment.

Works with any HubSpot theme

Team Grid Pro is a standalone module. Install it in any HubSpot CMS portal and use it on about pages, team pages, landing pages, or anywhere you showcase people. No theme dependency, no conflicts. Social hover colors inherit from your theme settings.

Questions

What HubSpot tier do I need?

add
Team Grid Pro works with all HubSpot plans that support custom modules — CMS Hub Professional or higher, or Marketing Hub Professional with CMS.

What social platforms are supported?

add
LinkedIn, Twitter/X, and Email per team member. Each link is optional — add only the ones relevant to each person. Icons show on hover or always visible, depending on your preference.

Can I use different column counts on different pages?

add
Yes. Each module instance has its own settings. Use a 4-column grid on your main team page and a 2-column layout for a leadership spotlight — each configured independently.

Do you offer support?

add
Yes. Documentation included, plus email support for setup and customization questions.

Showcase your team on HubSpot

Team Grid Pro is available on the HubSpot Marketplace. A professional team member grid for any HubSpot theme.

Get the Module arrow_outward