Team Members - A WordPress Team Plugin with Gallery, Grid, Carousel, Slider, Table, List, and More

Go to the WordPress dashboard and navigate to GS Team > Add New Member
Fill out the required information, such as their name, details, and designation.
Upload a profile image.
Assign to a specific group or department.
Add their social links, such as LinkedIn, Twitter, Facebook, Google+, YouTube, or their website.
Make sure to include the full URL for each social link, starting with http:// or https://.
Finally, hit the Publish button.

You can check Add New Team section » for a visual explanation.
What is the recommended dimension for the profile picture?
For the best display across different devices, it’s advisable to use an image size of 400px by 400px for member profile pictures. WordPress will automatically generate different sizes, and you can select the appropriate image size (thumbnail/medium/large) when creating a shortcode.
How to display shortcodes in page templates?
You can easily display shortcodes in your page templates using the do_shortcode() function in WordPress. Simply add the following code to your template file:

<?php echo do_shortcode('[gsteam id=1]'); ?>

This will allow you to display using the shortcode and the desired theme in your page templates.
Can I include social media links?
Yes, you can easily add social media links using the plugin. It offers 40 different social media icons for you to choose from, and you have complete control over whether to display them or not, as well as the ability to reorder them through drag-and-drop functionality.
Does the plugin have a shortcode option?
Yes, the plugin offers a shortcode and widget to display on your website. Generate shortcode like

[gsteam id=1]

You have a choice of 50+ different themes, including Grid, Circle, Horizontal, Drawer, Table, List, Slider, Popup, Filter, Panel, and Gray.

For more information on using the shortcode attributes, check out the Shortcode Usage Guide
How many themes does the WordPress Team Showcase Plugin offer?
The WordPress Team Showcase Plugin offers 50+ different themes. Choose from a variety of layouts including Grid, Circle, Horizontal, Flip, Drawer, Table, List, Slider, Filter, and Panel.
What information can be added to the Plugin?
This plugin offers a comprehensive list of information to showcase your team members’ profiles effectively. The information you can add includes the following:

Member Name
Member Description
Designation
Company
Company Website
Landline Phone
Mobile Phone
Email
Address
Ribbon
Zip Code
vCard (Link)
Flip Image (For Flip Theme)
Group/Department
Language
Location
Gender
Specialty
Member Image
40 Social Icons with the option to add links (reorderable)
Skill fields to add as many as you want (reorderable)

Learn more with the Visual Guide
How many members can I add using the plugin?
There is no limit to the number. You can easily add, edit, delete, organize, and even reorder them with a simple drag-and-drop feature.
How to import/delete Team dummy data?
To import or delete/ remove demo data, go through the guidelines described below –

Importing Demo Data: After installing the GS Team Member Plugin,

You’ll see a notification there in the admin area - Install demo data!
Click the Install Demo Data button to import demo data and premade shortcodes.

Alternatively, you can import from the GS Team > Install Demo submenu.

How to delete dummy data: After importing the dummy data by following the procedures described above, you’ll see a Remove Data button. You can instantly delete imported data with a click on the button.
What information will be included in the import of dummy data?
The import will include the following details:
- Profiles of 6 members along with their respective details.
- 12 attachments associated with each member.
- 5 taxonomies: Group, Language, Location, Gender, and Specialty.
- Over 25 pre-made shortcodes.
What will happen if I delete the dummy data after editing and updating it for my use?
After importing the dummy data, you can edit and personalize it for your needs. The data that you have updated will become your data. If you delete the dummy data at this point, only the original, unmodified data will be deleted, and your personalized data will remain unaffected and safe.
How to generate Shortcodes?
The plugin comes with 25+ pre-made shortcodes that can be edited for your specific needs.
- To create a new shortcode, go to GS Team > Team Shortcode, and click Create New at the top right corner.
- Set your preferred settings for General Settings, Style Settings, and Query Settings.
- After giving the shortcode a name and save.
- Simply copy the generated shortcode and paste it wherever you want to display it.

Learn more with the Visual Guide.
How can I edit, duplicate, or delete a shortcode?
After importing the dummy data, you can access over 25 premade shortcodes. To edit a shortcode, you can modify its fields, such as the member name, designation, images, categories, and other meta-field values. Remember to save your changes.

Duplicating a shortcode is easy. You can duplicate any existing or newly created shortcode, including its saved settings. Simply click on the Clone button, and you will receive a notification that the Shortcode Cloned Successfully. The cloned shortcode will be named with a suffix of Cloned like: Shortcode name - Cloned.

Deleting a shortcode is straightforward, but be cautious before hitting the delete button, as it will permanently remove the shortcode.
How to Overwrite Templates?
All templates are available inside gs-team-members/templates

To override templates, create a folder named gs-team in your current themes folder, and you can override the files from the templates of the plugin.

For example, to overwrite a single template copy gs-team-single-default.php from /gs-team-members/templates/singles/gs-team-single-default.php to /yourtheme/gs-team/singles/gs-team-single.php and make the required changes. You'll see the changes in the front end.

By doing this, you can customize the plugin's templates without modifying its core code, preventing the changes from being overwritten during future updates.

The default path for template override is: gs-team
Copy any file from the plugin templates folder to /themes/theme-name/gs-team folder and override them accordingly.

However, if the user wants to set up his folder something like this: themes/theme-name/templates/gs-team
This is also possible, just need to add a filter in this theme to change the default path.

Here's it:

add_filter( 'gsteam_templates_folder', function() {
return 'templates/gs-team';
});

The partial templates can be found in gs-team-members/templates/partials. You can similarly override these templates by copying them to yourtheme/gs-team/partials.

By referring to the Template Override Documentation, you can easily customize Team Members templates to suit your project’s needs.
Is there any Page Builder Support available?
Yes, the Team Plugin offers page builder support and is currently compatible with the following page builders:

Gutenberg
Elementor
WPBakery
Divi Builder
Beaver Builder
Oxygen Builder
UX Builder – Flatsome
TagDiv – Newspaper
Genesis Frame

We also have plans to add support for additional page builders in future releases.
How to use Team Members in WordPress Gutenberg Editor?
It is compatible with WordPress Gutenberg Editor. To use in Gutenberg -
- Open page/post.
- Click on the (+) sign to add a new block.
- Search a block by Team & click on GS Team Members. If you want to avoid searching, the block is available under Layout Elements.
- GS Team Shortcode block added. Now select from premade shortcodes.
- You can Edit any selected shortcode, which will open in a new tab.
- You can also create a new shortcode from here, which will also open in a new tab.
- Publish / Update the page / Post & check.

Check Gutenberg docs and visual guide
How to use Team Members in Elementor?
The plugin is fully compatible with the Elementor page builder. Here's how to use it:
- Open the page or post where you want to add the block.
- Click on Edit with Elementor to enter the Elementor editor.
- Look for the widget by searching for Team in the Elements section or finding it in the General & GS Plugins sections.
- Drag the widget onto your page.
- Choose a premade shortcode from the available options.
- You can edit the selected shortcode by clicking on the Edit button, which will open a new tab.
- You can also create a new shortcode by clicking on the Create button, which will open a new tab.
- After making your desired changes, publish or update the page or post and view the front end to see the item displayed.

Check Elementor Docs with screenshots
How to use the plugin in WPBakery / formally Visual Composer?
The plugin is compatible with WPBakery at the backend and front-end editor. To use in WPBakery -
- Open page/post.
- Click on WPBakery Page Builder.
- Select Backend Editor or Frontend Editor.
- After selecting Backend Editor, click on Add Element.
- Search an element by Team & click on GS Team Members. It is also available under the GS Plugins tab if you want to avoid searching.
- GS Team Shortcode added. Now select from premade shortcodes.
- You can Edit any selected shortcode, which will open in a new tab.
- You can also create a new shortcode from here, which will also open in a new tab.
- Publish / Update the page / Post & check it from the front end.

** If you're working with Frontend Editor, select from premade shortcodes & save changes to see the live action.

Check WPBakery Docs with screenshots
How to use the Plugin in Divi Builders?
The plugin is compatible with Divi builder. To use in Divi builder -
- Open page/post.
- Click on Use Divi Builder.
- Select as per your need - Start Building or Browse Layouts.
- After selecting Start Building, insert Row.
- Insert Module > Search Team & click on Team Members.
- Settings popup will appear. Now select from premade shortcodes.
- Publish / Update the page / Post & check the front.

Check Divi Builder Docs with screenshots
How to use Team Members in Beaver Builder?
The GS Team Members plugin is compatible with Beaver Builder. To use GS Team Members in Beaver Builder –

Open page/post.
Click on Launch Beaver Builder.
Click on the (+) sign to add a new layout.
Drag a row.
Click on the (+) sign to add a module.
Click on the Group & select GS Plugins.
Drag the GS Team Members inside the row.
Now select from premade shortcodes and save.

See Beaver Builder docs with visuals.
How to use Team Members in Oxygen Builder?
GS Team Members plugin is compatible with Oxygen Builder. To use GS Team Members in Oxygen Builder –

Open page/post.
Click on Edit with Oxygen.
Click on the (+) sign to add a new Element.
Search the Team component or If you don’t want to search, the GS Team Members element is also found under the Basics > Other section.
Click on the GS Team Members component.
Now select from premade shortcodes and save.

Follow Oxygen Builder docs and visual guide.
How to use Team Members in UX Builder – Flatsome?
Using GS Team Members with UX Builder – Flatsome

The GS Team Members plugin is fully compatible with UX Builder – Flatsome. To incorporate GS Team Members into your UX Builder – Flatsome theme, follow these steps:

Open Page/Post: Start by opening the page or post where you want to add the Team Members.
Edit with UX Builder: Click on the Edit with UX Builder option to launch the UX Builder interface.
Add a New Element: In the UX Builder, click on the (+) sign to insert a new element into your page.
Select Layout: Under the Layout section, choose the Row element. This will add three columns to your page. However, for the best results, it’s recommended to select only one column.
Add Another Element: Click on the (+) sign again to insert a new element.
Insert HTML: Within the Content section, you’ll find the HTML element. Select this option.
Paste Team Shortcode: Now, simply paste the shortcode for your Team Members inside the HTML element.

Check UX Builder – Flatsome doc with visuals.
How to use Team Members in TagDiv – Newspaper?
GS Team Members plugin is compatible with TagDiv Composer. To use GS Team Members in the TagDiv Composer –

Open the desired page or post for editing.
Select Edit with TagDiv Composer.
Click on the (+) sign to add a new Element.
Drag and drop a Row to create a structure.
Locate the GS Team Members component.

Either manually search for GS Team Members.
Alternatively, find it conveniently under the Block Shortcodes section.

Drag the GS Team Members component into an Empty Column.
Click on the Element Settings and choose from available premade shortcodes.
Save your selections.

Check TagDiv – Newspaper doc with visuals.
How to display Team Members in Alphabetical Order?
For Alphabetical Order, you need to create or edit a shortcode.
Follow the guidelines outlined below to display team members in alphabetical orders.

Go to the GS Team in your dashboard.
Then click on the Team Shortcode
Press on the edit option which is right beside the demo shortcode if you want to edit the shortcode. You can also click on the button Create New Shortcode if you want to create a new shortcode.
Then you’ll find three settings, among which you need to go to the Query Settings which is in the third tab.
You’ll find a title labeled as Set Order in query settings. Select ASC from the dropdown.
You’ll find another title labeled Order By. Select Team Name from the dropdown.
Now, save the shortcode and you’re done.

Check Query Settings for Alphabetical Order.
How to display Team Members in Custom Order?
Custom Sort Order involves two main steps:

Step 1: Rearrange Members by Drag & Drop
Step 2: Configure Query Settings for Members

Please refer to the detailed documentation on Custom Sort Order, which includes screenshots for better understanding.
How to display Team Members in ASC/DESC order?
By default, the most recently added members will be displayed at the top of the screen in the Team Members section. Members are ordered in descending order, meaning the newest additions are shown first. However, if you prefer to display members in ascending order, you can adjust this setting using the Query Settings feature.

To arrange members in Ascending Order, follow these steps:

Go to GS Team
Team Shortcode
Crete/Edit Shortcode
Go to Query Settings (3rd tab)
Set Order > ASC (From Dropdown)
Save the Shortcode.

When you add a new Team Member and publish it in WordPress, the platform automatically assigns an ID to each member. For example, 1893 represents Hugh Jakman in this instance. Other team members have similar IDs: 1894 (Haley), 1895 (Richard), 1896 (Garza), and 1897 (Solaytic).

To arrange members based on their IDs, follow these steps:

Set the Query Settings to Order: DESC and Order By: Team ID.
With this configuration, the last published members will be displayed first, sorted according to their IDs. For instance:

1897 (Solaytic)
1896 (Garza)
1895 (Richard)
1894 (Haley)
1893 (Hugh Jakman)

Check Query Settings for the Members by Team ID.
How to display Team Member profiles as per the published date?
To Display Members as per Published Date, follow these steps:

Go to GS Team
Team Shortcode
Crete/Edit Shortcode
Go to Query Settings (3rd tab)
Set Order By: Date (From Dropdown)
Set Order: DESC (From Dropdown). ASC/DESC may be set to your liking.
Save the Shortcode.

Go to GS Team
Team Shortcode
Crete/Edit Shortcode
Go to Query Settings (3rd tab)
Set Order By: Random (From Dropdown)
Set Order: DESC (From Dropdown). ASC/DESC may be set to your liking.
Save the Shortcode.

How can I reorder Groups/Categories in the Team Members plugin?
If you need to rearrange or reorder your groups/categories within the Team Members plugin, the process is straightforward and mirrors the steps for reordering members.

Customizing the order of Groups/Categories involves two primary steps:

Step 1: Drag & Drop to rearrange Groups
Step 2: Query Settings for Groups

Please refer to the detailed documentation on Reordering Groups/Categories, which includes screenshots for better understanding.
How to Display Team Members from Specific or Multiple Categories?
To display Team Members from specific or multiple categories, follow these steps:

Go to GS Team
Team Shortcode
Crete/Edit Shortcode
Go to Query Settings (3rd tab)
Set Order: DESC (From Dropdown). ASC/DESC may be set to your liking.
Categories: Select from created categories.
Save the Shortcode.

In this way, you can display Team Members based on specific criteria such as –

Location
Language
Specialty
Gender

Check Screenshots