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

توسط GS Plugins

The WordPress Team Showcase plugin is your ultimate solution for displaying team members on your website. Enjoy extensive customization with over 50 elegant templates, including Grid, Circle, Horizontal, Drawer, Table, List, Slider, Popup, Filter, Panel, and Gray view. The plugin is SEO-friendly and features a re-order function for organization.

With a user-friendly Shortcode Generator settings panel and live preview option, creating stunning showcases is easy. Fully responsive layouts and customizable styles ensure a seamless experience. Simple, flexible, and powerful, the WordPress Team Showcase plugin elevates your team presentation effortlessly.

🎬 Live Demo ⬆️ Upgrade to PRO 📚 Documentation 🙋‍♂️ Support

Why are the Team Members crucial for your business?

Team members are the superheroes of your business, bringing diverse skills and ideas that strengthen creativity and success. Effective teamwork leads to satisfied customers and boosts business growth. A great team is crucial for your business to thrive.

What makes GS Team Members stand out?

Professional Team Showcase: Uplift your website’s professionalism with the GS Team Members plugin, essential for businesses and organizations.
User-Friendly Display: Simplify team management with an intuitive interface and customizable features, accessible for all skill levels.
Versatile Display Options: Boost credibility with various display settings, from grid to circle layouts, for visually impactful presentations.
Engaging Visuals: Captivate visitors with dynamic layouts and customizable style options for an appealing online presence.

Discover how WordPress Team Members enhances your website’s professionalism, user-friendliness, versatility, and visual appeal.

Comprehensive Plugin Features

Experience the Power of GS Team Members with a Rich Array of Functionalities:

50+ Designs: Choose from layout options like Grid, Circle, Horizontal, Flip, Drawer, Table, List, Slider, Filter, and Panel.
Versatile Link Options: Link team members to Single Team Page, Popup, Panel, or Drawer.
Design Variety: 5 modern design options each for Single Team Page, Popup, Panel, and Drawer.
Image Size Control: Select team member image sizes from Thumbnail, Medium, Large, or other sources.
Theme Flexibility: Switch seamlessly between Grid, Slider, or Filter themes.
Advanced Templating: Use Archive Templates and Shortcode Generator with Preview.
Multilingual Support: Compatible with multiple languages.
ACF Integration: Enhanced customization with Advanced Custom Fields (ACF).
Bulk Import: Add team data efficiently from CSV files with data import feature.
Template Override: Personalize by overriding default templates.
Google Fonts Control: Option to disable Google Fonts.
Localization Support: Translate content into languages like Japanese and Chinese during Bulk Upload.
Flexible Query Options: Filter members by location, specialty, language, and gender.
Developer-Friendly Hooks: Advanced customization with hooks.
Page Builder Compatibility: Integrates with popular page builders.
Drag-and-Drop Order: Easily arrange members, taxonomies, and terms with drag-and-drop interface.
Group Display: Showcase members by group or department.
Instant Search: Quick searches by name, company, or zip code.
Filter Options: Filter by designation, category, child Category, location, language, gender, and specialty.
Reset Filters: Convenient reset button for filters.
Multi-Select Filter: Choose multiple filter options simultaneously.
Multi-Select Ellipsis: Use ellipsis to represent multi-selected values.
Show/Hide All Filter Button: Toggle the All filter button visibility.
Pagination: Numbered Pagination, AJAX Pagination, Load More Button, Infinite Scroll & AJAX Filter for smoother user experience.
Social Media Integration: Repeatable social media links meta boxes for each member’s social profiles.
Skills Meta Box: Include a repeatable skills meta box.
Ribbon Meta Box: Add ribbon details with a dedicated meta box.
Custom CSS: Inject custom CSS for personalization.
Dummy Data Management: Import or delete dummy data.
Shortcode Management: Edit, clone, duplicate, or delete Shortcodes easily.
Multiple Shortcodes: Use multiple Shortcodes on the same page.
URL Flush: Avoid 404 errors with URL flush after installation or slug update.
Optimized Performance: Swift loading for better user experience.
Conditional Script Loading: Load scripts only where needed.
Localization Input Fields: Replace texts for localization easily.
Responsive Design: Compatible with various devices.
Theme Compatibility: Works with any standard WordPress theme.
Unlimited Members: Add unlimited team members.
Developer-Friendly: Easily customization options for developers.
Browser Compatibility: Supported across all modern browsers.
SEO Boost: Enhance SEO with schema.org markup.
W3C Valid Markup: Adheres to W3C standards.
Flexible Output: Showcase your team anywhere with Shortcodes.
Comprehensive Info: Display team members’ information and social links.
User-Friendly Setup: Easy to set up with a user-friendly interface.
RTL Support: Compatible with right-to-left languages.
Translation Ready: Translatable with included POT files.
Priority Email Support: Access dedicated support.
Free Installation: Receive free installation if needed.
Robust Documentation: Well-documented with support for queries.
Continuous Updates: Stay updated with new features and improvements.
Live Demos: 🎬 View live Demos »
Upgrade to PRO: ⬆️ Upgrade to PRO »

Available fields to add info

Team Member Name: Enter the full name.
Team Member Description: Provide a brief bio.
Designation: Specify the job title or role.
Company: Indicate the affiliated company.
Company Website: Add the company URL.
Landline Phone: Include the office phone number.
Mobile Phone: Enter the personal contact number.
Email: Provide the email address.
Address: Include physical address details.
Ribbon: Customize a ribbon for distinction.
Zip Code: Enter the postal or ZIP code.
vCard (Link): Add a link for vCard download.
Flip Image (For Flip Theme): Special image field for Flip theme.
Group/Department: Specify the affiliated group.
Language: Indicate the preferred language.
Location/City: Mention the current city.
Gender: Provide gender identification.
Specialty: Highlight special skills.
Team Member Image: Upload the profile images.
Social Icons: Choose from 470 social icons with links.
Skill: Add and reorder multiple skill fields.

Available Icons

Linkedin, Facebook, Twitter / X, Google+, Youtube, Vimeo, Instagram, Dribbble, Behance, Pinterest, Flickr, Stumbleupon, Delicious, Reddit, VK, Vine, Github, Stack Overflow, Soundcloud, Envelope / Email, Link / Website, Skype, Whatsapp, Dropbox, WordPress, Tumblr, Foursquare, Xing, Lastfm, Hacker News, Yahoo, Trello, Steam, Deviantart, Feed, Renren, Spotify, twitch, Digg, SlideShare, Bandcamp, Map Maker & Map Pin.
– Now available 470 Social & Brand Icons.

General Settings

Start by navigating to GS Team > Team Shortcode. Here, you can either create a new shortcode or edit an existing one. Once inside, you’ll land on the General Settings page.

Shortcode Name: Give your shortcode a unique identifier.
Style & Theming: Choose a theme from options like Grid, Circle, Horizontal, Flip, Drawer, Table, List, Slider, Filter, and Panel.
Enable Carousel: Switch between Grid/Carousel/Filter, unlocking features across 20 new templates in Grid, Circle, Horizontal, and Flip.
Enable Filter: Enable filter for this theme, it may not be available for certain themes.
Columns: Control the number of columns for Desktop, Tablet, Portrait Mobile, and Mobile (ranging from 1 to 6 Columns).
Link Team Members: Toggle the link for a Member’s name, description, and image to either display a popup or navigate to a single member page.
Link Type Selection:
- Single Page: Directs to an individual team member’s dedicated page.
- Popup: Displays team member details in a popup upon clicking.
- Panel: Shows details in a panel-style format.
- Drawer: Presents information in a drawer-style display.
Thumbnail Sizes: Select Team Images Size ( Thumbnail, Medium, Large, or Others ).
Show/Hide controls for:
- Member Name.
- Member Designation.
- Member Details.
- Social Connection.
- Ribbon.
- Pagination.
- Scroll Animation.
- Allow HTML for Details.
- Scroll Height.
Details Control: Set the maximum number of characters for the Member Details Control.
Scroll Height: Set the maximum height of the description; if exceeded, a scrollbar will appear.
Filter Settings (When Enabled Filter):
- Instant Search by Name: Show or Hide Instant Search.
- Instant Search by Company: Show or Hide Instant Company-wise Search.
- Instant Search by Zip: Show or Hide Instant Search by Zip Code.
- Filter by Designation: Show or Hide Filter by Designation.
- Filter by Location: Show or Hide Filter by Location.
- Filter by Language: Show or Hide Filter by Language.
- Filter by Gender: Show or Hide Filter by Gender.
- Filter by Specialty: Show or Hide Filter by Specialty.
- Reset Filters Button: Enable Reset all filters button in filter themes, Default is Off.
- Enable Multi Select: Enable multi-selection on the filters; Default is Off.
- Multi-Select Ellipsis: Show multi-selected values in ellipsis mode, Default is Off.
- Enable ‘All’ Filter: Enable All filter in the filter templates, Default is On.
- Enable Child Filters: Enable child group filters, Default is Off.
- ‘All’ Filter Text: Set your preferred text instead of All.
- Filter Columns: ( Two / Three ).
- Filter Category Position: ( Left / Center / Right )
Dynamic Preview: As you customize settings on the left, the right area displays a real-time preview.

Style Settings

Easily Customize Your Team Members Display:

To get started, navigate to GS Team > Team Shortcode. Create a new shortcode or edit an existing one. Then, proceed to the 2nd tab labeled Style Settings.

Member Name: Customize font size, weight, style, and color for member names.
Description Color: Define the color of the description.
Info Color: Set the color for additional information.
Info Icon Color: Customize the color of information icons.
Description Link Color: Define link colors within descriptions.
Item BG Color: Choose background colors for each member’s item.
Item Hover BG Color: Set background color when hovering over members.
Hover Icon BG Color: Customize icon backgrounds during hover.
Ribbon Background Color: Set background color for member ribbons.
Member Role/Designation: Customize font size, weight, style, and color for member roles.
For Carousel View Type:
- Enable Carousel Navs: Toggle navigation arrows for the carousel.
- Enable Carousel Dots: Toggle navigation dots for the carousel.
- Carousel Navs Style: Choose from One / Two / Three styles for carousel navigation arrows.
- Carousel Dots Style: Choose from One / Two / Three styles for navigation dots.
- Nav Color: Define the color for navigation arrow icons.
- Nav BG Color: Set navigation arrow icons’ background color.
- Nav Hover Color: Select hover color for navigation arrows.
- Nav Hover BG Color: Set hover background color for navigation arrow icons.
- Dots Color: Set navigation dots color.
For Filter View Type:
- Filter Tab Style: Choose from Style One / Two / Three / Four / Five for filter tabs.
- Filter Color: Define the color for filter text.
- Filter Active Color: Specify the color for the active filter tab.
- Filter Active BG Color: Set the background color for the active filter tab.
- Filter Border Color: Choose the color for filter tab borders.
- Filter Active Border Color: Choose the border color for the active filter tab.

Query Settings

Navigate to GS Team > Team Shortcode. Create or edit a shortcode, then go to the Query Settings tab.

Team Members: Set max members to display. Default -1 shows all.
Order By:
- Date: Sort by creation date.
- Team ID: Sort by ID.
- Team Name: Sort alphabetically.
- Random: Display randomly.
- Custom Order: Define specific order.
Order:
- DESC: Descending order.
- ASC: Ascending order.
Group Order By:
- Custom Order: Arrange by Drag & Drop.
- Group ID: Order by IDs.
- Group Name: Sort alphabetically.
Group Order:
- ASC: Ascending (A-Z).
- DESC: Descending (Z-A).
Hide Empty Groups: Hide groups with no members.
Group: Display members from a specific group.
Exclude Group: Exclude members from a group.
Location: Filter by location.
Language: Filter by language.
Specialty: Filter by specialty.
Gender: Filter by gender.

Preference ( Global Settings)

Navigate to GS Team > Shortcode and select Preferences.

Team Members Slug: If a 404 error occurs after updating the slug, go to Settings > Permalinks to flush the URL. Clear the cache and refresh the page.
Disable Google Fonts: Option to disable Google Fonts loading.
Select Single Page Style: Choose from styles like Style One to Five.
Enable/Disable Links for:
- Land Phone.
- Cell Phone.
- Email.
Next/Prev Member: Toggle Next/Prev Member links on the Single Team Template.
Include Fields When Searching: Enable searching through all fields.
Lazy Load: Disable Lazy Load for team member images.
Multilingual: Enable Multilingual mode for translations using plugins like WPML or Loco Translate.
Replace Preferred Text for:
Customize text for specific elements with preferred alternatives.
- Filter Designation: Modify designation filter text.
- Search: Adjust search function text.
- Company Search: Modify Company Search filter text.
- Zip Search: Customize zip code search text.
- Company: Modify company information text.
- Address: Adjust address field text.
- Land Phone: Customize landline phone text.
- Cell Phone: Modify cell phone text.
- Email: Adjust email contact text.
- Zip Code: Adjust zip code field text.
- Location: Customize location information text.
- Language: Modify language details text.
- Specialty: Adjust specialty field text.
- Gender: Customize gender text.
- Read On: Modify Read On link text.
- More: Adjust More link text.
- vCard: Customize vCard text.
- Reset Filters: Modify Reset Filters text.
- Next: Customize carousel’s Next button text.
- Prev: Adjust carousel’s Previous button text.
Custom CSS: Write additional CSS styling.

Page Builder Support

Gutenberg.
Elementor.
WPBakery.
Divi Builders.
Beaver Builder.
Oxygen Builder.
UX Builder.
TagDiv.
Genesis.

Multilingual Support

WPML
Loco Translate

Team Members Shortcode Usage

Basic Usage –
Choose a theme, view type, and other parameters to customize your display. The shortcode will be generated with an ID, like [gsteam id=1]

[gsteam id=1]

Shortcode PHP Usage

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

Documentation

If you have any questions regarding the WordPress Team Members plugin and how to work with it, We recommend referring to our comprehensive online documentation. It provides detailed information and instructions to assist you in navigating and utilizing the plugin effectively. You can find the Documentation here.

Quick Support & Bug Reporting

If you encounter any problems or discover bugs, please post them in our Support channel. We aim to respond as soon as possible (excluding holidays).

Pro users are requested to contact our support channel for dedicated assistance.

🙋‍♂️ Alternatively, you can reach out to us through our Support or WordPress.org support forum.

Development Team

Crafted and Developed with Passion by GS Plugins

Confused?

🎬 View live Demos »
📚 Documentation »

Install the Plugin with Ease: Step-by-Step Guide:

Get visual assistance and a detailed usage guide by clicking on the Visual Installation & Usage Guide »

Install using the Search Plugin option:

Go to the WordPress Admin panel
Navigate to Plugins > Add New
Search for Team Plugin
Click Install
Activate the plugin
The Team post type will appear under the Posts section

Install using the Upload Plugin option:

Download the latest version (.zip file)
In your Admin, go to the menu Plugins > Add New
Select Upload Plugin
Click on Choose File
Select downloaded gs-team-pro.zip & click on Install Now button
Activate the plugin
The Team post type will appear under the Posts/Pages section

Install Plugin using FTP:

Upload gs-team-members folder inside the /wp-content/plugins/ directory
Go to WordPress dashboard > Plugins & Activate the plugin
The Team post type will appear under the Posts/Pages section

Display on the website:

Use the [gsteam id=#] shortcode or select a different theme
Place the shortcode where you want to display it.

سوالات متداول

How to Add a New Team Member in the Plugin?

To add a new member in the plugin, follow these steps:

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.

How to display Team Members as per their ID?

To display Team Members according to their unique IDs, follow these steps:

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.

How to display Team Members randomly?

To Display Members randomly, follow these steps:

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: