Documentation
Team Showcase documentation
How to set up and use Team Showcase: install, settings, shortcodes and fixes for common problems.
Overview
Team Showcase lets you manage your team in the dashboard and show them on any page, with clean layouts and pop-up bios.
Where to find it: Team, in the main WordPress menu.
What you need
- WordPress 6.2 or newer
- PHP 7.4 or newer
Install
- With The Vault (easiest): open The Vault in your WordPress menu, find Team Showcase and click Install. It is installed and activated for you.
- By hand: buy a license on the plugin page, then go to Plugins → Add New → Upload Plugin, choose the zip and activate it.
Updates arrive automatically from wpwizards.com, like plugins from WordPress.org.
License
This is a premium plugin. Open The Vault → Licenses, paste the key from your order confirmation and click Activate License. WP Wizards clients have every plugin included while their service is active, with no key needed. Without a license the plugin keeps working but stops receiving updates.
Quick start
- Add people. Go to Team → Add Team Member. Add a photo, name, role, and any contact and social links. Empty fields stay hidden.
- Set the order. Under Team → Arrange, drag people into order. Changes save as soon as you drop someone.
- Place the team. Add
[team_showcase]to a Divi Code or Text module, a Shortcode block or a widget.
Settings
Layout
| Layout | Grid (photo on top), Photo cards (name over the photo), List (photo left, details right) or Compact (small round photos in a row). |
|---|---|
| Columns | For Grid and Photo cards. Drops to 3 on tablets and 2 on phones. |
| Photo shape and proportions | Rounded, square or circle; portrait 4:5, square or landscape 4:3. |
| Card style | Thin border, soft shadow or flat. |
| Text alignment | Left or centered. |
Bios, socials & filters
| Bios | Open in a pop-up, show on the card, or do not show. |
|---|---|
| Bio link text | For example “Read bio”. |
| Contact & social icons | On the card and in the pop-up, one of them, or hidden. |
| Show each person’s role / Show pronouns | Extra lines on the card. |
| Group filter | Buttons to filter by group, when people are in more than one group. |
Look & names
| Accent colour | Used for buttons, icons, links and photo placeholders. Fonts come from your theme. |
|---|---|
| Corner radius | In pixels. |
| Menu name (plural / singular) | What the dashboard menu calls them, e.g. Team, Staff, Board, Speakers. |
| Custom CSS | Loaded only on pages that show the team. |
Shortcodes
[team_showcase]
Shows the team. Every attribute is optional and overrides the settings for that one spot.
| Attribute | Values | What it does |
|---|---|---|
layout |
grid, cards, list or compact | The layout. |
columns |
2 to 6 | Columns for grid and cards. |
bio |
modal, inline or none | How bios are shown. |
shape |
rounded, square or circle | Photo shape. |
ratio |
portrait, square or landscape | Photo proportions. |
socials |
both, card, modal or none | Where icons appear. |
style |
bordered, shadow or flat | Card style. |
align |
left or center | Text alignment. |
filter |
yes or no | Show the group filter. |
group |
slugs | Only these groups, comma separated. |
ids |
IDs | Only these people, comma separated. |
limit |
number | How many to show. |
orderby |
menu_order or name | Your arranged order, or by name. |
accent |
hex color | Accent for this spot. |
more |
text | The bio link text. |
class |
text | An extra CSS class. |
Place a shortcode in a Divi Text or Code module, a Shortcode block, or a widget.
Troubleshooting and questions
Someone has no “Read bio” link.
Their bio is empty. Add one and the link appears.
The order on the site is wrong.
Set it under Team → Arrange, and check the shortcode is not using orderby=”name”.
Can I show only the board?
Put those people in a group and use [team_showcase group="board"].
Get help
Stuck on something this page does not cover? Contact us and tell us which plugin and version you are on. Need it to do something it does not do yet? We build custom plugins too.
