Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Member Widget In Elementor

How to Use Member Widget In Elementor Empowered by Element Pack

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.

Content Tab

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.


Layout of the Member Widget In Elementor

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.

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.

1 19 - BdThemes

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.

Social Icon

This section will allow you to add social icons as many as you need. Just go to Social Icon > and hit the Add Item.

membership card social icons

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.

Style Tab

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.

Member Widget In Elementor style options

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.


photo style

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.

Name/ Role

Name & role of the team member

From here, you can set a color, typography, spacing for Name text and Role text.

Social Icon

Member Widget In Elementor social icon style

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.

Video Tutorial

Watch this quick video to get more details about how to use the team member widget in Elementor.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.