Using the Team System

The Team System is a perfect way to showcase the members of your organization. Whether it be board members, staff, volunteers or donors, featuring individuals who are at the heart of your cause is a great way to put a face to the work you do.

Whoever you choose to display, it’s important to ensure that it’s uniform in style. Our guide on Essential Web Page Content for Nonprofits has a helpful section with tips on how to write an impactful Staff Page. This page can include a number of different individuals who you might be interested in spotlighting, such as influential volunteers or board members.

Craft the Team Page

Before you present your team members, it’s ideal to give a little introduction about the team and the impact they have on your organization. It’s a great opportunity to give readers a glimpse into the people who help make things possible.

Collect Information

In preparation of adding team members to your site, make sure that you have all the information that you need from them. If possible, it’s good to include similar types of information for each person.

For each team member, you’ll see fields to include basic information such as:

  • Photo
  • Name
  • Position
  • Brief bio
  • Email
  • Social media accounts (Facebook, Twitter, Google+, LinkedIn)

To add team members using the team system, you’ll need to include a name, photo, position and bio at the very least.

In regards to team members’ photos, our article on How to Format Photos for Your Nonprofit Website with Canva can come in handy to make sure the size and format of the photos are cohesive throughout. If the images are too big, that will impact the time it takes for your page to load. However, if the images are too small, they can be blurry. That’s why we recommend using a square image that is at least 450 pixels wide by 450 pixels tall.

Add Multiple Team Members

Have multiple team members to highlight? In order to add additional members, click the blue “Add Team Member” button and repeat the process until all members have been added.

Add Team Member button

You can also click the + symbol on the right-hand side. This will create another row, or team member, for you. This is helpful when you need to add a team member between two existing people.

Add new team member using Add Row icon

If you ever need to remove a team member, all you need to do is click the – on the right-hand side. Once you click this, you’ll be asked to confirm that you’d like to remove the team member, or “row”.

Remove team member

If the order of your list gets a little messed up, don’t worry! You can drag and drop the 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. You can collapse them by clicking 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 Your Team to the Page

Once you’ve finalized your team members in the system, you’re ready to add them to the page. You can do this by adding a Shortcode block wherever you want your team to display on the page. Type [team] into the shortcode field.

Adding the Team shortcode to the page

Once you’ve added the shortcode, make sure to preview your draft to ensure that it’s appearing as you’d expect on the page.

Who We Are preview

Pioneer Theme

The Pioneer theme doesn’t include the Team System, but you’re able to accomplish a similar result through the Pioneer Landing Page Template. While it might look slightly different on the back-end, you’re still able to promote the members of your organization in the same way.

Adding team members using the Pioneer Theme Landing page

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.