Team Showcase for WPBakery Page Builder WordPress Plugin

Introduction

The Team Showcase plugin is a powerful extension for WPBakery Page Builder, a popular WordPress plugin for building responsive and professional-looking websites. The Team Showcase plugin allows you to create a stylish and easy-to-navigate team section on your website, where you can display your team members' profiles, images, and details. This tutorial will walk you through the step-by-step process of using the Team Showcase plugin with WPBakery Page Builder.

Prerequisites

Before starting this tutorial, make sure you have the following:

• WordPress installed on your website
• WPBakery Page Builder installed and activated on your website
• Team Showcase plugin installed and activated on your website

Step 1: Adding the Team Showcase Module

To start using the Team Showcase plugin, you need to add the Team Showcase module to your WPBakery Page Builder layout. Here's how:

1. Log in to your WordPress dashboard and go to Pages > Add New or edit an existing page.
2. Click on the "+" icon in the WPBakery Page Builder panel to add a new module.
3. Search for "Team Showcase" in the module search bar and select the Team Showcase module from the results.
4. Click on the "Insert" button to add the module to your page.

Step 2: Configuring the Team Showcase Module

Once the Team Showcase module is added, you can configure it to display your team members' information. Here's how:

1. Hover over the Team Showcase module and click on the gear icon to open the settings panel.
2. In the settings panel, you can configure the following options:
   • Title: Enter a title for your team section.
   • Description: Enter a brief description for your team section.
   • Team Members: Add or remove team members from the list. Each team member can have a different image, name, title, and description.
   • Image Size: Choose the size of the team member images.
   • Alignment: Choose the alignment of the team member images.
   • Columns: Choose the number of columns to display the team members in.
3. Click on the "Save" button to save your changes.

Step 3: Adding Team Members

To add team members, follow these steps:

1. Hover over the Team Showcase module and click on the "Add Team Member" button.
2. Enter the team member's information, including:
   • Name: The team member's name.
   • Title: The team member's title or job description.
   • Description: A brief bio or description of the team member.
   • Image: Upload an image of the team member or enter a URL to an existing image.
3. Click on the "Save" button to save the team member.

Step 4: Customizing the Team Showcase Design

To customize the design of the Team Showcase module, you can use the various design options available. Here's how:

1. Hover over the Team Showcase module and click on the gear icon to open the settings panel.
2. In the settings panel, you can customize the following design options:
   • Background Color: Choose the background color of the team section.
   • Text Color: Choose the text color of the team section.
   • Border Color: Choose the border color of the team section.
   • Padding: Choose the padding of the team section.
3. Click on the "Save" button to save your changes.

Step 5: Publishing Your Page

Once you've configured and customized the Team Showcase module, you can publish your page. Here's how:

1. Click on the "Publish" button to publish your page.
2. Your page will be live and display the Team Showcase module with the team members' information.

That's it! You've successfully used the Team Showcase plugin with WPBakery Page Builder to create a stylish and easy-to-navigate team section on your website.