Animation Addons

Animation Addons

General Widgets

Team

Estimated reading: 3 minutes 39 views

Before setting up the Team Widget, make sure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you’ll get access to all free Elementor widgets, including the Team Widget—completely free! You can also explore both free and pro widgets by using the filter options.

Introduction

The Team Widget lets you display team members with images, roles, and social links in customizable layouts.

Key Use Cases for the Team Widget in Elementor:

  • Use the Team Widget to showcase your team members professionally with images, roles, and social links.
  • Create engaging team sections to highlight expertise, build credibility, and enhance your brand’s identity.

Prerequisite

  • Elementor
  • Animation Addons for Elementor

How to Activate the Team Widget?

  • Go to Animation Addons → Elements in your WordPress dashboard.
  • Find the Team Widget in the list.
  • Toggle it on to enable the widget.

Now, the Team Widget is ready to use!

How to Add the Progress Bar Widget in Elementor

  • Open the page where you want to add the Progress Bar.
  • Launch Elementor editor.
  • In the Elementor panel, search for “Team Widget”
  • Drag the Team Widget to your desired section.
  • The Progress Bar widget will now be available for customization.

How to Configure the Team Widget in Animation Addons:

  • In the Elementor panel, search for the “Team Widget.”
  • Drag and drop the widget into the desired section.
  • Customize the team member details, layout, and social links using the available options in the Elementor panel.

Your Team Widget is now ready to showcase your amazing team!

Team 2

Configuring Button Widget : A Step-by-Step Guide

Once the widget is added to your page, you can configure its settings under different tabs: Content, Style, and Advanced.

Content Settings

The Team Widget offers four configuration options: Layout, Image, Content, and Social Media, enabling precise customization for an optimized team display.

  • Layout – Choose your preferred layout style to display team members.
  • Image – Upload profile photos and control how they appear.
  • Content – Add the team member’s name, designation, and description.
  • Social Media – Insert social icons with links to platforms like Facebook, LinkedIn, Instagram, and more

Style Settings

  • Image Settings: Customize the profile picture or team member’s image to match your design. You can adjust the size, shape, and even apply hover effects for a more interactive experience.
  • Content Adjustments: Tailor the text, such as the team member’s name, role, and bio. You can choose different fonts, colors, and layout styles to ensure the content fits the overall look of your site.
Team 5
  • Social Media Integrations: Link your team members’ social media profiles directly to their profiles on the website. This allows visitors to connect easily with your team across various platforms, such as LinkedIn, Twitter, or Facebook.

These options give you full control over the presentation and functionality of your team section.

Advanced Settings 

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Team 6

Final Outcome

That’s it! You’ve successfully learned how to configure the Team Widget  in Elementor to create customizable, clickable buttons on your website.

For any further assistance or inquiries, feel free to contact our support team!

Share this Doc

Team

Or copy link

CONTENTS