Your website visitors want to know who’s behind the brand. A well-designed elementor team member section puts faces to your business, builds trust, and makes your site feel personal rather than corporate. The problem? Elementor doesn’t ship with a dedicated team member widget out of the box.
That’s where Master Addons for Elementor comes in. It gives you two purpose-built widgets for this: the MA Team Member widget (for grid layouts) and the Team Slider, also called MA Team Members Carousel (for sliding team sections). Both widgets are free. Team Member has 11 design variations (6 free, 5 Pro) and Team Slider has 6 style presets (3 free, 3 Pro), and you can switch between them with one click.
In this guide, you’ll learn exactly how to create a team members section in Elementor using both methods, customize the styling, and get the most out of every design option available.
Why Every Website Needs a Team Member Section
People buy from people. A study by Edelman’s Trust Barometer found that consumers are far more likely to trust a company when they can see real people behind it. Your “About” or “Team” page is often one of the most visited pages on your entire site.
Here’s what a good team members section in Elementor does for your website:
- Builds credibility — Visitors can see who they’re working with before reaching out
- Creates personal connections — Photos and short bios make your brand relatable
- Increases conversions — Trust signals like team photos reduce hesitation when buying
- Improves employer branding — Showcasing your team attracts better job applicants
- Reduces bounce rates — Engaging visual sections keep visitors on the page longer
Whether you’re running a small agency, a SaaS company, or a local business, adding a team section to your WordPress site takes 10 minutes and makes a measurable impact.
What to Include in Your Team Member Section
Before you drag any widget onto the page, plan out what information each team card should show. Here’s a quick breakdown of what to include and what to skip:
| Element | Priority | Why It Matters |
|---|---|---|
| Photo | Essential | People process faces faster than text. Use consistent, professional headshots. |
| Name | Essential | Should appear directly beside or below the photo so the connection is instant. |
| Designation / Job Title | Essential | Tells visitors what role this person plays in the team. |
| Short Description | Recommended | A 1-2 sentence bio. Keep it human and personality-driven. |
| Social Media Links | Recommended | Lets visitors connect on LinkedIn, Twitter, or other channels. |
| Email or Phone | Optional | Only add if you want direct contact (common for sales-heavy teams). |
Pro Tip: Keep headshots consistent across the team. Same background color, similar cropping, and matching image dimensions (300x300px or 400x400px works well) make the whole section look polished.
What You’ll Need Before Starting
To follow this tutorial, make sure you have:
- WordPress installed and running (any recent version)
- Elementor (free or Pro) — this works with both
- Master Addons for Elementor (free version) — download from WordPress.org
- Team member photos ready to upload (headshots, square ratio recommended)
Once Master Addons is installed and activated, you’ll find the MA Team Member and MA Team Members Carousel widgets inside the Elementor editor under the “MASTER ADDONS” tab.
How to Create an Elementor Team Member Grid Section
The grid layout is perfect when you want to display your team in a clean, structured format with multiple columns. Here’s how to set it up step by step:
Step 1: Insert a New Section
Open any page in the Elementor editor. Click the “+” icon to add a new section. Choose your preferred column structure. For a team section, a 3-column or 4-column layout works best.
Step 2: Add an Inner Section
If you need more control over spacing and layout, drag an Inner Section widget inside your main section. This gives you nested columns where each team member card sits independently.
Create as many columns as you need for your team size. Three columns per row is the most common choice for desktop displays.
Step 3: Drag the MA Team Member Widget
In the Elementor panel on the left, scroll down to the MASTER ADDONS tab (or just search for “MA Team Member” in the search bar). Drag the MA Team Member widget into one of your columns.
You’ll immediately see a default team member card appear with a placeholder image, name, designation, and social icons.
Step 4: Repeat for Each Team Member
Duplicate the widget or drag a new MA Team Member widget into each remaining column. Each widget represents one team member, so you have full control over individual cards.
Pro Tip: Right-click the widget and select “Duplicate” to copy it with all your styling intact. Then just swap the photo and text for each new team member.
Customizing Elementor Team Member Widget Content
Click on any MA Team Member widget to open its settings. The Content Tab is where you add all the personal details for each team member.
Team Member Details
The Content tab in the elementor team member widget gives you fields for:
- Image — Upload a headshot or team photo. You can also choose the image size.
- Name — The team member’s full name. It is a plain text field, and the widget has no HTML tag setting for it.
- Designation — Job title, role, or position (e.g., “Lead Designer” or “Co-Founder & CEO”).
- Description — A short bio or tagline. Keep it to 1-2 sentences for the cleanest look.
Social Media Profiles
Below the main details, you’ll find the social media section. Add links to each team member’s profiles. The widget supports all major platforms, including:
- Twitter / X
- GitHub
- Custom URLs with custom icons
Social links appear as small icons beneath the team member’s info. To open a profile in a new tab, tick “Open in new window” in that item’s link options.
Style Tab: Design Variations and Presets
This is where the MA Team Member widget really stands out from basic Elementor workarounds. Instead of building team card designs from scratch, you get 11 design variations (6 free, 5 Pro) to choose from.
Design Variations
In the Content tab, open the Design Variations dropdown at the top. Pick any of the 11 options (Basic One to Five and Rounded are free), and the widget instantly restructures the card layout. Some variations stack the image above the text. Others use side-by-side layouts. Some add overlay effects on hover.
The best part: switching between variations doesn’t erase your content. Your name, photo, bio, and social links all stay intact. You can try every variation and settle on the one that matches your site’s design.
Manual Style Controls
For full creative control, the Style tab also lets you customize:
- Background Color: a card background color in General Styles, plus a color or gradient background for the text area in Content
- Content Alignment — Left, center, or right align all the text and icons
- Typography — Full control over font family, size, weight, line height, and letter spacing for the name, designation, and description separately
- Text Colors — Different colors for name, designation, and description text
- Social Icon Colors: icon size, icon color and background for normal and hover states
- Spacing & Padding — Fine-tune the space between elements inside the card
- Border & Border Radius — Add borders or round the corners of the card
- Box Shadow — Add subtle shadow effects for depth
For a complete walkthrough of every style option, see the Team Member widget page, which has demos of every variation.
How to Create a Team Member Carousel in Elementor
Have a larger team? The MA Team Members Carousel widget lets you add unlimited team members in a single, sliding section. It’s a better fit when you have 6+ team members and don’t want to fill an entire page with a grid.
Here’s how the team member carousel in Elementor works:
Step 1: Drag the MA Team Members Carousel Widget
Unlike the grid method, you do not need an inner section or multiple columns. Just add a new section with a single column, then search for “MA Team Members Carousel” and drag it in.
Step 2: Add Your Team Members
Inside the widget, you’ll see a repeater field. Each item in the repeater represents one team member. Click “Add Item” to create new cards. For each card, fill in:
- Photo
- Name
- Designation
- Description
- Social media links
You can add as many team members as you want. There’s no limit. The carousel handles 5 members or 50 members with equal ease.
Step 3: Set the Title Tag
Define the HTML heading tag for your team member names (H2, H3, H4, etc.). For most pages, H3 or H4 is the right choice since the section heading above is usually an H2.
Carousel Settings: Navigation, Columns, and Autoplay
The carousel widget comes with a dedicated settings panel for controlling how the slider behaves. Here’s what you can configure:
Columns and Items to Scroll
Set how many team members appear on screen at once. You can show 2, 3, 4, or more columns depending on your layout width. The “Items to Scroll” setting controls how many cards move when a visitor clicks the navigation arrow.
| Screen Size | Recommended Columns | Items to Scroll |
|---|---|---|
| Desktop (1200px+) | 3-4 columns | 1-2 |
| Tablet (768px-1199px) | 2-3 columns | 1 |
| Mobile (below 768px) | 1 column | 1 |
Navigation Style
You get two navigation types:
- Arrows — Left and right arrow buttons on the sides of the carousel. Best for desktop where hover interactions are common.
- Dots — Small dot indicators below the carousel that show total slides and current position. Works well on both desktop and mobile.
You can enable one, both, or neither. If you turn on autoplay, some users might not even need manual navigation.
Autoplay
Toggle autoplay on and set a duration in milliseconds. A value of 3000-5000ms (3-5 seconds) gives visitors enough time to read each card before the slider moves. You can also enable pause-on-hover so the slider stops when someone hovers over a card.
Carousel Style Options
Just like the grid widget, the carousel comes with 6 style presets (3 free, 3 Pro) and manual control over:
- Item Padding (space between each team card)
- Typography for name, designation, and description
- Colors for every text element
- Background and border settings per card
- Navigation arrow/dot styling and colors
For the full settings reference, see the Team Slider widget page and the Team Members Carousel documentation.
Tips for a Better Team Section
After building hundreds of team sections, here are the small details that separate a good team page from a great one:
- Use real photos, not stock images. Visitors can tell the difference. Authentic headshots build more trust than polished stock photos ever will.
- Keep descriptions short and consistent. If one person has a 3-sentence bio and another has a full paragraph, it creates visual imbalance. Aim for the same length across all cards.
- Match image dimensions exactly. Upload all headshots at the same resolution (e.g., 400x400px). Mismatched sizes break the grid alignment.
- Only include active social profiles. A dead LinkedIn link is worse than no link at all. Stick to platforms your team actually uses.
- Test on mobile. Carousel sections especially need mobile testing. Make sure cards are readable and navigation dots are easy to tap.
- Use the carousel for 6+ members. If you have 3-4 team members, a grid looks cleaner. Save the carousel for larger teams where scrolling becomes necessary.
MA Team Member vs MA Team Members Carousel: Which Should You Use?
| Feature | MA Team Member (Grid) | MA Team Members Carousel |
|---|---|---|
| Best for | Small teams (2-6 members) | Larger teams (6+ members) |
| Layout | Static columns (you control the grid) | Sliding carousel with auto/manual navigation |
| Setup | One widget per team member in inner sections | Single widget with repeater field |
| Design Variations | 11 variations (5 are Pro) | 6 style presets (3 are Pro) |
| Navigation | None needed (all visible) | Arrows, dots, autoplay |
| Page space | Takes more vertical space | Compact, saves space |
| Individual card control | Full (each widget is independent) | Unified styling across all cards |
For most small business websites, the grid approach with 3-4 team members is the sweet spot. If your team grows beyond 6 people, switch to the carousel to keep the page clean.
Want to explore the full list of widgets available? Check out the complete Master Addons widget library with 80+ widgets and extensions.
Frequently Asked Questions
Does Elementor have a built-in team member widget?
No. Elementor (free or Pro) does not include a dedicated team member widget. You need a third-party addon like Master Addons to get a purpose-built elementor team member widget with design presets, social links, and carousel options.
Is the MA Team Member widget free?
Yes. Both the MA Team Member and MA Team Members Carousel widgets are available in the free version of Master Addons for Elementor. You can download it from WordPress.org at no cost. Five Team Member variations and three Team Slider presets need Master Addons Pro.
How many team members can I add to the carousel?
There’s no limit. The MA Team Members Carousel uses a repeater field, so you can add as many team members as your page needs. The widget handles 5 or 50 cards without performance issues. Just set the visible columns and let the slider handle the rest.
Can I use different designs for different team members?
With the grid layout (MA Team Member widget), yes. Since each team member is a separate widget, you can apply a different design variation to each card. In the carousel, all cards share the same design preset for visual consistency.
What image size should I use for team member photos?
Square images between 300x300px and 500x500px work best. Keep all photos the same dimensions for consistent alignment. JPEG or WebP format at 80% quality gives you good visual quality without large file sizes that slow down your page.
Related Reading
Wrapping Up
Creating a team members section in Elementor doesn’t require custom code or expensive page builder add-ons. With Master Addons’ two team widgets, you can go from a blank section to a fully styled team page in under 10 minutes.
For small teams, use the MA Team Member widget in a grid layout. For larger teams, switch to the MA Team Members Carousel for a space-saving slider. Both options give you design presets, social media integration, and full typography and color controls.
Get started with Master Addons and build a team section your visitors will actually trust.
