How to Create a Team Members Section in Elementor (Step-by-Step)

Creating a team members section in Elementor

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 MA Team Members Carousel (for sliding team sections). Both are free, and both come with 11 unique design variations you can apply 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:

ElementPriorityWhy It Matters
PhotoEssentialPeople process faces faster than text. Use consistent, professional headshots.
NameEssentialShould appear directly beside or below the photo so the connection is instant.
Designation / Job TitleEssentialTells visitors what role this person plays in the team.
Short DescriptionRecommendedA 1-2 sentence bio. Keep it human and personality-driven.
Social Media LinksRecommendedLets visitors connect on LinkedIn, Twitter, or other channels.
Email or PhoneOptionalOnly 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.

Elementor Team Members section created with Master Addons
A polished team members section built with Master Addons for Elementor.
Team Member for Elementor
Team Member cards displaying names, designations, photos, and social media links.

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.

4 columns in inner section in Elementor editor
Creating a 4-column inner section layout for individual team member cards.

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.

Team Member and Carousel Element widgets in Elementor panel
The MA Team Member and MA Team Members Carousel widgets in the Elementor elements panel.
Inserting Team Member widget in Inner Column in Elementor
Dragging the MA Team Member widget into an inner column to build the team grid.

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 set the image size and choose a custom aspect ratio.
  • Name — The team member’s full name. This renders as a heading tag, so pick an appropriate HTML tag (H3 or H4 is typical for team cards).
  • 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:

  • Facebook
  • Twitter / X
  • LinkedIn
  • Instagram
  • GitHub
  • Custom URLs with custom icons

Social links appear as small icons beneath the team member’s info. They open in a new tab by default, so visitors won’t leave your page.

Content Drawer for Team Carousel showing team member fields
The Content tab where you add team member details: name, designation, description, and social links.

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 unique design variations and 5 style presets to choose from.

Design Variations

Click on the Style Tab, then open the General Styles panel. You’ll find a dropdown labeled “Design Variation.” Pick any of the 11 options, 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.

5 Style Presets

Within the General Styles panel, you’ll also find 5 Style Presets. These are pre-configured color and layout combinations that give you a polished look with a single click.

Team Member Style options showing design variations and presets
The Style tab with design variations, background color, content alignment, and typography controls.

Manual Style Controls

For full creative control, the Style tab also lets you customize:

  • Background Color — Set a solid color, gradient, or transparent background for each card
  • 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 — Customize icon colors for both 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, check the MA Team Members documentation.

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.

Team Members Carousel Contents showing repeater field with team member items
The carousel repeater field where you add unlimited team members, each with their own photo, name, and details.

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 SizeRecommended ColumnsItems to Scroll
Desktop (1200px+)3-4 columns1-2
Tablet (768px-1199px)2-3 columns1
Mobile (below 768px)1 column1

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 5 style presets and full 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
Team Members Carousel Settings showing columns, items to scroll, navigation and autoplay options
Carousel settings panel: columns, items to scroll, navigation style, and autoplay controls.
Team Members Carousel Style and Preset options with 5 style presets
Choose from 5 style presets and customize item padding, typography, and colors for the carousel.

For the full settings reference, see 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:

  1. Use real photos, not stock images. Visitors can tell the difference. Authentic headshots build more trust than polished stock photos ever will.
  2. 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.
  3. Match image dimensions exactly. Upload all headshots at the same resolution (e.g., 400x400px). Mismatched sizes break the grid alignment.
  4. Only include active social profiles. A dead LinkedIn link is worse than no link at all. Stick to platforms your team actually uses.
  5. Test on mobile. Carousel sections especially need mobile testing. Make sure cards are readable and navigation dots are easy to tap.
  6. 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?

FeatureMA Team Member (Grid)MA Team Members Carousel
Best forSmall teams (2-6 members)Larger teams (6+ members)
LayoutStatic columns (you control the grid)Sliding carousel with auto/manual navigation
SetupOne widget per team member in inner sectionsSingle widget with repeater field
Design Variations11 variations5 style presets
NavigationNone needed (all visible)Arrows, dots, autoplay
Page spaceTakes more vertical spaceCompact, saves space
Individual card controlFull (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 76+ 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. Some advanced design variations may require the Pro version.

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.

Picture of Roy
Roy
I'm Roy, part of the Master Addons for Elementor team. I write the tutorials, record the videos, and keep the documentation current, so you always know how to use every feature. I also handle support, so if you hit a snag, I'm the person who helps you fix it. Real answers, from someone who uses these tools every day.
Master Addons mid-year reset promotion banner offering 40% off

Still On The Fence? We Get It.

Every Master Addons Pro license comes with a 14-day no-questions refund, lifetime updates, and priority support. Try it risk-free this Spring – 40% OFF with “RESET40″ coupon.

No thanks, I'll pay full price later