AllDesignWidgetsTeam Widget

Team Widget

Display team member cards with filters, ordering, and CTA options.

The Team widget renders profile cards from your website's active team members.

Add a Team widget

1

Open a page in Website Builder

Go to Website Pages and open a page.

2

Open Widgets

In the editor, open Widgets.

3

Drag Team onto the page

Add the Team widget from the widget list.

4

Open Team Widget Settings

Click the widget and open Team Widget Settings.

Content settings

  • Include/exclude category filters
  • Exclude specific members
  • Item limit
  • Member field toggles (photo, credentials, role, headline, mini bio, primary button)
  • Button text fallback and button style preset

Layout settings

  • Layout mode: grid or list
  • Grid columns by breakpoint
  • Gap and card width
  • Image aspect ratio
  • Widget alignment

Style settings

  • Card background and border color
  • Text color, name color, role/credentials color, mini bio color
  • Border radius
  • CTA button style

Live behavior

  • Only active team profiles with valid slugs are rendered.
  • Results follow saved team member sort order.
  • Category and member filters are applied before render.
  • Primary CTA buttons only appear when enabled and the member has a button URL.
  • Team reorder and profile updates now refresh the public team widget cache automatically.
  • Team member photos now load more reliably across editor, live pages, and profile-template tokens.
Updated Mar 12, 2026

Was this helpful?