Team

Team block: photo, name, role, and short bio. Multiple members render in a grid.

Информация

Requires PageBuilder Pro.

Team vs testimonials

• Photo and role in a consistent card
• Repeater adds people without template edits
• Separate from Testimonials (staff vs clients)

Typical placement

• About page
• Agency landing: people behind the project
• Conference: speakers

Page examples

• About: Hero → Rich text → Team → CTA
• Event: Team → FAQ → Contact with map

Team member repeater

Members repeater. Photo for avatar; bio is textarea or richtext per section JSON.

Similar sections

• Testimonials for client quotes
• Cards for text-only roles

Block parameters

Parameter	Value
key	team
Layer	Pro
Category	social proof (social)
Chunk	pagebuilderpro_team
Requires	pro

Inspector fields

Fill these fields in the section inspector. Field types are documented in the field types reference.

Title (title)

Type text. Optional.

Members (items)

Type repeater. Required. Repeatable rows. "Add" button in the inspector.

Each row:

Field	Type	Label	Required
photo	image	Photo	no
name	text	Name	yes
role	text	Role	no
bio	textarea	Bio	no

Site output

pb-team grid with photos and text.

Section data

Example payload after save. Media, video, and map values may be enriched on output:

{
  "title": "Section title",
  "items": [
    {
      "_rowId": "00000000-0000-4000-8000-000000000001",
      "photo": {
        "url": "assets/images/example.jpg",
        "id": 12,
        "filename": "example.jpg",
        "extension": "jpg",
        "title": "example.jpg",
        "width": 1920,
        "height": 1080,
        "type": "image"
      },
      "name": "Jane Doe",
      "role": "Director, Example LLC",
      "bio": "15 years in the industry, leads the company's key projects."
    }
  ]
}

Chunk template

Fenom chunk pagebuilderpro_team:

<section class="pb-section pb-section--team pb-team{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="team"{if $id} id="pb-{$id|escape}"{/if}>
  <div class="pb-section__inner pb-team__inner">
    {if $title}
      <h2 class="pb-heading pb-team__title">{$title|escape}</h2>
    {/if}
    <div class="pb-team__grid">
      {foreach $items as $item}
        <article class="pb-team__item">
          {if $item.photo}
            {include 'pagebuilder_partial_image' image=$item.photo alt=$item.name class='pb-team__photo'}
          {/if}
          <h3 class="pb-team__name">{$item.name|escape}</h3>
          {if $item.role}
            <div class="pb-team__role">{$item.role|escape}</div>
          {/if}
          {if $item.bio}
            <p class="pb-team__bio">{$item.bio|escape}</p>
          {/if}
        </article>
      {/foreach}
    </div>
  </div>
</section>

JSON definition

PageBuilderPro/core/components/pagebuilderpro/sections/team.json

See also

• Section catalog
• Fields overview
• Frontend output