Skip to: Getting started

Team showcase website

Getting started

Below you see an overview of pages to help you getting started, how to download and use, basic structure, examples, and more.

How to install the plugin

Setting up the Team showcase is easy, simply follow these quick steps and enjoy building awesome team showcases:

We suppose, you already have installed the WordPress CMS . If you do not know how to install WordPress, contact your hosting provider or read the the install instructions on the WordPress website

How to install

  • Click the button to download the plugin
  • Log in to your WordPress Dashboard
  • Navigate to the Plugins → Add New → Upload Plugin; Click on ‘Choose File‘ and select the zipped file named ‘awesome-team-showcase‘; Click on ‘Install Now‘;
  • Click on ‘Activate Plugin‘ button.
  • Once the plugin is installed and activated you will find a menu item named “Team showcase” in the left menu bar of the admin menu.

Creating your first team showcase

This section will explain how you can use the plugin to set up your first team showcase. It explains the two post-types "Teams" and "Members" and how they relate to each other.

The plugin created a new menu item "Team Showcase" with some sub menu items of which the most important are  "Members" and "Teams".

The members and teams will help you building your showcase, in short this is how they work:

  • Members: Here you can add the team member profiles one by one.
  • Teams: Here you can assign the members that belong to the same team and select the layout of the team.

Creating a team

The team section is where you create your team showcase. Here you can choose a layout for showcasing the team on the website and here you can find the code that you need to add the showcase to the site.

You can also start with adding members but the available Meta fields (for telephone, position, social etc...) depend on the chosen layout so we think the best way is to start with setting up the team.

1.1  Creating a team name

The team name will not show up on the website but is a way to identify the team in the CMS:

  1. Navigate to Team Showcase > Teams and Add a new team
  2. Fill in a team name for your team in the title field.
  3. Press the Publish button in the right

1.1: Creating a team name

1.2 Select a team skin

The next step is to select a skin. The skin is the layout of the team showcase that will show on the website. In the plugin you will find a couple of default skins

  • Collapse - The members are presented in a grid with a collapse panel for extra content
  • List - The members are presented in a list.

Extra skins for layover, table, carousel and custom skin options are available in the Pro plugin

Depending the skin that your choose some other settings will become available to finetune the layout to your needs.

  1. Scroll to the showcase layout section and choose a skin.
  2. Set the extra options to finetune the layout
  3. Hit publish

Select a team skin
1.2 select a team skin

Congratulations you have set up your first team you can start adding team members now.

Creating team members

After setting up a team it is time to add some team members.  The members section is where you can add these members one-by-one.

2.1 Adding a team member

  1. Navigate to Team Showcase > Members and Add a new member
  2. Fill in your members name in the title field.
  3. Add a bio (if you have one) in the content field.
  4. Add a profile image in the featured image section
  5. Press the Publish button in the right

2.1 Adding a team member

2.2 Assigning the member to a team

After you saved you first member it is time to assign this member to a team to do this you have to stay in the team member page.

  1. Scroll down to the select teams section
  2. Click the select list
  3. Assign the member to a team by selecting the team in the list.
  4. Hit the publish button

2.2 Selecting a team.

After you selected the team name you will see a tag below the select list with the assigned team name

2.2 The assigned team shows below the select list

2.3 Adding meta information

Now you assigned the member to a team you will be able to see new meta fields after you published the changes.

The meta fields are related to the chosen team layout so depending the layout you will see the new meta fields appearing in the meta data section.

  1. Scroll down to the meta data section
  2. Fill in the available fields with the user data
  3. Hit Publish

2.3 Adding extra user info in the meta data section

Congratulations you added your first team member! Now go and add some more by repeating the same process.

Ordering team members

After you created and assigned a couple of team members you may want to order them. To do this you have to go to your Team page. By default the members are ordered by their name but you can easily change this by selecting a different option from the 'Order by" select list (3).

We have 4 'order by' options

  • By Name
  • By Date
  • Random
  • Drag and Drop

Also, when name or date are selected we have the option to order the list (4) ascending or descending.

When drag and drop is selected you can re-order the team members (1)  by dragging them to a different positions. You can also remove team members from the team by clicking the trashcan (5) or you can add new members by clicking the select list "Add member"(2)

3 Ordering team members in the team


Adding a team showcase to a post

Now that you created the team and assigned the team members it is time to add the team showcase to a post. You can do this by using a shortcode

If you don't want users to remove the shortcode, in our developers edition we have the option to assign to a page by assigning it to a post in the team page

4.1 Assign a team to a post using a shortcode

A shortcode is a small piece of code that allows you to show the team showcase in a post or page by copy/pasting it into the content. You can find the shortcode in the team page

  1. Scroll down to the Shortcode & Page section.
  2. Copy the shortcode
  3. Navigate to the post/page where you want to show the showcase and copy it into the content area.
  4. Publish the post and check the preview, if all works correctly you will see the showcase in the post.

4 Copy paste the shortcode from the shortcode field

Ready to build better team pages?

Try our Beta version

What's so awesome about us?

  • Open source

    Our plugins are 100% open source and developed transparently on Bitbucket. Anyone can join the development and contribute.

  • Works with your theme

    Our plugins are carefully crafted to keep your site fast, the html is easy to read and extend and we provide the option to disable js and css files from the settings page.

  • Well documented

    Our plugins are well documented with in our knowledge base. It’s a great way to find instant answers or read tutorials to almost every question!.

  • Excellent support

    All our plugins come with full support. We’re here to help and offer expert advice on how to get the most out of your plugin.

  • Money back garantee

    We have a very simple refund policy. We will try to fix issues first. If we can't, we will definitely give your money back.

  • Regular updates

    We are regularly working to improve the plugin by adding new features, fixing bugs and keeping updated with the latest WordPress version.

Back To Top