Team with Popup

Table of Contents

With this widget, you can showcase your team members in a clean and interactive layout. On hover, it displays their name and designation, and on click, it opens a pop-up with more details about the person.

Required Setup

  • Elementor FREE Plugin installed & activated.
  • You need to have the WDesignKit plugin installed and activated.
  • Make sure you’ve created an account and logged into it.
  • Make sure you’ve downloaded the Team with Popup widget.

How to Activate the Team with Popup Widget?

Go to 

  • WDesignKit Widgets. 
  • Search the widget name and select Elementor as the Page Builder.
  • Click on the Download icon.

How to Use the Team with Popup Widget in Elementor?

Add the Team with Popup widget to the page.

Content

Once you add the widget, by default, you’ll see four repeater items under the Items section. Open one item.

From the Select Image section, you have to choose an image to see the pop-up effect.

In the Name section, you have to add the name of the team member.

From the Designation section, you have to add the designation of the team member.

From the Description section, you have to add the details of the team member. which will be visible in the popup.

In the Tel section, you can add the contact number of the team member, which will be visible in the pop-up.

In the Email section, you can add the email address of the team member, which will also be shown in the pop-up.

Then you can add up to three icons or SVGs to add social media links for the team member that will show in the popup.

You can add individual icons or SVGs and links for each.

Then, you can click the + Add Item button to add more team members.

Extra Option

From the Alignment section, you can align the team member’s name and designation for responsive devices.

You can set the number of columns for the Team Member items separately for desktop and tablet devices using the Desktop Column and Tablet Column sections, respectively.

From the Gap section, you can adjust the gap between the columns.

Then from the Style tab, you can further customize the style of the Team with Popup.