Table Of Contents

Elementor Profile Card Widget

How to Use Elementor Profile Card Widget

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 Elementor Profile Card 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.

Content Tab

Using the Content tab, you can lay the basic foundation of the Profile Card widget. Let’s begin!

Layout

1 2 - BdThemes

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. 

Custom Profile

2 2 - BdThemes

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.

Social Icon

3 2 - BdThemes

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.

User Menu

4 2 - BdThemes

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.

Additional Settings

5 2 - BdThemes

Go to Content Tab> Additional Settings

In this section, you can edit the width, position, offset of the User Menu.

Style Tab

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.

Header Area

6 7 - BdThemes

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.

Content Area

7 2 - BdThemes

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.

Image

8 2 - BdThemes

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.

Full Name

9 2 - BdThemes

Go to Style Tab> Full Name

You can change the color, spacing, and typography of the name of the Profile Card from this section.

User Name

10 1 - BdThemes

Go to Style Tab> User Name

You can edit the color and typography of the user name from here.

Bio

11 - BdThemes

Go to Style Tab> Bio

This section lets you edit the color, spacing, and typography of the bio of the Profile Card.

Status

12 - BdThemes

Go to Style Tab> Status

Change the color and typography of the status area of the Profile Card from this section.

Follow Button

13 - BdThemes

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.

Social Icon

14 - BdThemes

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.

Video Assist

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.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.