Team Showcase
Team Showcase
Welcome to the “Team Showcase” documentation.
Looking to integrate a team section into your website? Our block 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 block.
Step 1 : Open the Editor
1. Go to Team Showcase templates.
2. Click on "Edit" after choosing your template.
class="flex justify-center items-start h-auto w-auto" alt="">Step 2: Add and customize Team members
1. In this panel, you can easily add, remove, or rearrange your team members as needed.
class="flex justify-center items-start h-auto w-auto" alt="">2. You can edit the information for each member, upload their picture, and add their website and social media links.
class="flex justify-center items-start h-auto w-auto" alt="">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.
class="" alt="">Step 4: Configure settings
Here, you'll handle the settings:
1. You'll start by choosing your preferred theme to display your team members.
class="flex justify-center items-start h-auto w-auto" alt="">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.
class="flex justify-center items-start h-auto w-auto" alt="">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.
class="flex justify-center items-start h-auto w-auto" alt="">4. In the "Popup Info" section, you can determine whether to show the popup, customize its roundness, borders, and image, and specify content positioning.
class="flex justify-center items-start h-auto w-auto " alt="">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.
class="flex justify-center items-start h-auto w-auto" alt="">Step 5: Choose Colors
1. Within this panel, you can select colors that match your website's design.
class="flex justify-center items-start h-auto w-auto" alt="">Step 6: Preview
Lastly, you can click on “Preview” to see how your team showcase block looks on both desktop and mobile devices. After this, you can proceed to the next step.
class="flex justify-center items-start h-auto w-auto" alt="">