Elementor Profile Card widget is a smart widget that shows your profile with a unique style. The goal of this widget is to showcase a stunning profile to the visitors. As you have the option to showcase your posts, blogs, followers all over in the internet world, this widget hits on the spot.
To use this easy-to-use widget effectively, you need to know how it operates. Let me give you a complete guide to it!
To Insert Widget
Inserting widget is just a matter of drag and drop. However, click and hold on the widget icon from the menu and drag the profile card widget to the drop point. Follow the picture above.
Using the Content tab, you can lay the basic foundation of the Profile Card widget. Let’s begin!
Go to Content Tab> Layout
The first section Layout has some controllers and a lot of switchers. You can select different appearances from Skin, which is currently on Default. Remember, each Skin comes with a slightly different set of editable sections.
Also, you can select what profile cards you want to show from Select Profile. However, you can use the switchers to show/hide information on the screen.
Go to Content Tab> Custom Profile
In this section, you can insert any images, edit the name and username, edit the profile description, etc. Also, you can change the numbers and titles under the summary as posts or followers or anything you like on the Elementor Profile Card Widget.
Go to Content Tab> Social Icon
This section mainly lets you place social icons below the Follow button. You can add/remove the repeaters and edit the details of each repeater from this section.
Go to Content Tab> User Menu
Similar to the Social Icon section, the User Menu lets you customize the actual user menu on the top right corner of the Profile Card widget. You can add a link to each repeater on the user menu that redirects the visitor upon clicking it.
Go to Content Tab> Additional Settings
In this section, you can edit the width, position, offset of the User Menu.
Now, time for some Style. In this Style tab, you will have more options to create your unique Profile Card widget as you like. Let’s have a look.
Go to Style Tab> Header Area
The first section of the Style tab is the Header Area. In this section, you can change the color, width, border, etc. of the header part. Similarly, the Badge and User Menu also includes in the header area for further customization of the Elementor cards.
Go to Style Tab> Content Area
You can basically change the color, border, add padding, or margin to the remaining part excluding the header area of the Profile Card widget.
Go to Style Tab> Image
You can determine the size of the image form this Image section. Moreover, you can change the border, border-radius, or vertical position from Match Spacing from here.
Go to Style Tab> Full Name
You can change the color, spacing, and typography of the name of the Profile Card from this section.
Go to Style Tab> User Name
You can edit the color and typography of the user name from here.
Go to Style Tab> Bio
This section lets you edit the color, spacing, and typography of the bio of the Profile Card.
Go to Style Tab> Status
Change the color and typography of the status area of the Profile Card from this section.
Go to Style Tab> Follow Button
Basically, in this section, you can customize the appearance of the Follow button on the screen. You can however add a hover effect to it also.
Go to Style Tab> Social Icon
Lastly, you can customize the appearance of the social icons down at the bottom of the Profile Card. You can change their colors, increase their size, and select border type. Also, you will get a switcher to show/hide the Tooltip.
Well done. Seems you have learned the whole thing and how it works. It is easy and fun. Watch Video Assist and to get more in-depth ideas about the usage of the Profile Card widget by Bdthemes, take a tour to the demo page.