← All widgetsWidget 274 · emcp_custom_274

Team Grid

Elementor widget6 layouts10 content options27 style options3 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: team, members, staff, people, grid, about.

Setup guide

  1. Open a page in Elementor, search the panel for Team Grid and drag it into a container.
  2. Content › Members: Members, Layout, Columns, Photo Ratio, Show Bio, Show Social Links, Show Email / Phone, Hover Effect and 2 more.
  3. Pick a Layout: Cards, Photo with overlay on hover, Circle photos, centered, Horizontal list, Flip card (bio on back), Minimal (name + role). Each one is shown below.
  4. Style tab sections: Card, Text & Social. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Cards

Layout = cards

Alex MorganAlex MorganFounder
Alex MorganFounder

Started the studio in 2019.

[email protected]
Alex MorganFounder

Started the studio in 2019.

Priya NairPriya Nair
Priya NairHead of design
Priya NairHead of design
Tomas BergTomas Berg
Tomas BergEngineering lead
Tomas BergEngineering lead
Lena FischerLena Fischer
Lena FischerCustomer success
Lena FischerCustomer success
Layout

Photo with overlay on hover

Layout = overlay

Sam OrtizSam Ortiz
Sam OrtizSupport
Sam OrtizSupport
Mia ChenMia Chen
Mia ChenMarketing
Mia ChenMarketing
No PhotoNo Photo
No PhotoInitials fallback
No PhotoInitials fallback
Jon ReedJon Reed
Jon ReedSales
Jon ReedSales
Layout

Circle photos, centered

Layout = circle

Sam OrtizSam Ortiz
Sam OrtizSupport
Sam OrtizSupport
Mia ChenMia Chen
Mia ChenMarketing
Mia ChenMarketing
No PhotoNo Photo
No PhotoInitials fallback
No PhotoInitials fallback
Jon ReedJon Reed
Jon ReedSales
Jon ReedSales
Layout

Horizontal list

Layout = list

Sam OrtizSam Ortiz
Sam OrtizSupport
Sam OrtizSupport
Mia ChenMia Chen
Mia ChenMarketing
Mia ChenMarketing
No PhotoNo Photo
No PhotoInitials fallback
No PhotoInitials fallback
Jon ReedJon Reed
Jon ReedSales
Jon ReedSales
Layout

Flip card (bio on back)

Layout = flip

Sam OrtizSam Ortiz
Sam OrtizSupport
Sam OrtizSupport
Mia ChenMia Chen
Mia ChenMarketing
Mia ChenMarketing
No PhotoNo Photo
No PhotoInitials fallback
No PhotoInitials fallback
Jon ReedJon Reed
Jon ReedSales
Jon ReedSales
Layout

Minimal (name + role)

Layout = minimal

Sam OrtizSam Ortiz
Sam OrtizSupport
Sam OrtizSupport
Mia ChenMia Chen
Mia ChenMarketing
Mia ChenMarketing
No PhotoNo Photo
No PhotoInitials fallback
No PhotoInitials fallback
Jon ReedJon Reed
Jon ReedSales
Jon ReedSales

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Members

OptionTypeChoices / rangeDefaultNotes
Members
members		Repeater4 items
↳ Photo
photo		Image
↳ Name
name		TextAlex Morgan
↳ Role
role		TextProduct designer
↳ Short Bio
bio		Textarea
↳ Email
email		Text
↳ Phone
phone		Text
↳ LinkedIn
linkedin		Link
↳ X (Twitter)
x		Link
↳ Instagram
instagram		Link
↳ Website
website		Link
↳ Profile Link
link		Link
↳ Badge
badge		Text
Layout
layout		DropdownCards, Photo with overlay on hover, Circle photos, centered, Horizontal list, Flip card (bio on back), Minimal (name + role)cards
Columns
columns		Dropdown1, 2, 3, 4, 5, 64Responsive
Photo Ratio
ratio		DropdownSquare, Portrait 4:5, Portrait 3:4, Landscape1/1
Show Bio
show_bio		Toggleon / offyes
Show Social Links
show_social		Toggleon / offyes
Show Email / Phone
show_contact		Toggleon / off
Hover Effect
hover		DropdownNone, Lift, Zoom photo, Grayscale to colourlift
Stagger In on Scroll
reveal		Toggleon / offyes
Text Alignment
align		Button groupLeft, Centerleft

Style tab

Card

OptionTypeChoices / rangeDefaultNotes
Gap
gap		Slidermin 0, max 60, px24Responsive
Background
card_bg		Color#ffffff
Border
card_border		Border
Radius
card_radius		Slidermin 0, max 40, px16
Shadow
card_shadow		Box shadow
Hover Shadow
card_shadow_h		Box shadow
Content Padding
body_pad		Dimensions
Photo Radius (circle layout)
photo_radius		Slidermin 0, max 50, %50
Photo Size (circle / list)
photo_size		Slidermin 48, max 320, px140
Photo Border
photo_border		Border
Overlay (overlay layout)
overlay		Colorrgba(16,24,40,0.75)
Accent
accent		Color#6a11cb
Flip Back Background
back_bg		Color#101828

Text & Social

OptionTypeChoices / rangeDefaultNotes
Name Typography
name_typo		Typography
Name Color
name_color		Color#101828
Role Typography
role_typo		Typography
Role Color
role_color		Color#6a11cb
Bio Typography
bio_typo		Typography
Bio Color
bio_color		Color#475467
Badge Background
badge_bg		Color#6a11cb
Badge Color
badge_color		Color#ffffff
Social Icon Size
social_size		Slidermin 24, max 60, px34
Social Icon Color
social_color		Color#475467
Social Background
social_bg		Color#f2f4f7
Social Hover Color
social_color_h		Color#ffffff
Social Hover Background
social_bg_h		Color#6a11cb
Social Radius
social_radius		Slidermin 0, max 50, %50

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_274" and a settings object using the keys above. Run get-custom-widget with id 274 for the full JSON spec.