Wiloke Elementor Team Member

Introduction

The Wiloke Elementor Team Member widget is a powerful tool for creating a team section on your website. It allows you to showcase your team members in a clean and professional manner, with customizable designs and features. In this tutorial, we will guide you through the step-by-step process of using the Wiloke Elementor Team Member widget to create a stunning team section on your website.

Table of Contents

1. Installing the Wiloke Elementor Team Member Widget
2. Creating a New Team Member
3. Customizing Team Member Settings
4. Adding Team Members to the Team Section
5. Customizing the Team Section Design
6. Advanced Settings and Tips

Tutorial

1. Installing the Wiloke Elementor Team Member Widget

To start using the Wiloke Elementor Team Member widget, you need to install it first. Here's how:

1. Log in to your WordPress dashboard and go to the Elementor page.
2. Click on the "Add New" button to create a new widget.
3. Search for "Wiloke Elementor Team Member" in the Elementor widget library.
4. Click on the "Install" button to install the widget.
5. Once installed, click on the "Activate" button to activate the widget.

2. Creating a New Team Member

To create a new team member, follow these steps:

1. Go to the Elementor page and click on the "Add New" button.
2. Search for "Wiloke Elementor Team Member" and select the widget.
3. Click on the "Insert" button to add the widget to your page.
4. Fill in the team member's details, such as name, title, photo, and bio.
5. Click on the "Save" button to save the team member's details.

3. Customizing Team Member Settings

To customize the team member settings, follow these steps:

1. Click on the three dots on the top right corner of the team member widget.
2. Select "Settings" from the dropdown menu.
3. In the settings menu, you can customize various options such as:
   • Image: upload a new image or use a default image.
   • Bio: add or edit the team member's bio.
   • Social media links: add links to the team member's social media profiles.
   • Contact information: add contact information such as email and phone number.
   • Custom CSS: add custom CSS styles to the team member's element.
4. Click on the "Save" button to save the settings.

4. Adding Team Members to the Team Section

To add team members to the team section, follow these steps:

1. Go to the Elementor page and create a new section or edit an existing one.
2. Add the Wiloke Elementor Team Member widget to the section.
3. Click on the "Add Team Member" button to add a new team member.
4. Select the team member you created earlier from the dropdown menu.
5. Repeat the process to add multiple team members to the section.

5. Customizing the Team Section Design

To customize the team section design, follow these steps:

1. Go to the Elementor page and create a new section or edit an existing one.
2. Add the Wiloke Elementor Team Member widget to the section.
3. Click on the three dots on the top right corner of the team member widget.
4. Select "Design" from the dropdown menu.
5. In the design menu, you can customize various options such as:
   • Grid layout: select a grid layout for the team members.
   • Image size: select the image size for the team members.
   • Border and padding: customize the border and padding for the team members.
   • Text color and typography: customize the text color and typography for the team members.
6. Click on the "Save" button to save the design settings.

6. Advanced Settings and Tips

Here are some advanced settings and tips to help you get the most out of the Wiloke Elementor Team Member widget:

• Use the "Load More" button to load more team members on the same page.
• Use the "Team Member Order" option to reorder the team members.
• Use the "Team Member Columns" option to adjust the number of columns for the team members.
• Use the "Team Member Row Height" option to adjust the row height for the team members.
• Use the "Team Member CSS Classes" option to add custom CSS classes to the team members.

By following this tutorial, you should now be able to create a stunning team section on your website using the Wiloke Elementor Team Member widget.