Team Showcase

Team Showcase

Welcome to the “Team Showcase” documentation. Looking to integrate a team section into your website? Our widget allow you to showcase your team members in a personalized and engaging way. In this guide, we'll show you how to use the editor to customize your team showcase widget.

Step 1 : Open the Editor
Step2 : Add And Customize Team Members
Step 3 : Adjust The Layout
Step 4 : Configure Settings
Step 5 : Choose Colors
Step 6 : Preview





Step 1 : Open the Editor
1. Go to Team Showcase templates.
2. Click on "Edit" after choosing your template.




Step 2: Add and customize Team members

1. In this panel, you can easily add, remove, or rearrange your team members as needed.





2. You can edit the information for each member, upload their picture, and add their website and social media links.





Step 3: Adjust the Layout

In the layout panel, you can decide if you want to show the header, adjust the gap between features, and justify content position.






Step 4: Configure settings

Here, you'll handle the settings:

1. You'll start by choosing your preferred theme to display your team members.





2. In the content customization section, you can personalize the card style, adjust roundness, borders, width, height, and content positioning.
Additionally, you have the option to include or exclude a description, button, or icon in your cards.





3. For the classic and card themes, you can adjust the image's position, width, and height.
If you've chosen a gallery theme, you can specify how and where the caption is displayed and fine-tune the background overlay.





4. In the "Popup Info" section, you can determine whether to show the popup, customize its roundness, borders, and image, and specify content positioning.





5.  Lastly, in the "Call To Action" section, you can choose whether to display the title and button. If so, you can set the button's label, link, and style to fit your preferences.





Step 5: Choose Colors

1. Within this panel, you can select colors that match your website's design.


 


Step 6: Preview

Lastly, you can click on “Preview” to see how your team showcase widget looks on both desktop and mobile devices. After this, you can proceed to the next step.



Related Articles:
Table Of Content Business Hours