MoxKit Docs Download free

Elementor Team Member Widget

Updated · MoxKit 1.4.4 · Download free on WordPress.org

The Elementor team member widget is a profile card with a photo, name, role, bio and social links. Seven designs range from a classic card to a caption strip, a reveal on hover, a floating box, a glass caption, a side-by-side layout and a moving name ribbon.

  • Widget name MoxKit Team Member
  • Panel category MoxKit Addons
  • Settings 57+
  • Requires Elementor 3.25+ (free)
  • Price Free
Elementor team member widget classic card
Classic cards with photo, name, role, bio and social icons.
Table of contents
  1. What is the Elementor team member widget?
  2. Key features
  3. How to add the Elementor team member widget
  4. Designs and examples
  5. Elementor team member widget settings: Content tab
  6. Elementor team member widget settings: Style tab
  7. Tips and best practices
  8. Team Member FAQ
  9. Summary
  10. Related widgets

What is the Elementor team member widget?

Photo filters (black and white, or color on hover), zoom and lift effects add polish without extra plugins.

Like every MoxKit widget, the Team Member has Content and Style tabs with responsive settings, typography, colors and box styling, and it keeps Elementor's Advanced tab. You can switch it off under MoxKit > Widgets if you do not use it; a disabled widget loads no files.

Key features

  • Seven designs: classic, caption strip, reveal on hover, floating box, glass caption, side by side, name ribbon.
  • Photo shape (1:1, 4:5, 3:4, 2:3, 4:3, 16:9), black-and-white filters, zoom on hover, card lift.
  • Name, role, bio, rating badge and social links (any library icon).
  • Ribbon separator, position, angle and loop speed.
  • Styling for photo, caption, every text, ribbon, badge, social icons and card.

How to add the Elementor team member widget

Follow these steps to add the widget to a page. You need MoxKit Addons for Elementor installed and Elementor active.

  1. Open the page in Elementor (Pages > Edit with Elementor).
  2. In the widget panel, search for "Team Member" or scroll to the MoxKit Addons category.
  3. Drag the Team Member widget into a Container.
  4. Pick a Design.
  5. Add the photo, name, role and bio.
  6. Edit the Social links list.
  7. Click Update (or Publish) to save the page.

Designs and examples

These screenshots were taken from a live WordPress site running MoxKit 1.4.4 and Elementor. They show the Team Member with the settings described in each caption.

Team member designs: caption strip, glass caption and name ribbon
Caption strip with a rating badge, glass caption and name ribbon.
Team member floating caption and reveal on hover
Floating caption box (black and white until hover) and Reveal on hover, shown hovered.
Team member side by side layout
Side by side design.

Elementor team member widget settings: Content tab

The Content tab holds what the widget shows and how it behaves. It has 2 sections and about 19 settings. Settings marked per device can have a different value on desktop, tablet and mobile.

Design

SettingTypeOptions and notes
DesignSelectClassic card, Photo with caption strip, Reveal on hover, Floating caption box, Glass caption, Side by side, Name ribbon (default: Classic card)
Photo shape per deviceSelectDefault (4:5), 1:1, 4:5, 3:4, 2:3, 4:3, 16:9
Photo width per deviceSlider
Photo above the text per deviceToggleOn / Off
SeparatorText
Ribbon position per deviceSlider
Ribbon angleSlider
Ribbon loop (seconds)Slider
Black and white photoSelectNo, Always, Color on hover
Zoom photo on hoverToggleOn / Off
Lift on hoverToggleOn / Off

Team member

SettingTypeOptions and notes
PhotoImage
NameText
RoleText
Rating badgeTextShown with a star on the photo. Leave empty to hide it.
BioText area
Name tagSelectH2, H3, H4, DIV (default: H3)
Social linksListEach item: Accessible link label, Icon, Link
Alignment per deviceChoiceLeft, Center, Right

Elementor team member widget settings: Style tab

The Style tab controls the look of every part of the widget: 9 sections, about 38 settings. Elementor's own Advanced tab (margin, padding, motion effects, responsive visibility, custom CSS) is available as usual.

Photo

SettingTypeOptions and notes
Photo size per deviceSlider
Photo radius per deviceSlider
BorderGroupAll the usual Elementor border settings.
Box shadowGroupAll the usual Elementor box shadow settings.
Photo spacing per deviceSlider

Caption

SettingTypeOptions and notes
Text color on the photoColorName, role, and bio color in designs that place them on the photo or in the floating box.
BackgroundGroupAll the usual Elementor background settings.
BorderGroupAll the usual Elementor border settings.
Box shadowGroupAll the usual Elementor box shadow settings.
Padding per deviceSpacing
Border radius per deviceSpacing

Name

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Role

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Bio

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Ribbon

SettingTypeOptions and notes
BackgroundColor
Height padding per deviceSlider

Rating badge

SettingTypeOptions and notes
BackgroundColor
Text colorColor
Star colorColor

Social icons

SettingTypeOptions and notes
ColorColor
BackgroundColor
Hover / focus color (hover)Color
Hover / focus background (hover)Color
Icon size per deviceSlider
Button size per deviceSlider
Spacing per deviceSlider
Radius per deviceSlider

Card

SettingTypeOptions and notes
BackgroundGroupAll the usual Elementor background settings.
BorderGroupAll the usual Elementor border settings.
Box shadowGroupAll the usual Elementor box shadow settings.
Padding per deviceSpacing
Border radius per deviceSpacing

Tips and best practices

  • Use photos with the same background and framing for a tidy team grid.
  • The Side design suits a single founder or speaker.

Team Member FAQ

Can I add my own social icons?

Yes. Each social link has its own icon, label and URL.

Can the photo be black and white?

Yes. Choose Black and white, or Black and white until hover.

Summary

The Elementor team member widget in MoxKit is free, works with the free version of Elementor and loads its files only on pages that use it. 7 designs (classic, strip, reveal, float, glass, side, ribbon), rating badge and social links. Install MoxKit Addons for Elementor from WordPress.org, drag the Team Member widget onto a page and start with the settings above.