How to Use Profile Card Widget

How to Use Profile Card Widget

Profile Card 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 it to the drop point. Follow the picture above.

Content Tab

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

Layout

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 you want to show from Select Profile. However, you can use the switchers to show/hide information on the screen. 

Custom Profile

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.

Social Icon

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

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. You can add a link to each repeater on the user menu that redirects the visitor upon clicking it.

Additional Settings

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

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.

Content Area

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

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

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

Go to Style Tab> User Name

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

Bio

Go to Style Tab> Bio

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

Status

Go to Style Tab> Status

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

Follow Button

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

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, take a tour to the demo page.



Missed The Black Friday offer this year? Get up for flat 50% discount right now.