O Team Member Carousel (Team Member Carousel Addon / Widget for Elementor) é uma extensão e componente visual complementar para WordPress e Elementor, desenvolvido sob medida para agências de publicidade e design, consultorias empresariais, escritórios de advocacia, startups de tecnologia, clínicas médicas e odontológicas, instituições de ensino e empresas de serviços que precisam apresentar sócios, diretores, colaboradores e especialistas de maneira dinâmica, organizada e interativa em carrosséis deslizantes, sem ocupar áreas verticais extensas na página nem exigir códigos manuais de JavaScript.
Destaques:
- Apresentação Dinâmica e Otimização de Espaço Vertical: Substitui as tradicionais grades estáticas de equipes por carrosséis deslizantes modernos (sliders), permitindo exibir dezenas de colaboradores em uma única linha compacta com navegação fluida, mantendo o foco visual em retratos profissionais, cargos e credenciais da equipe.
- Integração Nativa com o Construtor Visual do Elementor (Widget Dedicado): Adiciona um componente arrastar-e-soltar (drag-and-drop) diretamente ao painel lateral do construtor, permitindo gerenciar perfis individualmente através de uma lista de itens repetíveis (repeater fields) ou conectar o widget a tipos de post customizados (CPTs de Membros da Equipe) diretamente pelos controles visuais sem encostar em linhas de código.
- Recursos Especializados de Apresentação de Colaboradores:
- Campos de Conteúdo Estruturados: Espaços dedicados para foto de perfil do profissional, nome completo, cargo/especialidade corporativa, mini-biografia resumida, e-mail direto, telefone e selos de departamento;
- Ícones de Redes Sociais com Links Diretos: Inclusão de botões vetoriais para LinkedIn, GitHub, X (Twitter), Instagram, Dribbble ou portfólios autorais, com opções para abrir links em nova aba e aplicar tags rel=”noopener”;
- Efeitos Interativos ao Passar o Cursor (Hover Transitions): Opções para revelar a biografia do profissional ou os ícones de contato apenas quando o visitante passa o mouse sobre a foto (via desfoque suave, máscara de sobreposição ou efeito cortina deslizante);
- Ações de Clique e Páginas de Perfil: Possibilidade de vincular o card do colaborador a uma página de perfil individual completa (Single Team Member Page), disparar um modal popup com currículo detalhado ou abrir formulário direto para contato.
- Controles do Motor do Carrossel (Slider Engine Controls):
- Navegação e Paginação Flexíveis: Suporte a setas direcionais personalizáveis (posicionadas nas laterais, base ou topo), pontos de paginação (dots/bullets), barra de progresso ou fração numérica (ex: 01/05);
- Autoplay Inteligente: Reprodução automática contínua com controle milimétrico de velocidade, intervalo entre slides e pausa obrigatória ao passar o cursor (pause on hover);
- Comportamento de Loop e Arraste: Rolagem contínua infinita sem saltos visuais e compatibilidade total com arraste por toque (touch swipe) e botões de mouse.
- Estilização Visual Avançada e Design System:
- Formatos e Máscaras de Imagem: Suporte a retratos retangulares tradicionais, bordas arredondadas modernas, fotos circulares ou cortes estilizados em formato de pílula;
- Controle de Tipografia e Cores Globais: Herança direta das fontes e paletas globais definidas no tema do site pelo Elementor;
- Filtros Fotográficos Integrados: Opção de aplicar tonalidades uniformes na equipe (como fotos em preto e branco que ganham cor no hover), assegurando harmonia estética mesmo quando as fotos foram tiradas em iluminações diferentes;
- Sombras de Caixa e Cartões Flutuantes: Ajustes de relevo, bordas sólidas sutis e elevação visual do card ativo.
- Performance Otimizada e 100% Responsivo:
- Controles de Colunas Independentes por Ponto de Quebra (Breakpoints): Permite definir precisamente o número de cards visíveis por vez para cada tamanho de tela (ex: 4 colaboradores no desktop, 2 no tablet e 1 no smartphone);
- Carregamento Leve e Aceleração por Hardware: Construído sobre bibliotecas de slider consolidadas e leves (como Swiper nativo do Elementor) com transições aceleradas pela GPU do navegador, evitando travamentos na rolagem e preservando pontuações saudáveis no Core Web Vitals.