--- title: Team Member Widget Settings description: "Most about pages, agency sites, and service businesses need a spot that puts a face to the people behind the work. The [Team Member widget](https://master-addons.com/element/team-member/) in [Master Addons for Elementor](https://master-addons.com/widgets-and-extensions/) builds that section without custom code. Each card holds a…" url: "https://master-addons.com/docs/addons/adding-team-members-in-elementor-page-builder/" updated: "2026-09-16" category: Addons --- # Team Member Widget Settings Most about pages, agency sites, and service businesses need a spot that puts a face to the people behind the work. The [Team Member widget](https://master-addons.com/element/team-member/) in [Master Addons for Elementor](https://master-addons.com/widgets-and-extensions/) builds that section without custom code. Each card holds a photo, a name, a role, a short bio, and a row of social links, and you drop in as many members as you need. Each Team Member is its own widget. So you set up one card, style it, then duplicate it across columns to build the full grid. There is no cap on how many members you show. This guide walks through every setting, from the design variations (6 free, 5 more with Pro) down to the Style tab. ![Finished Elementor team member section built with the Master Addons Team Member widget showing three member cards with photos, roles, and social icons](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042802/09-frontend-result.webp) ## What the Team Member widget does The widget renders one team member as a card: photo on top, then the name, designation, and a short description, with a row of social icons below. A **Design Variations** dropdown changes the whole card layout in one click, from a plain block to circular photos and hover effects. Six variations are free and five need Master Addons Pro. It has three tabs. **Content** holds the photo, text, alignment, and social links. **Style** controls colors, typography, spacing, borders, and shadows for each part of the card. **Advanced** carries the usual Elementor options like margin, padding, and responsive visibility. ## Before you start - **WordPress** with **Elementor** installed and active. - **Master Addons for Elementor** installed and active. New to the plugin? See the [installation guide](https://master-addons.com/docs/getting-started/installing-plugin/). - Photos of your team members, plus their names, roles, and social profile URLs. ## How to add the Team Member widget In the Elementor editor, open the **Elements** panel and search for **Team Member**, or scroll to the Master Addons section (the widgets carry a purple MA badge). Drag it onto your page. It loads with a placeholder card, so you edit from a working example instead of a blank one. ![Team Member widget in the Elementor Elements panel being dragged onto the page](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042716/01-team-member-widget.webp) ## Set up the card content With the widget selected, open the **Content** tab. The **Content** section holds everything on the card: ![Team Member Content tab with Design Variations, Image, Image Resolution, Name, Designation, Description, and Content Alignment settings](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042722/02-content-settings.webp) - **Design Variations:** the card layout preset (covered in the next section). - **Image:** the member's photo, pulled from the Media Library. - **Image Resolution:** which registered image size to load, Full by default. - **Name, Designation, Description:** the member's name, role, and a short bio. Each field has a **Write with AI** option if you want a quick draft. - **Content Alignment:** align the text left, center, or right. ## Choose the photo Click the image box and the WordPress **Media Library** opens. Pick an existing photo or upload a new one, then hit Select. One thing worth doing up front: use same-size photos. Matching dimensions keep every card even once you build the grid, and mismatched ones tend to shift the text down on a card or two. ![WordPress Media Library open with team member photos ready to insert into the Team Member widget](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042728/03-choose-image.webp) ## Pick a design variation The **Design Variations** dropdown is where the Team Member widget earns its keep. One click swaps the entire card layout without touching your content. The list includes (Pro variations are marked): ![Team Member Design Variations dropdown open showing Basic One through Basic Five, Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover, Rounded, and Content on Hover presets](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042740/05-design-variations.webp) - **Basic One to Basic Five (free):** clean block layouts with the photo on top and the details below. - **Circle Gradient and Circle No Gradient (Pro):** a round photo, with a colored shape behind it or on a transparent background. - **Social Left on Hover and Social Right on Hover (Pro):** hide the social icons until someone hovers the card, then slide them in. - **Rounded (free):** an arched card with a circular photo and rounded social buttons. - **Content on Hover (Pro):** keep the photo clean and reveal the details on hover. Here is the **Rounded** variation applied, with the arched frame, circular photo, and pill-shaped social icons: ![Team Member widget using the Rounded design variation with an arched card, circular photo, and round social icons](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042745/06-rounded-variation.webp) ## Add social profile links Open the **Social Profiles** section and turn on **Display Social Profiles?**. Each link is one item in the list, so use **Add Item** to add a profile, pick its icon, and paste the URL. The copy icon duplicates an item and the X removes it. ![Team Member Social Profiles section with the Display Social Profiles toggle on and a list of social icon items with an Add Item button](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042751/07-social-profiles.webp) Add only the profiles a member actually uses and delete the rest. An item with no URL still shows its icon. The row sits at the bottom of the card by default and follows whichever design variation you picked. ## Add multiple team members Each Team Member widget is one card, so you build a full team by duplicating it. Set up the first card the way you want, then right-click it and choose **Duplicate** (or press Ctrl/Cmd + D). Drop the copies into their own columns and swap in each person's photo and details. ![Right-click menu on a Team Member widget showing the Duplicate option used to add more team members](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042734/04-add-members.webp) Since you are duplicating a widget, there is no limit. Add three members, a dozen, or a whole department. A three-column Elementor section gives you a clean row of cards, and you add more rows as the team grows. Every copy keeps the design variation and styling of the original, so the grid stays consistent without extra work. ## Style the card The **Style** tab breaks the card into parts you can style on their own: **General Styles**, **Thumb**, **Content**, **Name**, **Designation**, **Description**, **Social**, and **Patterns** (from the free Patterns extension). ![Team Member Style tab with sections for General Styles, Thumb, Content, Name, Designation, Description, Social, and Patterns](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01042756/08-style-tab.webp) - **General Styles:** the card background color, Item Border Radius, and box shadow. - **Thumb:** the photo's border, radius, padding, and margin. - **Content:** background (color or gradient), border, radius, padding, and margin for the text area. - **Name, Designation, Description:** color, typography, padding, and margin for each text element. - **Social:** the size, color, and spacing of the social icons. ## Common use cases - **About pages** introducing the whole team with photos and roles. - **Agency and studio sites** showing creatives with their social links. - **Service businesses** putting a face to the people doing the work. - **Speaker or instructor lineups** for events, webinars, and courses. - **Leadership or founder sections** highlighting the people in charge. ## Tips for working with the Team Member widget - **Style one card first, then duplicate.** Copies inherit the design and styling, so you only set it up once. - **Use same-size photos.** Matching dimensions keep the cards even across the row. - **Keep bios short.** A line or two reads best under a photo. - **Match the variation to the page.** Circle and Rounded suit friendly brands; the Basic layouts fit corporate sites. - **Delete social items you do not use.** An empty item still shows its icon. ## Frequently Asked Questions What is the Team Member widget in Master Addons? It is an Elementor widget that shows a single team member as a card with a photo, name, role, short bio, and social links. It includes 6 free design variations (11 with Master Addons Pro) and a full Style tab, so you build and style a team section straight from the Elementor panel with no custom code. How many team members can I add? There is no limit. Each Team Member widget is one card, so you add more members by duplicating the widget and dropping copies into their own columns. Build a three-card row or a large multi-row grid; the layout stays consistent because copies inherit the original's design. What design variations does the Team Member widget include? Eleven presets. Free: Basic One through Basic Five and Rounded. Pro: Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover, and Content on Hover. Each one changes the card layout, like circular photos or social icons that appear on hover, without changing your content. Can I add social media links to each team member? Yes. Turn on Display Social Profiles in the Social Profiles section, then use Add Item to add each profile with its icon and URL. Add only the links a member uses, since an item with no URL still shows its icon. What is the difference between the Team Member and Team Slider widgets? The Team Member widget shows members as a static grid of cards, one widget per person. The Team Slider widget puts members in a sliding carousel with a repeater, arrows, and autoplay. Use Team Member for a fixed grid and Team Slider when space is tight. ## Wrapping up The Team Member widget turns a list of people into a polished team section: add a photo, name, role, bio, and social links, pick one of the design variations (6 free, 11 with Pro), then style the card and duplicate it across your columns. See the [Team Member widget page](https://master-addons.com/element/team-member/) for demos of every variation. For a sliding version, see the [Team Slider widget](https://master-addons.com/element/team-slider/), pair it with the [Info Box widget](https://master-addons.com/element/infobox/) for services, browse the full [Master Addons widgets and extensions](https://master-addons.com/widgets-and-extensions/), and check the [pricing page](https://master-addons.com/pricing/) for what each plan includes.