WBD Team Member Block

Beschrijving

WBD Team Member Block is a powerful Gutenberg team showcase plugin for WordPress that helps you create professional “Meet the Team” sections, employee showcases, staff directories, and member profile cards without coding.
Build responsive team member layouts directly inside the WordPress block editor using lightweight and SEO-friendly code optimized for performance and speed.

Live Demos | Pricing | Support

Perfect for agencies, startups, business websites, company pages, freelancer portfolios, schools, organizations, and corporate websites.

🌟 Key Benefits:

• Gutenberg Native: Works directly within the block editor. No bulky or bloated third-party page builders needed.
• 100% Responsive: Optimized for all devices—looks outstanding on mobile, tablet, and desktop screens.
• Ultra-Lightweight & Fast: Zero jQuery dependencies, clean CSS/JS, and built-in lazy loading for elite performance.
• Unlimited Styling Options: Customize every detail to match your brand identity with typography, margins, and borders.

Free Features & Layouts

• ** 6 Pre-Designed Standard Layouts:**
  • Corporate & Agency: Ultra-clean, professional grids for modern business websites.
  • Creative Hover & Image Overlay: Sleek CSS transitions that reveal details elegantly.
  • Minimal Card & Centered Profile: Classic, high-end card styles with smooth alignments.
  • Left Aligned: Modern horizontal team list layouts.
• ** Add Unlimited Team Members:** Showcase your entire team or organization with no arbitrary limits.
• ** Custom Post Type & Shortcode Support:** Manage team showcases globally under CPT menu and embed using [team_showcase id="..."] anywhere (Elementor, Gutenberg, Widgets).
• ** Google Fonts & Custom Font URL:** Built-in Google Fonts picker + Custom CSS Font URL loader.
• ** Section Header Settings:** Custom Section Title, Subtitle description, top badge label, and title font sizes.
• ** Versatile Profile Pictures:** Style photos with Square, Rounded, or Circle layouts, complete with borders.
• ** Dynamic Social Media Profile Links:** Seamlessly link to Facebook, LinkedIn, Twitter/X, and custom websites.
• ** Direct Contact Buttons:** Drive quick actions with dedicated Email, Phone, and WhatsApp buttons.
• ** Responsive Controls:** Separate column & font size controls for Desktop, Tablet, and Mobile devices.

🔥 PRO Features (Unlock Premium Power)

• ** Interactive Category Filter Tabs:** Allow visitors to filter team members by department (e.g. Developer, Designer, Manager) with instant JS tab switching.
• ** PRO Layout 1: Pill Arch Expert (capsule-pro):** Unique capsule arch photo shape (border-radius: 120px 120px 24px 24px) with soft pastel background palettes.
• ** PRO Layout 2: Staff Card Overlay (overlay-pro):** Full image card background with dark gradient overlay, white typography, and floating social share popup button.
• ** PRO Layout 3: Dark Mode Modern (dark-mode):** High-contrast, sleek dark theme preset designed for modern SaaS & Tech agencies.
• ** PRO Layout 4: Gradient Modern (gradient):** Vibrant gradient accent borders and gradient text typography.
• ** Capsule Arch Radius & Overlay Card Height Controls:** Customize arch curvature (40px – 200px) and overlay card heights (220px – 500px).
• ** Priority Support:** 24/7 Dedicated technical support and automatic update access.

Team Member Layouts

Choose from the available team showcase layouts to present your team members in a style that suits your website.

Use team member cards, centered profiles, left-aligned layouts, or image-focused designs to create a professional team section.

Perfect For

✔ Agency Team Pages
✔ Business Websites
✔ Startup Teams
✔ Corporate Staff Sections
✔ Freelancer Portfolios
✔ School Teacher Profiles
✔ Company Employee Listings
✔ Organization Member Directories

Team Profiles and Contact Links

Add profile information and contact options for your team members.

Depending on your configuration, profile cards can include:

• Name and profile image
• Job title or role
• Description or biography
• Social media links
• Email contact
• Phone contact
• WhatsApp contact
• Custom website links

Social Media Links

Add social profile links to help visitors connect with your team members. Supported social profile options include Facebook, LinkedIn, Twitter/X, and custom website links.

Responsive Team Showcase

Create team member sections designed for desktop, tablet, and mobile screens. Use responsive column and font size controls to adjust how your team profiles appear across different devices.

Why Choose WBD Team Member Block?

✔ Native Gutenberg team member block
✔ Fully responsive team showcase layouts
✔ Lightweight and fast-loading
✔ SEO-friendly clean code
✔ No jQuery dependency
✔ Easy customization controls
✔ Modern staff profile card designs
✔ Works with all WordPress themes

Development

Development repository:
https://github.com/wpbranddigital/team-member-showcase-block

Build tools:
– npm
– webpack

Source code is available in the repository.