Using the Team System

Featuring individuals who are at the heart of your cause is a great way to put a face to the work you do. The Team System is a perfect way to showcase the core supporters of your organization—like board members, staff, volunteers, donors or partners—in a way that’s easy to format and keep consistent.

See the Team System in Action

Availability

The Team system is only available for websites built with the Charity+ and Airy design options. For websites built with the Scholar theme, you can achieve a similar look using the Person block. For websites using Pioneer, you can accomplish a similar result through the Landing page template.

Create a Team Page

You can use the Team system on any page that uses the Team template, like for a Staff or Board page on your website. View or change the template of a page in the Page Attributes area under Document settings on the left-hand side of the page.

Team Template

If you are creating a new page with the Team template, be sure to click Save Draft in the upper right-hand side of the screen to apply your template change.

A page with the Team template will display the Team Members section as shown below.

Team Members Section

Write an Introduction

We suggest including a brief introduction at the top of your page to describe the role of this team and how they support or impact the organization. Get additional content tips for a Staff page.

Once this text is ready, it can be added at the top of your page, as shown below.

Page Introduction

Add a Team Member

The Team system allows you to create a flexible amount of team members that are displayed in a list on the page. Each team member includes the following fields for you to use:

  • Name (required)
  • Photo (required)
  • Bio (required)

  • Position
  • Phone Number
  • Email
Team Member Fields

Photo tips

For each team member, use an image that is at least 244 pixels wide and 338 pixels tall. Photos that are very small, full size or a variety of sizes won’t display clearly or consistently. We recommend using Canva as a free tool for photo editing.

Click “Add image” to select a photo from your Media Library or upload a new image from your computer. To remove a photo, hover over the image and click the (X) icon.

Remove a Photo

If you don’t have a photo, consider using a placeholder image like your nonprofit’s logo.

Create Multiple Team Members

Have multiple team members to highlight? To add additional members, click the blue “Add Team Member” button at the bottom of the Team Members section and repeat the process until all members have been added.

Add a Team Member

You can also click the + symbol on the right-hand side when you want to add a team member between two existing people in the team list.

Add a Row

Arrange/Remove Team Members

If you ever need to remove a team member, all you need to do is click the (-) on the right-hand side of the screen. You’ll be asked to confirm that you’d like to remove the team member or “row”. This will remove the entire team member from the list.

Remove a Row

You can also drag and drop a row to make sure it’s in the correct spot. The easiest way to do this is by collapsing the rows before you rearrange them. Click the arrow on the left-hand corner of the row. Once you’ve done that, drag and drop the row to the correct place.

Reorder Team Members

Add the Shortcode

When you’re ready to add the list of team members to the page, place the Shortcode block after your introduction.

Shortcode Block

Add [team] to the Shortcode block.

Add the Shortcode

Make sure to preview your page to confirm everything looks as you expect. When you’re happy with the results, save your changes by publishing or updating the page with the blue button in the upper right hand side of the screen.

Still Have Questions?

Reach out to us within your Dashboard. Log into your website and then fill out the Website Support form. You’ll hear back from one of Wired Impact’s team members within one business day.