Widget de membro da equipe Elementor
O widget Master Addons Team Member constrói um cartão de perfil com foto, nome, designação, bio curto e ícones sociais É gratuito, com 6 variações de design no plugin gratuito (Básico Um a Cinco e Arredondado) e mais 5 em Master Addons Pro. Elementor não tem widget de membro da equipe próprio, então isso salva você empilhando uma imagem, títulos e uma lista de ícones à mão Para uma linha deslizante de pessoas, use o Slider Equipe widget.
Como adicionar uma seção de membro da equipe no Elementor
Você precisa do Elementor e do plugin gratuito Master Addons O passo a passo completo com uma grade e um carrossel está dentro Como criar uma seção de membros da equipe no Elementor.
- Verifique se o membro da equipe está ligado Complementos mestres, widgets.
- Adicione um contêiner e defina seu layout para Grade com 3 ou 4 colunas.
- Procurar por Membro da equipe no painel Elementor e arraste-o para a grade.
- Escolha uma Variação de Design, em seguida, adicione a foto, nome, designação e bio.
- Adicione ícones sociais em Perfis Sociais.
- Estilize o primeiro cartão, depois duplique-o para cada pessoa e troque o conteúdo.
11 variações de design (6 grátis, 5 profissionais)
Escolha um layout Design Variações na parte superior da guia Conteúdo. Basic One to Five e Rounded são gratuitos. Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover e Content on Hover precisam de Pro. Seu nome, foto, biografia e ícones permanecem no lugar quando você troca.
- Grátis: Básico Um, Básico Dois, Básico Três, Básico Quatro, Básico Cinco, Arredondado.
- Pro: Gradiente de Círculo, Sem Gradiente de Círculo, Esquerda Social no Hover, Direita Social no Hover, Conteúdo no Hover.
- As variações de hover mostram os ícones sociais ou bio quando um visitante aponta para o cartão.
Conteúdo do perfil e ícones sociais
Na guia Conteúdo, carregue o Imagem e escolha o tamanho da imagem Preencha Nome, Designação e Descriçãoem seguida, defina o Alinhamento de Conteúdo. Em Perfis Sociais, ligue a Exibição de Perfis Sociais e clique em Adicionar Item para cada rede Cada item tem um ícone da biblioteca de ícones do Elementor e um link Os ícones sociais têm sua própria configuração de alinhamento.
- Nome, designação e descrição são campos de texto simples.
- Adicione quantos ícones sociais você precisar, cada um com seu próprio link.
- Marque “Open em nova janela” em um link se quiser que ela seja aberta em uma nova guia.
Estilos de cartão, foto e texto
Estilos Gerais define a cor de fundo do cartão, o Raio da borda do item e a sombra da caixa. Polegar estiliza a foto com borda, raio da borda, preenchimento e margem. Conteúdo adiciona um fundo (cor ou gradiente), borda, raio, preenchimento e margem à área de texto Nome, Designação e Descrição cada um tem cor, tipografia, preenchimento e margem. Social define o tamanho do ícone, a cor do ícone e o fundo para os estados normal e de pairar.
- Defina o raio da borda do polegar para 50% para uma foto redonda.
- O preenchimento e a margem são responsivos, para que você possa apertar o cartão no celular.
- A variação Rounded adiciona uma segunda cor de fundo para seus ícones sociais.
Widgets do Elementor Principal versus o Widget do Membro da Equipe
Elementor Free e Pro não têm widget de membro da equipe Você pode construir um cartão a partir de uma Imagem, um Cabeçalho, um Editor de Texto e um widget de Ícones Sociais Aqui está como isso se compara.
| Tarefa | Widgets do Elementor Principal | Membro da equipe Master Addons |
|---|---|---|
| Widgets por cartão | 4 ou mais dentro de um recipiente | 1 |
| Layouts prontos | Nenhum, você desenha cada cartão | 6 grátis, 11 com Pro |
| Hover revelar de ícones ou bio | Precisa de CSS personalizado | Variações de hover pro |
| Cores da marca ícone social | Sim, no widget Ícones Sociais | Um conjunto de cores para todos os ícones |
| Layout liberdade | Completo, qualquer pedido de widget | Ordem fixa dentro da variação escolhida |
Widgets relacionados: Slider Equipe para um carrossel de pessoas, Caixa de informações para cartões de ícones e texto, e Flipbox para cartas com verso.
Perguntas frequentes para o membro da equipe
Como faço para criar uma grade ou lista completa da equipe com este elemento?
Cada widget é uma pessoa Adicione um contêiner, defina seu layout para Grade com o número de colunas que você deseja e coloque um widget de Membro da Equipe em cada célula Estilize a primeira carta e duplique-a para que cada carta corresponda.
Qual é a diferença entre “Circle Gradient” e “Circle No Gradient”?
Ambos são variações Pro com uma foto redonda Circle Gradient desenha uma forma colorida atrás da foto Circle No Gradient tem um fundo transparente sem forma.
Posso vincular o nome ou a imagem do membro da equipe a uma página bio dedicada?
O widget não tem campo de link para o nome ou foto Apenas os ícones sociais tomam links Para tornar todo o cartão clicável, use o gratuito Link do invólucro extensão no widget.
O perfil responde no celular?
Sim. O cartão escala com sua coluna, e as configurações de preenchimento e margem são responsivas Defina a grade para uma coluna no celular nas configurações do contêiner para que os cartões se empilhem.
O widget Membro da Equipe é gratuito?
Sim. faz parte do plugin gratuito Master Addons com 6 variações de design e todos os controles de conteúdo e estilo Master Addons Pro adiciona mais 5 variações: Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover e Content on Hover.
Quantos ícones sociais posso adicionar?
Não há limite fixo Perfis Sociais é um repetidor, então clique em Adicionar Item para cada rede A maioria dos cartões fica melhor com três a cinco ícones.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
