Tipo: Imagem
O tipo Imagem cria um card visual com foto em destaque. É o tipo com maior impacto visual — ótimo para divulgar produtos, eventos, e-books, workshops, posts de blog e qualquer conteúdo que valha pela imagem.
Quando usar
Use imagem para destacar conteúdo que precisa ser visto antes de ser lido:
- E-books, materiais ricos, infográficos
- Produtos da sua loja
- Eventos, workshops, cursos
- Posts de blog com capa atrativa
- Promoções e ofertas
- Vídeos de plataformas (capa do YouTube, por exemplo)
Como adicionar
Na aba Links, clique em Novo Link e selecione Imagem.
Campos
| Campo | Obrigatório | Descrição |
|---|---|---|
| Tipo | sim | Escolha “Imagem” |
| Título | sim | Texto que aparece no hover (passar o mouse) |
| URL | sim | Endereço para onde o card leva ao ser clicado |
| Imagem | sim | Imagem do card (upload ou URL) |
| Legenda | não | Texto abaixo da imagem (estilo polaroid) |
| Tamanho da legenda | não | Pequeno, Médio ou Grande |
| Tamanho do grid | sim | Largura total, Grid 1x1 ou Grid 2x1 |
Tamanhos de grid
A opção “Tamanho do Grid” controla como o card aparece:
| Opção | Visual | Quando usar |
|---|---|---|
| Padrão (Largura total) | Card de largura completa | Imagens panorâmicas, capas de blog, promoções em destaque |
| Grid 1x1 (Quadrado pequeno) | Card quadrado, dois por linha | Vários itens do mesmo tipo lado a lado (ex: dois e-books) |
| Grid 2x1 (Retângulo largo) | Card retangular, dois por linha | Cards de produto, post, ou conteúdo similar em pares |
Quando você adiciona dois ou mais cards de imagem com grid diferente de “Padrão”, eles são agrupados automaticamente em uma grade de duas colunas. Isso é ótimo para criar uma “vitrine” visual.
Posição de foco da imagem
Se a imagem for muito alta ou muito larga (proporção diferente do card), o sistema usa uma posição de foco padrão (centro). Mas você pode ajustar:
- Abra o modal de edição do link
- Role até a seção “Posição de Foco da Imagem”
- Clique no ponto da imagem que deve ser o foco quando ela for cortada
- Salve
Útil para fotos de pessoas (foco no rosto), textos em banners (foco no texto), ou produtos (foco no item principal).
Adicionando legenda
A legenda aparece em uma faixa branca abaixo da imagem, em estilo “polaroid”. Você pode:
- Usar a legenda para uma chamada curta (“E-book gratuito · 32 páginas”)
- Escolher entre os tamanhos Pequeno, Médio ou Grande
A legenda não substitui o título. O título aparece quando o visitante passa o mouse sobre a imagem, a legenda aparece sempre. Use ambos para reforçar a mensagem.
Exemplo bem configurado
- Título: E-book gratuito: 5 passos para cuidar da ansiedade
- URL:
https://seudominio.com/ebook-gratuito - Imagem: (uma imagem vertical ou quadrada de boa qualidade)
- Legenda: E-book gratuito · 32 páginas
- Tamanho da legenda: Médio
- Tamanho do grid: 2x1 (para ficar lado a lado com outro card)
Próximo tipo
Quer adicionar vídeo? Veja Vídeo do YouTube.