Put faces to names and showcase your staff’s expertise, whether you craft each profile yourself or use AI-generated flair, it’s effortless to connect with visitors.
Here’s how to get started in your Durable website editor:
Add the Team Members Section
Click Add Section.
Search for Team members or find it under the Team category.
Click it to insert a default layout with placeholder profiles.
You’ll find two handy tabs: Content and Style.
Content Tab:
Use this tab to manage and customize every profile’s information.
Headline, Tagline, Subtext
Click the section’s Headline to open edit mode.
In Content, type your own copy or click Generate with Durable AI for instant suggestions.
Reorder and Remove Profiles
Drag profiles using the move icon (vertical dots) to change their order.
Remove a profile with the trash icon (warning: permanent deletion).
Add more profiles by clicking the + icon.
Edit an Individual Profile
Hover over a profile and click the pencil icon.
For each team member:
Photo: Upload an image or click Regenerate from stock photos
Image Position: Adjust horizontal and vertical alignment.
Name & Bio: Enter the person’s name and a brief description.
Link Button (optional):
Choose a link type (Page, External URL, Email, Phone, or Section).
Set the button label and URL.
Enable Open in new tab for external links.
Style Tab:
Use this tab to refine colors, layout, and visual effects.
Colors & Buttons
Apply default themes or customize your palette for backgrounds, accents, and buttons.
Background Media
Upload an image or video, then set positioning, overlay opacity, and blur effects.
Text Appearance
Headings: Extra large, Large, Medium, or Small
Subtext: Large, Medium, or Small
Alignment: Left, Center, or Right
Vertical alignment: Top, Center, or Bottom
List & Item Settings
List style: Option one or two
Item size: Small, Medium, or Large
Rounded corners: None, Small, Medium, or Large
Image Options
Fit: Cover or Contain
Aspect ratio: Square (1:1), Portrait (2:3), Landscape (3:2), or Widescreen (16:9)
Text positioning: Below image, On top of image, or Covering image
Text-background opacity: Adjustable slider
Animations & Spacing
Animations: Fade in, Zoom, Slide up, Slide left, or None
Section padding (Top and Bottom): None, Small, Medium, or Large
Minimum height: Content or Screen
Add dividers or borders for extra polish
We’re here to help you showcase your team with confidence. If you need any assistance, please reach out to our support team we’re always happy to help!