The WordPress Team Showcase plugin – your all-in-one solution for seamlessly presenting your team members on your website.
Explore a ton of customization options and diverse themes within our plugin, ensuring an elegant and attention-grabbing display for your team. Whether you prefer a Grid, Circle, Horizontal, Drawer, Table, List, Slider, Popup, Filter, Panel, or Gray view, our plugin provides a versatile showcase with over 50 captivating templates. Embrace SEO-friendly designs with re-order functionality.
With our user-friendly Shortcode Generator settings panel, creating stunning team showcases is easier than ever. The live preview feature allows you to witness real-time changes, empowering you to create unique and visually appealing team displays. Expect fully responsive layouts and customizable styles for a seamless user experience.
Simple, flexible, and powerful – the WordPress Team Showcase plugin is your go-to solution for elevating your team presentation effortlessly.
Why are the Team Members crucial for your business?
Team members are like the superheroes of your business. They bring different skills and ideas, making your business stronger and more creative. When they work together well, it makes customers happy and boosts the success of your business. Having a great team is crucial for making your business grow and do really well.
What makes GS Team Members stand out?
Professional Team Showcase: Elevate your website’s professionalism with GS Team Members plugin, showcasing your team in a refined and eye-catching manner – essential for businesses and organizations.
User-Friendly Display: Simplify team management effortlessly. Our intuitive interface and customizable features ensure seamless presentation, making it accessible for users of all skill levels.
Versatile Display Options: Boost credibility with various display options. From grid to circle layouts, our plugin’s customization choices let you showcase your team in visually impactful ways.
Engaging Visuals: Create an appealing online presence with dynamic layouts and customizable styles. GS Team Members ensures your website captivates visitors with visually engaging content.
Discover what sets WordPress Team Members apart – a tool designed to enhance 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 a variety of layouts including 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: Enjoy diverse designs with 5 options each for Single Team Page, Popup, Panel, and Drawer.
Image Size Control: Select team member image sizes from Thumbnail, Medium, Large, or other registered sources.
Theme Flexibility: Switch seamlessly from Grid to Slider or Filter themes.
Advanced Templating: Utilize Archive Templates and Shortcode Generator with Preview.
Multilingual Support: Ensure compatibility with multiple languages.
ACF Integration: Advanced Custom Fields (ACF) compatibility for enhanced customization.
Bulk Import: Efficiently import team data from CSV files.
Template Override: Override default templates for a personalized touch.
Google Fonts Control: Disable Google Fonts feature as needed.
Localization Support: Translate content into languages like Japanese and Chinese during Bulk Upload.
Flexible Query Options: Filter members based on location, specialty, language, and gender.
Developer-Friendly Hooks: Leverage hooks for advanced customization.
Page Builder Compatibility: Seamlessly integrate with popular page builders.
Drag-and-Drop Order: Easily arrange members and groups using drag-and-drop functionality.
Group Display: Showcase members by group or department (category).
Instant Search: Enable quick searches by name letters, Company and zip code.
Filter Options: Filter by designation, category, child Category, location, language, gender, and specialty.
Reset Filters: Include a reset button for convenient filtering.
Multi-Select Filter: Enable users to choose multiple filter options simultaneously.
Multi-Select Ellipsis: Maintain a clean appearance by using an ellipsis to represent multi-selected values.
Show/Hide All Filter Button: Toggle the visibility of the All filter button based on design preferences.
Pagination: Implement number pagination for smoother navigation.
Social Media Integration: Add repeatable social media meta boxes for each team member.
Skills Meta Box: Include a repeatable skills meta box for comprehensive profiles.
Ribbon Meta Box: Add ribbon details through a dedicated meta box.
Custom CSS: Inject custom CSS for personalized appearances.
Dummy Data Management: Import or delete dummy data as needed.
Shortcode Management: Edit, clone, duplicate, or delete shortcodes with ease.
Multiple Shortcodes: Use multiple team member shortcodes on the same page for versatility.
URL Flush: Avoid 404 errors with URL flush after plugin installation or slug update.
Optimized Performance: Enjoy swift loading for better user experience.
Conditional Script Loading: Load scripts only where shortcode is present or on specific admin pages.
Localization Input Fields: Easily replace preferred texts for localization.
Responsive Design: Ensure compatibility with various devices through responsive design.
Theme Compatibility: Works seamlessly with any standard WordPress theme.
Unlimited Members: Add as many team members as needed.
Developer-Friendly: Easily customizable for developers.
Browser Compatibility: Supported across all modern browsers.
SEO Boost: Enhance SEO with schema.org markup.
W3C Valid Markup: Adheres to W3C standards for valid markup.
Flexible Output: Output your team showcase anywhere with generated shortcodes.
Comprehensive Info: Showcase team members’ information and social links.
User-Friendly Setup: Easy to set up with a user-friendly interface.
RTL Support: Compatible with languages that read from right to left.
Translation Ready: Translatable with included POT files.
Priority Email Support: Access dedicated support for assistance.
Free Installation: Receive free installation if needed.
Robust Documentation: Well-documented with support for queries.
Continuous Updates: Stay updated with new features and improvements.
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: Tailor the appearance of member names by setting Font Size, Weight, Style, and Color.
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 the color of links within descriptions.
Item BG Color: Choose the background color for each team member’s item.
Item Hover BG Color: Set the background color when hovering over team member items.
Hover Icon BG Color: Customize the background color of icons during hover.
Ribbon Background Color: Set the background color for any ribbons associated with team members.
Member Role/Designation: Tailor the appearance of member roles/designations by setting Font Size, Weight, Style, and Color.
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 the background color for navigation arrow icons.
Nav Hover Color: Choose the color when hovering over the navigation arrow icons.
Nav Hover BG Color: Set the background color when hovering over navigation arrow icons.
Dots Color: Define the color for navigation dots.
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
Begin by navigating to GS Team > Team Shortcode. Create a new shortcode or edit an existing one. Then proceed to the 3rd tab labeled Query Settings.
Team Members: Set the maximum number of team members you want to display. Default -1 to show all members.
Order By:
Date: Sort team members by their date of creation.
Team ID: Sort team members based on their ID.
Team Name: Arrange members alphabetically by their names.
Random: Display team members in random order.
Custom Order: Define a specific order for team members.
Order:
DESC (Descending): Arrange team members in descending order.
ASC (Ascending): Arrange team members in ascending order.
Group Order By:
Custom Order: Arrange groups by Drag & Drop.
Group ID: Order groups numerically by their assigned IDs.
Group Name: Sort groups alphabetically by their names.
Group Order:
ASC: Display groups in ascending order (A-Z).
DESC: Display groups in descending order (Z-A).
Hide Empty Groups: Enable to hide groups where no team member is assigned.
Group: Select a specific team group to display only members from that group.
Exclude Group: Select a specific team group to exclude members from that group.
Location: Filter team members by a specific location.
Language: Filter team members by a specific language.
Specialty: Filter team members by a specific specialty.
Gender: Filter team members by a specific gender.
Preference ( Global Settings)
Navigate to GS Team > Shortcode and select Preferences.
Team Members Slug: After updating the GS Team Members slug, if a member is not found and a 404 error occurs, go to Settings > Permalinks. This action will flush the URL. Clear the cache if needed and refresh the Single Team Member page to display the updated content.
Disable Google Fonts: Opt to disable the loading of Google Fonts.
Select Single Page Style: Choose a style for Single Page from options like Style One / Two / Three / Four / Five.
Enable/Disable Links for:
Land Phone.
Cell Phone.
Email.
Next / Prev Member: Toggle to show or hide Next / Prev Member links on the Single Team Template.
Include Fields When Searching: Activate to enable searching through all fields.
Lazy Load: Disable Lazy Load for team member images.
Multilingual: Enable Multilingual mode to translate strings using any Multilingual plugin like WPML or Loco Translate.
Replace Preferred Text for:
Customize the text for specific elements by replacing them with preferred …
Flip & Panel Style. Check the demo for more Flip designs.
Drawer Designs.
Table Designs.
Slider View. Check the demo for more Slider designs.
Filter View. Check the demo for more Filter designs.
Custom Order: After Drag & Drop, go to Shortcode > Crete/Edit Shortcode > Go to Query (3rd tab) > Set Order: ASC (From Dropdown). ASC/DESC may be set to your liking. > Set Order By: Custom Order (From Dropdown)
Add a New Member.
All Members.
Created a list of Shortcodes.
Create a New Shortcode with Preview.
Preferences / Localization / Custom CSS, Skip Lazy Loading & many other options.
Install Demo Data.
General Settings.
Style Settings(2nd Tab).
Query Settings (3rd Tab). Check documentation for more Query Controls.
Gutenberg Block.
Widget for Elementor.
WPBakery - Element.
Divi Builder - Module.
The plugin is compatible with Advanced Custom Fields (ACF). Check details doc - https://docs.gsplugins.com/gs-team-members/acf-support
Bulk Importer from CSV. Check details doc - https://docs.gsplugins.com/gs-team-members/bulk-import/
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)
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.
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.
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.
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.
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.
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.
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.
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.
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:
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:
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 –