Need to create a team member section with Elementor ?
Behind a successful business there is always a strong team. If you plan to create a website for your business with Elementor, you can easily add a team member section to a page.
Whether it's the home page, the about page, or any page you want your team members to display. Elementor itself does not have a specific widget dedicated to creating a team member section. You can use the combination of Image widget, Title widget, Text Editor widget, and Social Icons widget to create a team member section.
You can also use an add-on extension.
Three add-ons Elementor that we suggest for creating a team member section are Essential Addons, happy addons et JetElements. These add-ons, respectively, come with a dedicated widget for creating a team member section.
In this article, we are going to show you how to create a team member section with Happy Addons.
How to create a team member section in Elementor using happy addons
Before you start, make sure you have installed and activated the Happy Addons add-on. You can download the free version of Happy Addons on the directory of WordPress Plugin. Once you are ready, create a page or template where you want to add the team member section and edit it with Elementor.
Discover also: 7 Creative Ways To Use Elementor Popup Builder
Add a new section by clicking the plus button in Elementor's edit box. Select a column structure based on the team members you want to add. In this example, we will use the three column structure.
Drag the widget Team Member from the team to one of the columns in the section you just added above.
Then go to the left panel to edit the content. You can edit the content under the tab Content. There are 3 blocks you can open to edit the content:
- Information
This is the block that you can open to edit the team member's main content. You can add your team member's photo, name, job title and description. A little advice. If you want to display your team member's photo in a rounded shape, you can upload a square photo instead of a rectangle.
Social Link
You can open this block to add the social media accounts of your team members. You can simply open an existing social media profile (by clicking on it) to edit it. To add a new one, you can click on the button ADD AN ELEMENT. If you want to turn off social media profiles, you can turn off the option Show Profiles.
- Details Button
You can open this block if you want to activate the details link. Otherwise, you can ignore it.
Customize team member profiles
Once you are done editing the content, you can switch to the tab Style to customize the profile of team members. If you are using the pro version of Happy Addons, you can choose a preset to instantly get an eye-catching team member profile.
Read also: How to add a testimonial slider in Elementor
If you are using the free version of Happy Addons, you need to customize the profile of the team members yourself. There are 4 blocks you can open to do this.
- Picture
You can open this block to set your team member's photo size (width and height), set fill, border type, border width and area shadow. For your information, by default your photo contains a blue border. To remove it, you can set the border width to 0.
- Name, Job Title & Bio
You can open this block to set the typography (font family, font style, font size, etc.) of your team member's name, job title, and description (biography). You can also set the text color for these attributes.
- Social Icons
You can open this block to set the size of social media icons, fill, spacing, color, border radius, background color, etc.
- Details Button
If you activate the details link (button) under the tab Content, you can open this block to customize it. You can set things like button text typography, margin, padding, border radius, button text color, button background color, etc. You can use a different style for each state (normal and pointing).
Once you're done with the team member's profile on the first column, you can just copy it to other columns and then replace the content (photo and text). It will save you a lot of time. You can also duplicate the section if you want to add other team members.
Get Elementor Pro Now!
Conclusion
If you have any questions on how to create a team member section with Elementor, please flet us know in the Comments.
However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
But meanwhile, share this article on your different social networks.
...
