Biblioteca de widgets
Documentação individual dos 55 widgets Converto: opções, campos e quando usar cada um.
56 artigos
Visão geral
Topo e rodapé
Primeira dobra
Biblioteca de widgets
Primeira Dobra 01
Primeira dobra padrão — logotipo, título, botão e uma imagem alta ao lado. Produtos, serviços e páginas institucionais.
Biblioteca de widgets
Primeira Dobra 02
Quando há um vídeo de apresentação e também uma imagem do produto ou do painel (SaaS, aplicativos, demonstrações).
Biblioteca de widgets
Primeira Dobra 03
Primeira dobra clássica com imagem larga/horizontal do produto (tablet, mockup).
Biblioteca de widgets
Primeira Dobra 04
Quando a meta é captar leads — o formulário fica dentro da primeira dobra. Captura, webinars e iscas digitais.
Biblioteca de widgets
Primeira Dobra 05
Primeira dobra centrada na imagem, com uma linha de aviso (garantia, frete, nota legal) abaixo do botão.
Biblioteca de widgets
Primeira Dobra 06
Título centralizado com imagem larga abaixo. Páginas institucionais, informativas, de agradecimento e de marca.
Biblioteca de widgets
Primeira Dobra 07
Vídeo em primeiro plano (YouTube, inclusive Shorts) ao lado do texto — carta de vendas em vídeo ou apresentação.
Biblioteca de widgets
Primeira Dobra 08
Vídeo do YouTube em 16 —9 centralizado sob o título — carta de vendas em vídeo longa.
Benefícios
Biblioteca de widgets
Benefícios 01
Lista vertical curta de benefícios (até cerca de 6 itens), sem imagens. Duas colunas (padrão) ou três, para 6 ou mais itens curtos.
Biblioteca de widgets
Benefícios 02
Muitos recursos ou benefícios curtos em grade. Quatro colunas (padrão), três ou duas — ajuste ao número de itens para não sobrar cartão.
Biblioteca de widgets
Benefícios 03
Texto de apoio de um lado e cartões de benefícios do outro — explica o "porquê" e lista os ganhos juntos.
Biblioteca de widgets
Benefícios 04
Poucos benefícios mais relevantes, em cartões com borda — diferenciais, pilares, serviços.
Biblioteca de widgets
Benefícios 05
Passo a passo ou tour de recursos em que cada item tem sua própria imagem, alternando imagem e texto ("como funciona").
Biblioteca de widgets
Benefícios 06
Cartões com imagem de destaque — linhas de produtos, categorias, módulos.
Conteúdo e títulos
Biblioteca de widgets
Conteúdo 01
Sobre, história ou explicação — texto longo com imagem ou vídeo ao lado e um botão. "Quem somos", "Sobre mim", problema e solução.
Biblioteca de widgets
Conteúdo 02
Título e texto centralizados com imagem ou vídeo ao centro — mensagem-chave, manifesto, explicação.
Biblioteca de widgets
Título
Título de seção simples, com ícone ou caixa opcional, para introduzir ou quebrar uma página longa.
Prova social
Biblioteca de widgets
Avaliações
Nota e avaliações do Google como prova social. Só funciona com um negócio do Google conectado.
Biblioteca de widgets
Instagram
Grade do feed do Instagram como prova de marca e estilo de vida. Só funciona com uma conta conectada.
Biblioteca de widgets
Estatísticas
Números concretos como prova social (clientes, anos, resultados). Exige números reais.
Biblioteca de widgets
Prova Social 01
Depoimentos escritos de clientes (nome, cargo, foto). Exige depoimentos reais.
Biblioteca de widgets
Prova Social 02
Depoimentos em vídeo do YouTube. Exige vídeos reais.
Vitrines e carrosséis
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.
Biblioteca de widgets
Vitrine 02
Artigos, posts e guias para ler a seguir — páginas informativas e hubs de conteúdo.
Biblioteca de widgets
Vitrine 03
Ferramentas, integrações, parceiros, certificações ou logotipos de clientes em grade.
Biblioteca de widgets
Vitrine 04
Cases, projetos, portfólio ou resultados com imagens.
Biblioteca de widgets
Vitrine de Links
Página inteira de "link na bio" — perfil, banners em destaque e lista de links. Use sozinha.
Biblioteca de widgets
Faixa Rolante
Faixa fina com palavras-chave ou diferenciais em rolagem; use como divisor entre seções.
Processo e decisão
Biblioteca de widgets
Comparador
Comparação lado a lado de 2 a 5 planos ou versões (ou contra concorrentes), com recursos agrupados em seções.
Biblioteca de widgets
Contador
Contagem regressiva para um prazo REAL (fim de oferta, turma, bônus, início de evento) ou uma oferta de boas-vindas com tempo limitado contada a partir do primeiro acesso.
Biblioteca de widgets
Cartões Empilhados
Pilha de cartões com foto fixada na tela enquanto o visitante rola — perfis de público, casos de uso ou resultados com números.
Biblioteca de widgets
Passos
Processo curto de 3 a 5 passos ("como funciona", "como comprar", onboarding), em círculos com ícone, selo "Passo N", título e uma frase, ligados por setas.
Biblioteca de widgets
Abas
Abas com ícone e título que trocam o painel de conteúdo (texto, imagem ou vídeo e botão) — módulos de produto, serviços por segmento, "o que está incluído" por área.
Biblioteca de widgets
Linha do Tempo
Sequência no tempo ou em etapas — história da empresa, roadmap, programação de evento, ou um "como funciona" longo com detalhes por etapa.
Ofertas e preços
Biblioteca de widgets
Oferta 01
Oferta de venda — cartão de preço com formas de pagamento e lista de benefícios ao lado (produtos digitais, cursos, e-commerce).
Biblioteca de widgets
Oferta 02
Oferta com valores riscados (empilhamento de valor, bônus, preço de âncora) e uma imagem em destaque.
Biblioteca de widgets
Oferta 03
Oferta com contagem regressiva para criar urgência, benefícios incluídos e formas de pagamento.
Biblioteca de widgets
Oferta 04
Oferta simples e centralizada — imagem, benefícios com ícones, preço e um botão.
Biblioteca de widgets
Preços 01
Vários planos com alternância mensal/anual (SaaS, assinaturas, associações).
Biblioteca de widgets
Preços 02
Exatamente dois planos lado a lado, sem alternância (básico x recomendado).
Captura de leads
Biblioteca de widgets
Captura 01
Seção de captura com uma explicação mais longa ao lado do formulário (isca digital com promessa detalhada).
Biblioteca de widgets
Captura 02
Chamada curta e centralizada com o formulário e 3 ou 4 vantagens rápidas abaixo.
Biblioteca de widgets
Captura 03
Título e botão de chamada ao lado do formulário — captura depois do hero ou no meio da página.
Biblioteca de widgets
Captura 04
Caixa equilibrada 50/50 entre título/chamada e formulário.
Biblioteca de widgets
Formulário
Um formulário já cadastrado em qualquer seção (captura no meio da página, contato, pedido de orçamento).
Chamadas para ação e perguntas
Biblioteca de widgets
Chamada para Ação 01
Chamada final (título, texto, botão e uma pequena nota de apoio). O empurrão final padrão.
Biblioteca de widgets
Chamada para Ação 02
Chamada para ação com imagem de apoio — quando um visual reforça a oferta.
Biblioteca de widgets
Chamada para Ação 03
Chamada compacta e minimalista com nota no rodapé — entre seções ou antes do rodapé.
Biblioteca de widgets
Chamada para Ação 04
Chamada para ação que também mostra várias soluções ou serviços em grade.
Biblioteca de widgets
Perguntas e Respostas 01
Perguntas frequentes em acordeão — responde objeções de preço, garantia, entrega e funcionamento.
Biblioteca de widgets
Perguntas e Respostas 02
Perguntas frequentes com uma chamada ao lado — quando a página converte logo depois das objeções.