Php version: The required version is 5.6 or higher.
WordPress version: The required version is 4.3 or higher.
Login to your website and go to Plugins -> Add New
Click Upload link
Browse and select the .zip file you downloaded from Codecanyon.com
Click “Install Now” button and wait while plugin is uploaded to your server.
Click “Activate Plugin” button.
2.1. How to Activate your License
To activate your license you only need your Envato username and your purchase code.
The Envato Licensesallow to use the plugin in a single domain, but we have enabled 2 domains (One for production site and one for your testing site).
Go to TeamGrid Settings > Plugin Activation.
Envato Username: This is the username you choose when you created your Envato (Codecanyon) account.
Purchase Code: Visit your downloads page and next to TeamGrid, click on “Download > License certificate & purchase code (text)”. Then open the purchase receipt, and inside, copy the Item Purchase Code.
2.2. How to Deactivate your License
To deactivate your license you must enter the data required in the previous step.
Then in the option “Activation type” you must choose “Deactivation” and enter the URL of the website where you want to remove the license.
Tip: Deactivation can be done from any website. That is, you do not need to be on the website that you are going to deactivate. You can do it from your new website.
3. Creating a Member
Go to the left menu Team Grid > New Member
Then add the member’s data.
Member Basic Info.
Member Description: Short description. Use 15 words or less.
Member Content: Full member content.
Filters: The filters will be used to generate the Team filter.
Member Social Icons.
You can add an unlimited number of social icons.
Add additional fields such as email, phone, address, etc.
Use this option to add skills of your members.
To add a new Skill name, click on “Add New” and then add it in from the box highlighted with a yellow background.
Use the shortcodes to add the member information anywhere on the page, post or in some Elementor block or a page builder that you are using.
[ teamgrid_member id=”985″ ]
Member image: [ teamgrid_member_image id=”985″ ]
Member content: [ teamgrid_member_content id=”985″ ]
Member fields: [ teamgrid_member_fields id=”985″ ]
Member skills: [ teamgrid_member_skills id=”985″ ]
Member social icons: [ teamgrid_member_social id=”985″ ]
*Change 985 to real Member ID
id: Member ID
class: Html class for the container
4. Creating the Filters
5. Creating the Field names
6. Creating the Skills
7. Creating a Team
From here you can create the Team by inserting the previously created members and use the more than 15 available Layouts and then customize the styles to achieve the desired result.
Basic Team Info.
Layout: You can choose from the more than 15 available Layouts. All are fully customizable.
Viewer: The viewer allows you to view the complete information of the member. You can choose: Popup, Inline, Slide In Left, Slide In Right and Member Permalink.
Members: Select the members you want to show on this team.
The live preview in the admin area is a gem, as you will be able to change the colors, fonts, borders and see the changes instantly. Creating a team has never been easier!
Fully Customizable Filters.
We have made it very easy for you. You can choose from over 20 predefined and fully customizable filter styles.
There are 7 design templates and 17 layouts, making a total of 7×17 = 119 predefined and fully customizable styles.
Customize everything you want, colors, borders, fonts, backgrounds, etc. etc.
Use the shortcode to add the Team anywhere on the page, post or in some Elementor block or a page builder that you are using.