Vitrine de Links
Página inteira de "link na bio" — perfil, banners em destaque e lista de links. Use sozinha.
Intermediário5 min de leitura
Nesta página
Visão geral
Vitrine estilo "link in bio": perfil, banners em destaque e lista de links.
| Propriedade | Valor |
|---|---|
| Nome no editor | Vitrine de Links |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-showcase-links |
| Identificador no Markdown | showcase-links |
| Papel na página | Página independente (link na bio) |
| Campos de conteúdo | 6 |
| Opções de estilo | 31 (5 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A página precisa de uma página estilo "link na bio" com perfil, banners e lista de links.
- Existe um perfil (avatar/usuário) e uma lista de links/redes para divulgar.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Vitrine de Links 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
Perfil
| Opção | Tipo | Detalhes |
|---|---|---|
| Avatar | Imagem ou arquivo | |
| Usuário (ex: @seunome) | Texto | Padrão: @seunomeaqui |
| Link do Usuário | Link | |
| Descrição | Área de texto | Padrão: Especialista em marketing digital. Ajudo negócios a crescerem online … |
Banners
| Opção | Tipo | Detalhes |
|---|---|---|
| Banners | Lista | |
| ↳ Ativo | Sim/Não | Padrão: yes |
| ↳ Programar exibição | Sim/Não | |
| ↳ Data de início | Data e hora | |
| ↳ Data de término | Data e hora | |
| ↳ Título | Texto | Padrão: Oferta Especial |
| ↳ Imagem de Fundo | Imagem ou arquivo | |
| ↳ Link do Banner | Link |
Links
| Opção | Tipo | Detalhes |
|---|---|---|
| Links | Lista | |
| ↳ Ativo | Sim/Não | Padrão: yes |
| ↳ Programar exibição | Sim/Não | |
| ↳ Data de início | Data e hora | |
| ↳ Data de término | Data e hora | |
| ↳ Thumbnail (lateral esquerda) | Imagem ou arquivo | |
| ↳ Título | Texto | Padrão: Acesse nosso conteúdo |
| ↳ Link | Link |
Opções da aba Estilo
A aba Estilo reúne 31 opções em 9 seções (a última é Animações, comum a todos os widgets Converto).
| Seção | O que ajusta |
|---|---|
| Textos | Usuário, Descrição |
| Perfil | Tamanho do Avatar, Espessura da Borda do Avatar, Cor da Borda do Avatar, Cor do Usuário, Cor da Descrição |
| Banners | Altura do Banner, Cor de Fundo, Cor do Título, Sobreposição sobre a Imagem |
| Links | Tamanho do texto, Cor do texto, Cor de Fundo, Cor da Borda, Espessura da Borda, Cor do texto / Hover, Cor de Fundo / Hover, Cor da Borda / Hover, Tamanho do Thumbnail |
| Plano de Fundo | Plano de Fundo |
| Sobreposição de Fundo | Sobreposição de Fundo, Opacidade |
| Espaçamentos | Espaço superior, Espaço inferior, Espaço entre banners, Espaço entre links |
| Arredondamentos | Avatar, Card de Banner, Card de Link, Thumbnail do Link |
| Animações | Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada) |
Comportamento responsivo
5 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-links na linha <!-- converto:showcase-links -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
avatar | Imagem ou arquivo | Não | |
username | Texto | Não | |
username_link | Link | Não | Só tem efeito quando o campo username está preenchido (o link envolve o texto do usuário, que só é impresso nesse caso). |
description | Texto | Não | |
banners_list | Lista | Não | Lista de banners em destaque (máximo de 3 exibidos, considerando apenas itens ativos e dentro do agendamento). |
↳ item_active | Sim/Não | Não | Controla se este banner é exibido. Itens inativos são ignorados no render. |
↳ use_schedule | Sim/Não | Não | Quando "sim", o banner só é exibido dentro do período definido em date_start/date_end. |
↳ date_start | Texto | Não | Usado apenas quando use_schedule = yes. Formato AAAA-MM-DD HH:MM. |
↳ date_end | Texto | Não | Usado apenas quando use_schedule = yes. Formato AAAA-MM-DD HH:MM. |
↳ banner_title | Texto | Não | |
↳ banner_image | Imagem ou arquivo | Não | |
↳ banner_link | Link | Não | |
links_list | Lista | Sim | Lista principal de links da vitrine (essência do widget). Apenas itens ativos e dentro do agendamento são exibidos. |
↳ item_active | Sim/Não | Não | Controla se este link é exibido. Itens inativos são ignorados no render. |
↳ use_schedule | Sim/Não | Não | Quando "sim", o link só é exibido dentro do período definido em date_start/date_end. |
↳ date_start | Texto | Não | Usado apenas quando use_schedule = yes. Formato AAAA-MM-DD HH:MM. |
↳ date_end | Texto | Não | Usado apenas quando use_schedule = yes. Formato AAAA-MM-DD HH:MM. |
↳ link_thumbnail | Imagem ou arquivo | Não | Quando vazio, um espaço reservado sem imagem é exibido no lugar da miniatura. |
↳ link_title | Texto | Não | |
↳ link_url | Link | Não |
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-links -->
:::content
avatar: https://exemplo.com/imagem.jpg
username: @seunomeaqui
username_link: https://exemplo.com/oferta
description: Especialista em marketing digital. Ajudo negócios a crescerem online e atrairem clientes todos os dias.
banners_list:
- item_active: yes
use_schedule: yes
date_start: Texto de exemplo
date_end: Texto de exemplo
banner_title: Oferta Especial
banner_image: https://exemplo.com/imagem.jpg
banner_link: https://exemplo.com/oferta
- item_active: yes
use_schedule: yes
date_start: Texto de exemplo
date_end: Texto de exemplo
banner_title: Oferta Especial
banner_image: https://exemplo.com/imagem.jpg
banner_link: https://exemplo.com/oferta
links_list:
- item_active: yes
use_schedule: yes
date_start: Texto de exemplo
date_end: Texto de exemplo
link_thumbnail: https://exemplo.com/imagem.jpg
link_title: Acesse nosso conteúdo
link_url: https://exemplo.com/oferta
- item_active: yes
use_schedule: yes
date_start: Texto de exemplo
date_end: Texto de exemplo
link_thumbnail: https://exemplo.com/imagem.jpg
link_title: Acesse nosso conteúdo
link_url: 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).
Este artigo foi útil?
Artigos relacionados
Biblioteca de widgets
Carrossel
Cartões rolantes (imagens ou vídeos) para serviços, soluções ou cases quando há muitos itens.
Biblioteca de widgets
Cartões Rolantes
Linhas infinitas de cartões em rolagem — portfólio visual, categorias, galeria de resultados.
Biblioteca de widgets
Vitrine 01
Pessoas — equipe, especialistas, instrutores, palestrantes.