--- title: "How to Add a Team Member Widget in Elementor (Bio Cards, Social Links, Photos)" url: https://theplusaddons.com/blog/team-member-widget-in-elementor/ date: 2026-09-07 modified: 2026-09-07 lang: en author: "Aditya Sharma" description: "An \"About Us\" or \"Our Team\" page is one of the first pages most small business sites build, and it is also one of the pages Elementor's free version leaves..." image: https://theplusaddons.com/wp-content/uploads/2026/09/team-member-widget-elementor-featured-1024x538.jpg word_count: 687 --- # How to Add a Team Member Widget in Elementor (Bio Cards, Social Links, Photos) ## - The Plus Addons for Elementor ships a dedicated Team Member widget in its free tier, and it handles photo, name, job title, and social links in one layout. - Team Member widget supports Grid, Masonry, and Carousel Slider layouts, plus a filtered view for organizing team members by department. - Each team member card includes social link fields for platforms such as LinkedIn, X, and Instagram, and the widget renders the matching icon automatically. - Team Member widget offers Title Tag and display controls for H2, H3, or plain styled text, plus pagination, infinite scroll, or a Load More button for large rosters. An "About Us" or "Our Team" page is one of the first pages most small business sites build, and it is also one of the pages Elementor's free version leaves you to assemble out of plain image and text widgets, one photo and one heading at a time, the kind of gap covered generally in the [2026 WordPress + Elementor stack](https://theplusaddons.com/blog/wordpress-elementor-stack-2026/). The Plus Addons for Elementor ships a dedicated Team Member widget in its free tier that handles the whole layout, from photo and name to social links, in one place. Here is what the widget includes and how to build a real team section with it. Table Of Contents ## What's Included in the Team Member Widget Per [the widget's own feature page](https://theplusaddons.com/widgets/team-member/), the Team Member widget supports three layouts: Grid, Masonry, and Carousel Slider, plus a filtered view for organizing team members by department. Each card can show a team member's image, name, and job title, and you can add social links (LinkedIn, X, Instagram, and similar) per person. Content can come from the widget's own repeater field for a quick static team page, or from a WordPress post type if you are managing a larger team as structured content instead of typing every card by hand. This widget is listed as "FREE Team Members Listing for Elementor" on the plugin's own WordPress.org listing, so it does not require a Premium license, the same free-tier placement as the [Pricing Table widget covered separately](https://theplusaddons.com/blog/pricing-table-in-elementor/), and unlike the Premium-only [WooCommerce Store Builder widgets](https://theplusaddons.com/blog/woocommerce-store-builder-the-plus-addons-for-elementor/). ![The Plus Addons for Elementor Team Member widget demo page showing Grid Masonry and Carousel layouts](https://theplusaddons.com/wp-content/uploads/2026/09/msmuyCIe78P1tyG4Iidts_r2GMMqmO6JrPmKRjzCF5UYUjt5wlt9WdGZTlAOZ9a3RGwsBAJDCKT72mM7yLlSGQ-scaled.png)The Team Member widget's own demo page: Grid, Masonry, and Carousel layouts. ## Step-by-Step: Adding Team Member Bio Cards - Search for "Team Member" in the Elementor widget panel and drag it onto the canvas. - Choose your content source: use the widget's repeater to add each team member manually (photo, name, job title, short bio), or connect it to a custom post type if your team roster already lives in WordPress as its own content type. - Pick a layout: **Grid** for an even rows-and-columns arrangement, **Masonry** for a staggered layout when photos vary in aspect ratio, or **Carousel Slider** if you want the team section to scroll horizontally instead of taking up full page height. - Set the responsive column count from the widget's Layout tab; a common pattern is 3 columns on desktop, 2 on tablet, and 1 on mobile. - If you have more than one department or team, turn on the filtered view so visitors can narrow the list (for example, "Engineering," "Design," "Support") instead of scrolling through everyone at once. ## Adding Social Links and Photos Each team member card has its own social link fields; add a URL for each platform you want to show (LinkedIn is the most common for a business team page) and the widget renders the matching icon automatically. For photos, a square or consistent-aspect-ratio image set across every card keeps the Grid and Masonry layouts looking even; mismatched photo dimensions are the most common reason a team grid looks uneven once real photos replace placeholder images, the same layout discipline covered in the plugin's broader [Masonry Grid comparison](https://theplusaddons.com/blog/masonry-grid-css-vs-elementor/). ## Styling for Team and About Pages Title Tag and display controls let you set whether each member's name renders as an H2, H3, or plain styled text, which matters for keeping one true H1 per page (per the widget's own Style controls) rather than accidentally stacking multiple H2-level headings inside a team grid. Multiple loading methods, pagination, infinite scroll, or a Load More button, are available from the same settings used across the plugin's other listing widgets, including the [product listing widget in the Store Builder](https://theplusaddons.com/blog/woocommerce-store-builder-the-plus-addons-for-elementor/), so a large team roster does not have to load every bio card at once. If you also need a way for site visitors to search or filter a large team by name rather than only by department, the plugin's [search bar widget](https://theplusaddons.com/blog/search-bar-in-elementor/) can sit above the same listing.   [See the Team Member Widget Demo](https://theplusaddons.com/widgets/team-member/) ## Suggested Reading - [How to Add a Pricing Table in Elementor](https://theplusaddons.com/blog/pricing-table-in-elementor/) - [Essential Addons vs The Plus Addons for Elementor (2026)](https://theplusaddons.com/blog/essential-addons-vs-the-plus-addons-for-elementor/) - [Elementor WooCommerce Product Page: Store Builder Guide](https://theplusaddons.com/blog/woocommerce-store-builder-the-plus-addons-for-elementor/) - [Masonry Grid: CSS vs Elementor](https://theplusaddons.com/blog/masonry-grid-css-vs-elementor/)