How to Create a Meet The Team Page in WordPress 

Do you want to add a meet the team page to your WordPress website?

With a meet the team page or section on your website, visitors can learn more about the team behind your small business. This can help you look more professional, transparent, and trustworthy to potential customers.

In this article, I’ll show you how to create a meet the team page on your WordPress site step-by-step.

Steps to Create a Meet The Team Page in WordPress:

Why Have a Meet the Team Page on Your Website?

Having a high-quality meet the team page on your WordPress website can offer several benefits:

• Personalization: A meet the team page allows you to showcase the people behind your business or creative agency, making it feel more personal and approachable to your audience.
• Transparency: By showcasing the faces and backgrounds of your team members, you are demonstrating openness and trust in your business practices.
• Building Trust: Introducing your team members can help build trust and credibility with your audience, especially if you provide biographical information and professional credentials.
• Employee morale: Showcasing your team members can boost employee morale, as they feel recognized and valued by your organization or digital agency.
• Improved Search Engine Optimization (SEO): Including individual team member pages with unique content can also improve your website’s search engine optimization, as it provides additional pages for search engines to index.

In conclusion, a meet the team page can improve your website’s personalization, transparency, trust, employee morale, and SEO.

Meet The Team Page Examples

If you need examples of how an effective team page looks, you’re in the right place. Below you’ll find some excellent meet the team page examples to inspire your website design.

1. Awesome Motive

Awesome Motive includes team sections on its homepage and about page to help website visitors understand the company’s culture and ethos. The team section features a grid of individual team members’ profile pictures and a label highlighting that member’s location worldwide.

The benefit of this approach is that it demonstrates one of the core aspects of the company – that it’s a globally distributed team.

2. Digital Marmalade

The award-winning digital marketing agency Digital Marmalade has a creative team page with a fun and vibrant design. The team headshots are again shown in a uniform grid matching the web design.

However, where this page design differs is with the animation effect. Instead of sending visitors to a different page, each image flips to reveal a tabbed layout with information about members’ industry, personal, and superhero details.

3. Etsy

Etsy’s team page features high-quality images of its leadership team. Each headshot includes the individual’s name and job title, and when you click it, you’ll head to a dedicated page to learn more information.

Further down the page is a massive section with individual team photos from the rest of the company’s employees. When you hover your cursor over each picture, it has a spotlight effect, making the image stand out.

4. Atlassian

Atlassian’s meet our team page also has 2 team sections for its leadership and board of directors. The leadership section has hover effects for each headshot, and when you click each photo, you’ll see a popup with more information and social media links.

The board of directors section features smaller team photos, names, job titles, and links to their Twitter and LinkedIn profiles.

5. Humaan

I love this meet the team page example from Humaan, a creative graphic design agency. It has a fun and quirky design that perfectly reflects the company’s personality. 

Each team member’s photo is an animated GIF with a brief name and description. The landing page also includes further team photographs and contact information.

Now that you have a good idea of how an engaging meet the team page looks, let’s learn how to make one for your WordPress site.

WordPress page builders, like SeedProd, include customization features that make tailoring every part of your page a breeze without CSS or HTML. Plus, they have a visual user interface that lets you see changes to your design in real-time.

SeedProd, in particular, offers the following powerful features:

• Visual drag-and-drop page builder
• WordPress theme builder
• Mobile-responsive page templates
• Point-and-click customization options
• Live mobile previews
• Coming soon & maintenance mode
• Email marketing integrations
• Built-in subscriber management
• And much more.

Because of these beginner-friendly features, I’ll use SeedProd to create a meet the team page in WordPress. So, follow the steps below to dive in.

Step 1. Install and Activate SeedProd

First, head over to SeedProd’s pricing page to get started and download the plugin to your computer. Next, you’ll need to install the plugin on your WordPress website.

If you need help with this, you can see our instructions on installing the SeedProd plugin. This guide will also show you how to activate your SeedProd license to unlock your premium features.

Step 2. Create a New WordPress Page

After installing SeedProd, navigate to Pages » All Pages from your WordPress dashboard and click “Add New Page”.

In the WordPress editor, you’ll see an “Edit with SeedProd” button, so go ahead and click this.

Now you’ll have the option to choose from one of SeedProd’s pre-made landing page templates. They come with designs for various industries and goals, such as coming soon, sales, squeeze, and more.

But you can also easily customize them to fit your needs.

My suggestion is to find a template that closely matches the design you want. You can always adapt it with the drag-and-drop builder next.

To select the template, hover over it and click the checkmark icon. I’ve chosen the wealth sales page template for this guide:

The template will open in SeedProd’s drag-and-drop builder, with a live preview on the right and blocks, sections, and settings on the left.

This is where you can edit your team page and customize its design. You can see these tutorials to understand how the page builder works:

• How to Create a Landing Page in WordPress
• How to Create an About Page
• How to Create a Waitlist Landing Page

For this guide, I’ve changed the text to make the page look more like a team member page. I also deleted some blocks to make room for the team profiles.

Step 3. Add the Team Members Block

To add the team section, select the ‘Column’ block from the left sidebar. This allows you to show multiple team members in one place. Simply drag and drop the block to wherever it looks best on the page.

Now, you can select a column layout. This will depend on how many team members you want to show on the page.

Next, you’ll need to choose a block from the left-hand sidebar to add to your column. Since we’re making a team page, look for the “Team Member” block, then drag and drop it into each column.

If one column isn’t enough to show all your team members, you can copy and paste it.

Just hover over the column block until it has a blue outline. Then, click the ‘Duplicate Row’ button.

You’ll automatically see the duplicated row below the original one, where you can add information for each team member.

Let’s add an image to begin. Click a Team Member block and select ‘Use Your Own Image’ in the block settings sidebar.

This opens the WordPress media library where you can pick an image or upload one from your computer.

After adding the image, you can customize more image settings. For example, you can add image alt text, customize the width, or change the image position.

When you scroll down in the block settings, you can change the default name, heading tag and name alignment. It’s also possible to change how the name appears depending on whether the meet the team page is viewed on mobile, desktop, or tablet.

Now let’s look at the designation and description which is your team member’s job title and important information.

Similar to the name settings, you can change the layout based on where the page is being viewed from.

Further down, you’ll see settings to customize the Team Member block’s design.

For instance, you can set the rounded borders of the image and add a separator between the image and description.

Additionally, you can add your team member’s social media information. By default, SeedProd includes social icons for Facebook and Twitter, but you can also insert add more that are relevant to your business, like LinkedIn.

Just click ‘+ Add New Item.’

Here, you’ll see a list of settings to customize the social icon. Simply click the image symbol to change it.

This opens the Icon Library. Here, you can search for the social media platform you want and click the ‘+’ button to use it.

Once you’ve done that, you can add the social media title and the person’s social link. It’s also just as easy to change the icon’s colors.

At this stage, you can change the social icons sizing, alignment, colors, and shape.

If you want to make further customizations, switch to the ‘Advanced’ tab.

Here you’ll find more settings to change the block’s design, such as customizing the padding and margins, adding a shadow effect, enabling CSS animations, and more.

Now all you need to do is repeat these steps for the rest of your team members.

Step 4. Publish Your Team Members Page in WordPress

When you are satisfied with the final look and feel of your meet the team page, simply click the ‘Save’ button to save your progress.

Finally, to make your team member page live on your website, click on the ‘Publish’ button.

Your new WordPress theme is live on your website. You can now visit your team member page to see how it looks.

Here is the meet the team page I made on my test website:

Congratulations!

In this tutorial, you’ve learned how to create a meet the team page in WordPress. Now, you can improve your company’s trust, credibility, and conversions.

With SeedProd, creating any WordPress page is effortless. Its beginner-friendly interface and extensive customization options allow any business to build the perfect WordPress site without code.

Before you go, you may also like this helpful list of the best business phone systems for WordPress.

Thanks for reading! We’d love to hear your thoughts, so please feel free to leave a comment with any questions and feedback.

You can also follow us on YouTube, X (formerly Twitter), and Facebook for more helpful content to grow your business.