> For the complete documentation index, see [llms.txt](https://support.agentfire.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.agentfire.com/spark-editor/spark-editor/articles-2371859-spark-editor-blocks-team-members.md).

# How to Show Your Team on a Page

Add the Team Members block to a page, choose which agents it shows and in what order, and fix agents that are missing or out of place.

The **Team Members** block shows the agents from your Team Members list, with their photo, name, title and a link to their profile. It updates on its own: add an agent to your list and they appear in the block (unless the block is set to show only certain agents, see below), delete one and they disappear.

Add your agents first. See [How to Add or Edit a Team Member Profile](/site-tools/team-members/team-members-adding-a-new-team-member-profile.md).

## Add the block to a page

{% stepper %}
{% step %}

### Open the page and add a block

Go to **Pages** and click **Edit** next to the page. Click the **+** (**Add Block**) icon at the top of the editor.
{% endstep %}

{% step %}

### Pick Team Members

In the **Blocks** panel, choose **Team Members** from the category menu, then click the **+** on the **Team Members** block. It's added to the page and its settings open.

<figure><img src="https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-fe67f0a11a5308d34815a87c46b55c7ba3ae2b4f%2Fteam-block-1-add.png?alt=media" alt="The Blocks panel filtered to Team Members, with the Team Members block highlighted" width="350"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Choose your settings, then Save

Change any settings you want (see below), then click **Save** in the top right.
{% endstep %}
{% endstepper %}

To change the block later, point at it and click the pencil next to **Team Members**.

## Block settings

These are on the **Content** tab:

| Setting                                                       | What it does                                                                                                                                                                               |
| ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Title Text**                                                | The heading above your team.                                                                                                                                                               |
| **Filters**                                                   | Shows a filter bar so visitors can narrow the list. Under **Filter By**, tick what they can filter by: **Last Name**, **Designations**, **Specialties**, **Service Areas** or **Offices**. |
| **Map**                                                       | Shows or hides a map.                                                                                                                                                                      |
| **Show Social Icons**                                         | Shows each agent's social links on their card.                                                                                                                                             |
| **Office**, **Designation**, **Speciality**, **Service Area** | Limits the block to agents who have that office or tag. Leave them on **All** to show everyone.                                                                                            |
| **Columns**                                                   | How many agents per row. The default is 3.                                                                                                                                                 |
| **Order By**                                                  | **Default** (your own order) or first or last name, A-Z or Z-A.                                                                                                                            |
| **Per Page**                                                  | How many agents show before the next page. The default is 9.                                                                                                                               |
| **Button Text** and **Button Link**                           | The button under your team, **View All** by default. Point it at your full team page, or clear it if you don't want it.                                                                    |

<figure><img src="https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-429c77af5607a3e8e4736d1f4a10c9532daa050b%2Fteam-block-2-filters.png?alt=media" alt="The Team Members settings with Filters turned on and the Filter By options highlighted"><figcaption></figcaption></figure>

## Choose which agents show

Use **Office**, **Designation**, **Speciality** and **Service Area** to show only some of your team, for example only your listing agents on a sellers page. Only agents who have what you pick will show.

<figure><img src="https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-e42c534206ea8745c86c4144298186ac94ffb287%2Fteam-block-3-who-shows.png?alt=media" alt="The Office, Designation, Speciality and Service Area settings highlighted" width="350"><figcaption></figcaption></figure>

{% hint style="warning" %}
**A new agent isn't showing?** Check these settings first. If the block is set to a designation or office, a new agent only appears once you give them that same designation or office in their profile.
{% endhint %}

## Put your agents in order

With **Order By** set to **Default**, the block uses the order of your Team Members list. Go to **Site Tools** > **Team Members**, then drag an agent up or down the list. The new order saves as soon as you drop them.

![The Team Members list, where agents can be dragged into a new order](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-d5412c6ee745e344eed9083d87da08a33deefc24%2Fteam-block-4-order.png?alt=media)

## Common Questions

<details>

<summary>I added an agent, but they're not on my team page.</summary>

Open the block's settings and check that **Team Members** is set to **Show**. Then check **Office**, **Designation**, **Speciality** and **Service Area**. If any of them is set, the agent needs that same office or tag in their profile. Also check **Per Page**: they may be on the next page.

</details>

<details>

<summary>An agent left, but they still show on one of my pages.</summary>

Deleting an agent removes them from every Team Members block. If they still show, point at that section in the editor. If it isn't a **Team Members** block, it was built by hand with photos and text, so it doesn't update on its own. Edit it on that page, or email <support@agentfire.com> with the page and the agent's name.

</details>

<details>

<summary>How do I show my whole team on one page?</summary>

Set **Per Page** to a number bigger than your team, then click **Save**.

</details>

<details>

<summary>Why are my agents' photos cropped?</summary>

Each photo is cropped to the same shape (a circle in many designs), so the edges get cut off. Use square headshots with the face in the middle, all cropped the same way, so the team looks even.

</details>

<details>

<summary>Can you add my team to a page for me?</summary>

Yes. Email <support@agentfire.com> with the page and which agents to show.

</details>
