How to Create a Dynamic Team Member Section in Elementor

Want to dynamically showcase your team members in Elementor without manually editing every page?

With the Advanced Custom Fields (ACF) Repeater and AnyWhere Elementor Pro, you can display a stylish, easy-to-maintain team section that updates from one backend location.

In this tutorial, you’ll learn how to:

Create an options page in WordPress
Add repeater fields using ACF
Dynamically display them in Elementor using AE templates

So here is the final look that we are looking to achieve for the team member section.

Dynamic Team Member with ACF Repeater Demo

Key Takeaways: What You’ll Learn

What is ACF Repeater and why it useful for dynamic content
How to create an Options Page for global content management
Learn how to structure and display a Team Members section using AE Templates
Discover how you can customize layouts using Elementor widgets

What Is ACF (Advanced Custom Fields)?

Advanced Custom Fields (ACF) is a powerful WordPress plugin that lets you add custom fields to your website content. These fields can store extra data — like team member names, job titles, images, bios, and more — giving you complete control over how content is displayed.

It’s especially useful for dynamic, repeatable content that needs to be updated regularly, such as team members, FAQs, testimonials, or service listings.

Learn more in our complete guide: Advanced Custom Fields: A Complete Guide

How to Create a Dynamic Team Member Section

Step 1: Create an Options Page

Using PHP Code

Add the following code in the function.php of the current child theme to create an Options Page “Company.

if( function_exists('acf_add_options_page') ) {
 
 acf_add_options_page(array(
  'page_title' 	=> 'Company',
  'menu_title'	=> 'Company',
  'menu_slug' 	=> 'company',
  'capability'	=> 'edit_posts',
 	'redirect'     => 'false'
  
 ));
}

Using Advanced Custom Fields(ACF)

Navigate to ACF -> More tab within ACF.
In this section, there should be an option called “Options Pages.” Click on it.
Click on “Add New” to create a new Options Page and fill in the required details.

Check out our detailed article to learn about ACF Options Page.

Step 2: Creating Custom Fields in ACF

Select the Options page created to apply custom fields on it.

Adding Data To ACF Custom Fields

Step 3: Creating Repeater Block Layout

Create a new AE Template and do the following configurations.
- Render Mode: ACF Repeater Block.
- Field Location: Select Option.
- Repeater Field (ACF): Select the Repeater field Team Member.

AE - Repeater Block Layout — AE – Repeater Block Layout

Now save the template and edit with Elementor.
In Elementor, now select appropriate Elementor widgets, and under the dynamic section, select ACF Repeaters field accordingly.
Then, specify the name of the repeater and the field type.

Pro Tip: Make sure to design the complete block layout in a Single Parent Section. You can use the inner section widget if required.

Step 4: Display the Team Section Using AE – ACF Repeater Widget

Use the AE – ACF Repeater widget wherever you need to and do the following configurations.

Skin: Select the layout from Accordion, Tab, Grid, and Carousel.
Template: Select the repeater block layout created.
Repeater Field(ACF): Select the name of the repeater field created, i.e., Team Member.

FAQs on Dynamic Team Member Section with ACF

What is ACF Repeater, and why should I use it?

The ACF Repeater field lets you store multiple sets of related data—like team members, FAQs, or testimonials—and manage them from one place.

Can I use this method to display other repeatable content like testimonials or services?

Absolutely! ACF Repeater fields can be used to showcase any repeating content—testimonials, FAQs, pricing plans, services, and more.

Can I include social media links for each team member?

Yes, just create fields for social links (like Facebook, LinkedIn, etc.) in your Repeater and insert them dynamically in your layout.

What is the ACF Options Page?

The ACF Options Page allows you to store global content (like company info or team member data) that can be reused across your site without editing each page manually. Learn more about ACF Options Page.

How do I create a custom field in ACF?

You can create a custom field in ACF by navigating to ACF -> Custom Fields -> Add New, defining your field group, and attaching it to a specific post type or location. Follow this step-by-step tutorial on creating ACF custom fields.

Final Result: A Fully Dynamic Team Member Section

And that’s it!
You’ve just built a fully dynamic, professional-looking Team Members section — without writing complex code or hard-coding profiles into your pages.

This setup is perfect for growing teams, as you can update everything from one place. Want to extend it further? Try creating a similar setup for testimonials, portfolios, or event speakers using ACF Repeaters and AE Pro.

You can also use our Team Member Widget to display beautifully styled static or dynamic team profiles, complete with social links, images, and bios. It works great alongside ACF and provides full control over layout and responsiveness.

Black Friday Sale

30% OFF

Create a Dynamic Team Member Section in Elementor using ACF

Key Takeaways: What You’ll Learn

What Is ACF (Advanced Custom Fields)?