How to create a team members page with Elementor

Team Members for the free version of Elementor is a new component that lets you showcase your staff on your site with their photo, position, bio, and social profiles.
You can also use this widget to publish all types of information specific to your site which uses the same codes relating to the available fields.

Use the Team Members component

The plugin Elementor is installed and active.
The plugin EAC components is installed and active.
From the settings panel (EAC advanced) you have to drag & drop the Team Members icon on the panel preview.

Team members icon

Add people to the list of members

Section Members list, tab Member
You can create as many members as you want by filling in the name, job title and a brief biography of the person.

Team members list
Member identity

Section Members list, tab Social medias.
18 fields are possible to promote certain social media.
Each of them has its own style an icon of display in accordance with the graphic charter of the social network.

Team members social medias
Member social medias

Configure general and image settings

Select the number of elements per line for each type of device.
Choose between six skins for rendering.
Select the name and job title tag.
Select the size of the images for the quality of the rendering Lazy load is automatic, round image or not, the width of the images and possibly an animation on hover.
The width of the container for social medias and the position of the icons.
Last but not least, the Content layout, which aligns content horizontally and vertically.

Team member settings
Team members settings

Apply styles to elements

You can select one of eight styles to apply to each of the cards and choose the background color.
Nothing particular for the other sections with which you will define the typography and the color of the elements.

Team members style

Leave a Comment