Destaques

O elemento Destaques organiza uma lista numa grade de cards: cada item é um card com imagem, título e texto. Use-o para apresentar perfis ou tipos, as etapas de um método e os diferenciais da oferta. Na paleta ele fica na categoria Conteúdo e nasce com dois itens de exemplo, prontos para editar. A grade nasce com duas colunas e aceita 3 ou 4 — o número escolhido é fixo, o mesmo no computador e no celular —, então 4 itens viram um 2x2 em duas colunas e uma linha só em quatro; os cards da mesma linha têm a mesma altura, mesmo com textos de tamanhos diferentes. Quando o card precisa ser clicável e virar resposta, o elemento é a Imagem da categoria Quiz; para pares de rótulo e valor, Estatísticas; para uma sequência só de imagens, o Carrossel.

Itens

A aba Conteúdo abre na seção Geral, com dois controles que valem para o elemento inteiro. Colunas escolhe 2, 3 ou 4 — sem valor, o placeholder Padrão equivale a 2 — e o número é fixo em qualquer tela, no celular também: a grade nunca fecha para menos colunas quando a largura aperta. Com 3 e 4 o card encolhe por dentro: o espaçamento interno diminui e o título e o texto caem um ou dois degraus abaixo do preset escolhido em Tipografia (com 4 colunas, o Médio vira o Muito pequeno). No celular, 4 colunas dão cards de uns 80 px de largura — uns sete caracteres por linha no título: cabem a imagem e uma palavra, e o texto quebra em linhas, inclusive no meio de uma palavra maior que o card, sem sumir. Preencher vale para a imagem de todos os itens e vem ligado. Ligado, a imagem ocupa uma capa quadrada no topo do card, cortando o que sobra. Desligado, ela aparece centralizada, na proporção original e sem corte, com no máximo 128 px de largura — o modo para logos, ilustrações e avatares.

Abaixo, a seção Itens lista os cards. O botão Adicionar, revelado ao passar o mouse pela seção, cria um item já preenchido com "Destaque N"; arraste pelo cabeçalho para reordenar, e cada item pode ser duplicado ou excluído pelas ações do próprio cabeçalho. Sem nenhum item, a seção mostra "Nenhum conteúdo" e o elemento vira uma caixa tracejada — inclusive no funil publicado.

Cada item é uma pasta expansível com três campos. Imagem abre a biblioteca de mídia (JPG, PNG, GIF, WebP e SVG, até 10 MB por arquivo): a imagem entra no topo do card, quadrada ou na proporção original conforme o toggle Preencher. Sem imagem, o card fica só com os textos — não há placeholder no lugar dela. Título é um editor de linha única, com a mesma formatação por seleção do texto — negrito, itálico, sublinhado, tachado, cor, marca-texto, limpar formatação e inserir variável —, mas Enter não cria parágrafo novo e texto colado com várias linhas é unido em uma. Texto é o mesmo editor, aí com vários parágrafos. Os dois aceitam variáveis {{variavel}}, substituídas pelo valor capturado na sessão do visitante; a barra de formatação só aparece em telas largas, e campo deixado vazio simplesmente não é renderizado.

Aparência

A aba Tema começa pela Variante, que decide o desenho da grade. Na Divisória (o padrão), os cards ficam sem fundo e sem borda: uma linha vertical separa cada par de colunas vizinhas — uma linha com 2 colunas, duas com 3, três com 4 —, pintada pela Cor da borda, e a Cor de fundo fica inerte. A Suave dá a cada item um card com fundo e sombra; a Contorno, um card só com borda — nessas duas, a Cor de fundo e a Cor da borda pintam o card de cada item. A Cor do texto pinta títulos e textos nas três.

Não há toggle Container: nenhuma variante desenha um card em volta do elemento inteiro. A Largura vai de 50% a 100% da página (sem valor, 100%) — abaixo de 100% o bloco fica centralizado e pode dividir a linha com o elemento vizinho, ver Elementos lado a lado. Na pasta Tipografia, o Tamanho por preset (de Muito pequeno a Muito grande; sem escolha, vale o Médio) escala título e texto juntos, o texto sempre um degrau abaixo do título; o Alinhamento (esquerda, centro ou direita; sem escolha, centralizado) move o texto dentro dos cards, não os cards.

Configurações

A aba Configurações traz Nome do elemento, Delay (minutos e segundos, opcionalmente atrelado a um vídeo da página) e Exibição condicional. Os Destaques não geram resposta nem evento: não aparecem na tabela de Leads nem nos números de Analytics.