The guideline below about Member Widget in Elementor will get you to walk in the right way to use the widget developed by Element Pack. Moreover, I’ll guide you in different phases of how you can insert & use the widgets to design layout for the content (text, image, and video, etc.) you want to work with and style as well.
A membership card is especially a photo card that can serve as a form of identification. There are three types of member cards like digital, paper & plastic. Here I going to show how you can make a digital member card using the member card widget.
The Content Tab having some handy sections for making an attractive web page will genuinely get you to have a structure of the web content (text, image, video, etc.). Here, you’ll be able to work with the Layout and Social Icon section.
In this section, going to Skin control, select anyone perfect one as well as default one and select image from the control of Choose Photo. In the Name & Role controls, you’ll be able to set your own team member cards.
One more important thing, if you want you can set an alternative image or social icon just enabling the YES/NO switcher button of the Alternative Photo & Social Icon controls of the Member Widget In Elementor.
There’s actually a bunch of options for the Skin. Each one has a different style and slightly different configurations for the team member widget. The Flip option is a new addition to Element Pack 5.6.0 update for creating stunning membership cards.
This section will allow you to add social icons as many as you need. Just go to Social Icon > and hit the Add Item.
You can set titles, links, and icons. Just go to any repeater and hit. Then, give the title in Title and set a link in Link control, and finally set icon from the icon library that existed in Choose Icon.
It is time to work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you want to design with the Member Widget In Elementor.
Let’s take a look.
Look. When you’re going to style any skin, you’ll need to follow what skin you’ve chosen from the Skin control.
Then you can go for the style and feel free to use the controls you find.
Here, I’ll show you the demonstration of one of the skins. The above image is about Ekip skin. Similarly, you can go for other skins like Partait, Band, Calm, Phaedra for the membership card.
With every single skin, you’ll find a photo, title, sub-title, and social icon. You’ll be able to give style to all the mentioned contents.
In this section, you can add background color, border type, border radius, opacity, and spacing. In the Hover mode, you’ll be able to set opacity and animation of the Member Widget In Elementor.
From here, you can set a color, typography, spacing for Name text and Role text.
If you need to style the icons, you’ve to work in the Social Icon section. So go to the section and use the controls that existed. Keep your eyes on the screenshot for having an idea.
Watch this quick video to get more details about how to use the team member widget in Elementor.