BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Team Member Widget for Elementor Free

A team profile card with photo, role, bio and social links.

Overview

What Team Member does

Team Member shows one person: a photo, name, position, short bio and a row of social icons. The Classic layout puts the icons under the text, and a second layout reveals them over the photo on hover. Use one widget per person to build a team or staff section.

Live demo

See it in action

Sarah Johnson

Sarah Johnson

Lead Designer

Designs clean, friendly interfaces and loves turning complex ideas into simple pages.

Features

What it can do

  • Photo, name, position and bio in one card.

  • Social links list with any icon, link and screen reader label per item.

  • Two layouts: Classic and Social icons on photo hover.

  • Name tag choice from H1 to H6, plus div, span and p.

  • Photo width, height and border radius controls.

  • Social icon size, box size, gap, radius and normal and hover colors.

  • Box background, padding, border, radius and shadow.

  • Left, center or right alignment per device.

Use cases

When to use it

Team pages

Add one widget per column to build a grid of staff profiles.

About sections

Introduce a founder or owner with a photo and a short bio.

Speaker lists

Show event speakers with their role and links to their profiles.

Compact cards

Clear the Bio and use the hover layout for small photo led cards.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Team Member from the Bright Addons category onto the page.

  2. In Member, choose the Photo and Image Size, then type the Name, Position and Bio.

  3. Pick the Layout: Classic or Social icons on photo hover.

  4. In Social Links, edit each item in Links: choose the Icon, type the Label (for screen readers) and paste the Link.

  5. Set the Alignment.

  6. Open the Style tab to shape the photo and set the box, text and social icon styles.

FAQ

Questions and answers

Can I show several team members in one widget?

No. Each widget shows one person. Add one widget per column to build a team grid.

Can I add any social network?

Yes. Each item in Links uses an icon picker, so any icon from the library can be used with any link.

How do I make the photo round?

In the Style tab, open Photo, switch Width to pixels, set the same value for Width and Height, and set Border Radius to 50 percent.

Can the social icons show only on hover?

Yes. Set Layout to Social icons on photo hover. The icons then appear over the photo when it is hovered or focused.

Free forever

Team Member is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.