---
title: How to Make a Meet the Staff Widget
description: The meet the staff widget is a great way to add color-content to your website. Punchmark even uses this feature on our About Us page! The best part is that…
---

[Skip to content](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/1170145281#main-content)

English

Show submenu for translations

[![punchmark-logo-horizontal-white](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/punchmark-logo-horizontal-white.png?width=225&height=38&name=punchmark-logo-horizontal-white.png)](https://academy.punchmark.com/knowledge?hsLang=en)

- [Website](https://www.punchmark.com/)
- [News](https://www.punchmark.com/news)
- [Support](https://www.punchmark.com/contact-support)
- [In the Loupe](https://www.punchmark.com/loupe)

Open main navigation

Close main navigation

- [Website](https://www.punchmark.com/)
- [News](https://www.punchmark.com/news)
- [Support](https://www.punchmark.com/contact-support)
- [In the Loupe](https://www.punchmark.com/loupe)
- English
  
  Show submenu for translations
- Go to punchmark.com

 Go to punchmark.com

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Punchmark Knowledge Base](https://help.punchmark.com/knowledgebase?hsLang=en)
2. [FAQs](https://help.punchmark.com/knowledgebase/faqs?hsLang=en)
3. [How-Tos](https://help.punchmark.com/knowledgebase/faqs?hsLang=en#how-tos)

# How to Make a Meet the Staff Widget

The meet the staff widget is a great way to add color-content to your website. Punchmark even uses this feature on our [About Us](https://www.punchmark.com/about) page! The best part is that you can update the content in the staff widget via a SiteManager admin.

Getting this content on your page is a two step process.

## Setting Up the Staff Bios in SiteManager

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/1170571265-4967f68add.png)

In SiteManager, navigate to My Store \> [Biographies](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/770146313?hsLang=en). 

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/1170374661-70e51980d2.png)

By selecting +ADD a modal pop up will display.

For best results, use a square cropped image (ex: 600 x 600px). By default, your website will round your image into a circle, which can look strange if a non-square image is used.

It is recommended that you add a 2-4 sentence bio. The location dropdown can be used if your store has multiple business locations. Select Save to add this staff bio to your staff biographies table.

## Adding the PageBuilder Widget

On the page you wish to add a meet the staff widget to, add a new section. On the widget level, change the widget type to the Staff Widget. 

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/1170374673-14827f14b6.png)

On the widget level, you can also customize the number of headshots you wish to display. Each headshot will link to a unique page for each staff member.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/1170669580-d4b51735bb.png)

- [Default HubSpot Blog](https://blog.punchmark.com/blog)

[![pm-symbol-blue](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/pm-symbol-blue.png?width=40&height=45&name=pm-symbol-blue.png "pm-symbol-blue")](https://academy.punchmark.com/knowledge?hsLang=en)

Punchmark Resource Center

<https://www.facebook.com/punchmark> <https://www.instagram.com/punchmarkwebsites/> <https://open.spotify.com/show/1IBgfY1m1GIDkkF5N8Dn8F?go=1&sp_cid=0869f391274eb7a313244a8b2a29e059&utm_source=embed_player_p&utm_medium=desktop&nd=1&dlsi=44933130a20a4bcc>

Copyright © 2026, Punchmark