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

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.

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.

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: ` ` This will allow you to display using the shortcode and the desired theme in your page templates.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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

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

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

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. Check Divi Builder Docs with screenshots

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.

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.

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.

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.

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.

Custom Sort Order involves two main steps:

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

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.

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)

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.

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.

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

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.

• Location
• Language
• Specialty
• Gender