Vitrine 01
Pessoas — equipe, especialistas, instrutores, palestrantes.
Nesta página
Visão geral
Seção de vitrine com título, descrição, grid de cartões de membros/equipe e botão de ação.
| Propriedade | Valor |
|---|---|
| Nome no editor | Vitrine 01 |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-showcase-01 |
| Identificador no Markdown | showcase-01 |
| Papel na página | Prova e portfólio |
| Campos de conteúdo | 5 |
| Opções de estilo | 22 (10 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A página precisa apresentar um time, equipe ou lista de pessoas com foto, nome, cargo e link.
- Precisa de um grid de cartões com imagens destacadas e informações de contato.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Vitrine 01 para a página (ou clique em + em uma área vazia).
- Preencha a aba Conteúdo e ajuste a aba Estilo.
O widget também pode vir pronto em um modelo de página ou ser inserido pelo Converto Construtor.
Opções da aba Conteúdo
Conteúdo
| Opção | Tipo | Detalhes |
|---|---|---|
| Título | Texto | Padrão: Tudo o que fazemos é idealizar e criar produtos incríveis |
| Descrição | Área de texto | Padrão: Nossa equipe de especialistas foca na conversão e sucesso da sua empr… |
| Lista de Cartões | Lista | |
| ↳ Imagem | Imagem ou arquivo | |
| ↳ Nome | Texto | Padrão: João Silva |
| ↳ Cargo / Texto Extra | Texto | Padrão: Especialista em Marketing |
| ↳ Link do Cargo/Email | Link | |
| Texto do Botão | Texto | Padrão: Junte-se à nossa equipe |
| Link do Botão | Link |
Opções da aba Estilo
A aba Estilo reúne 22 opções em 7 seções (a última é Animações, comum a todos os widgets Converto).
| Seção | O que ajusta |
|---|---|
| Textos | Título, Título / Altura da Linha, Descrição, Descrição / Altura da Linha, Nome do Membro, Cargo do Membro, Cargo do Membro / Altura da Linha, Botão |
| Cores | Cor do Título, Cor da Descrição, Cor do Título do Cartão, Cor da Descrição do Cartão, Cor do Texto do Botão, Cor de Fundo do Botão |
| Plano de Fundo | Plano de Fundo |
| Sobreposição de Fundo | Sobreposição de Fundo, Opacidade |
| Espaçamentos | Espaço superior, Espaço inferior, Anular espaço de cima, Anular espaço de baixo |
| Arredondamento | Raio da Borda da Foto |
| Animações | Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada) |
Comportamento responsivo
10 opções deste widget são responsivas: o Elementor permite definir valores diferentes para desktop, tablet e celular (ícones de dispositivo ao lado do campo). Para ajustes finos por largura de tela, use a sintaxe curta de media queries no campo CSS da aba Avançado.
Campos no Converto Construtor (Markdown)
Use o identificador showcase-01 na linha <!-- converto:showcase-01 -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
title | Texto | Sim | Título principal da seção. |
description | Texto | Não | Descrição ou subtítulo da seção. |
members_list | Lista | Não | Lista de membros/cartões da equipe. |
↳ member_image | Imagem ou arquivo | Não | Foto do membro. |
↳ member_name | Texto | Sim | Nome do membro. |
↳ member_role | Texto | Não | Cargo ou função do membro. |
↳ member_link | Link | Não | Link para contato (email com mailto: ou URL para perfil/website). |
button_text | Texto | Não | Texto do botão de ação. |
button_link | Link | Não | Link do botão. Requer texto do botão preenchido para ter efeito. |
Os controles da aba Estilo também podem ser usados no bloco :::style, pelos identificadores do próprio widget (campo omitido mantém o padrão). Veja a linguagem Markdown Converto.
Exemplo
<!-- converto:showcase-01 -->
:::content
title: Tudo o que fazemos é idealizar e criar produtos incríveis
description: Nossa equipe de especialistas foca na conversão e sucesso da sua empresa, garantindo resultados extraordinários.
members_list:
- member_image: https://exemplo.com/imagem.jpg
member_name: João Silva
member_role: Especialista em Marketing
member_link: https://exemplo.com/oferta
- member_image: https://exemplo.com/imagem.jpg
member_name: João Silva
member_role: Especialista em Marketing
member_link: https://exemplo.com/oferta
button_text: Junte-se à nossa equipe
button_link: https://exemplo.com/oferta
:::Recursos comuns a todos os widgets
- Textos aceitam variáveis de página (
{{rotulo}}) e marcação de texto. - Aba Avançado: campos CSS e JS por elemento (CSS e JS personalizado).
- Seção Animações na aba Estilo (Animações de entrada).