A team page in Elementor can be built three ways depending on how many team members you have and whether the content changes frequently. For a small static team (under 10 people), build it directly with Elementor widgets. For a large or frequently updated team, use a Custom Post Type with a Loop Builder. For the fastest result, use one of Elementor’s pre-built team page templates.
Approach 1: Widget-Based Team Grid (Small Teams)
This approach works best for 3-10 team members that rarely change. No custom post types or plugins needed – everything is built directly in the Elementor editor.
Create a new page and open it in Elementor. Add a section with three columns (for a 3-per-row grid). In each column, add these widgets in order:
- Image widget – the team member’s photo. Set the image to square crop (1:1 aspect ratio) and add border-radius to make it circular if preferred
- Heading widget – the person’s name. Use H3 tag.
- Text Editor widget – their job title, styled in a lighter color
- Icon List widget – social media links (LinkedIn, Twitter). Add one icon per list item with the relevant URL
After building one column, right-click it and “Copy”. Then right-click each other column and “Paste Style” to apply the same widget structure. Update the content (photo, name, title, links) for each person.
Need help with your WordPress site? Describe your project and get a free estimate.
Approach 2: Loop Builder (Large or Dynamic Teams)
Elementor Pro’s Loop Builder creates a repeatable card template that displays content from a Custom Post Type. This approach works best for teams of 10+ people or when HR frequently updates team member information.
First, create a “Team Member” Custom Post Type using a plugin like CPT UI. Add custom fields for job title and social links using ACF or Metabox. Create a post for each team member with their photo as the featured image.
In Elementor Pro, go to Templates -> Loop Item and create a new Loop Item template. Design one team member card using dynamic tags to pull the person’s name (Post Title), photo (Featured Image), job title (ACF field), and social links (ACF field). Save the template.
On your Team page, add a Loop Grid widget. Select your Team Member post type and your Loop Item template. Elementor automatically creates one card per team member post, arranged in the grid you configure.
Approach 3: Pre-Built Template
Click the folder icon in the Elementor top bar to open the Template Library. Search for “team” to browse pre-built team page templates. Insert a template you like and replace the placeholder content with your actual team data. This is the fastest approach for a good-looking result without custom design work.
Making the Photos Look Consistent
The most common problem with team pages is inconsistent photos – different sizes, backgrounds, and crops that make the grid look chaotic. Before building the page, standardise photos to a consistent aspect ratio (1:1 square is most common) and ideally a consistent background (white, neutral gray, or your brand color). In Elementor, set all Image widgets to the same crop setting and the same width to enforce visual consistency regardless of source image dimensions.
SEO Considerations for Team Pages
Team pages often rank well for searches like “[Your City] [Your Industry] team” or “[Company Name] staff”. To help this, add structured data for each team member using Person schema. Include: name, job title, photo URL, and a profile URL for each person. Add this as JSON-LD in the page head using a code plugin or Rank Math‘s schema settings. Google can display rich results for People in certain contexts.
For individual team member bios, consider creating individual author pages rather than putting everything on one team page. Author pages with their own URL (/team/jane-smith/) can rank independently for the person’s name, establish E-E-A-T (Experience, Expertise, Authoritativeness, Trust) for content they author, and provide a linkable destination for their social profiles and press mentions.