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