Ir para o conteúdo
Converto Ajuda
Biblioteca de widgets

Visão geral da biblioteca

Visão geral dos 55 widgets Converto, como escolher entre variações e o que todos têm em comum.

Iniciante8 min de leitura
Nesta página

Os widgets Converto são os blocos de construção das páginas: cada um é uma seção completa (com HTML, estilo e comportamento) que você preenche pela aba Conteúdo e ajusta pela aba Estilo. Ao todo são 55 widgets, na categoria Converto do editor.

Como escolher

Os widgets estão organizados por papel na página. Dentro de cada papel há variações numeradas (por exemplo, hero-01 a hero-08); a escolha depende do conteúdo que você tem — imagem, vídeo, número de itens — e do objetivo da página.

Painel de widgets do Elementor com a categoria Converto aberta e os widgets em grade, ao lado da página em edição.
Painel de widgets do Elementor com a categoria Converto aberta e os widgets em grade, ao lado da página em edição.

Topo e rodapé

WidgetPapelQuando escolher
TopoNavegaçãoCabeçalho do site com logotipo, menu e um botão de ação. Primeira seção das páginas completas.
RodapéConfiança e informações legaisRodapé com logotipo, colunas de links, redes sociais e direitos autorais. Última seção das páginas completas.

Primeira dobra

No painel de widgets: Topo e Primeira Dobra 01 a 07.
No painel de widgets: Topo e Primeira Dobra 01 a 07.

WidgetPapelQuando escolher
Primeira Dobra 01Atenção (primeira dobra)Primeira dobra padrão: logotipo, título, botão e uma imagem alta ao lado. Produtos, serviços e páginas institucionais.
Primeira Dobra 02Atenção (primeira dobra)Quando há um vídeo de apresentação e também uma imagem do produto ou do painel (SaaS, aplicativos, demonstrações).
Primeira Dobra 03Atenção (primeira dobra)Primeira dobra clássica com imagem larga/horizontal do produto (tablet, mockup).
Primeira Dobra 04Atenção (primeira dobra)Quando a meta é captar leads: o formulário fica dentro da primeira dobra. Captura, webinars e iscas digitais.
Primeira Dobra 05Atenção (primeira dobra)Primeira dobra centrada na imagem, com uma linha de aviso (garantia, frete, nota legal) abaixo do botão.
Primeira Dobra 06Atenção (primeira dobra)Título centralizado com imagem larga abaixo. Páginas institucionais, informativas, de agradecimento e de marca.
Primeira Dobra 07Atenção (primeira dobra)Vídeo em primeiro plano (YouTube, inclusive Shorts) ao lado do texto: carta de vendas em vídeo ou apresentação.
Primeira Dobra 08Atenção (primeira dobra)Vídeo do YouTube em 16:9 centralizado sob o título: carta de vendas em vídeo longa.

Benefícios

No painel de widgets: Benefícios 01 a 06.
No painel de widgets: Benefícios 01 a 06.

WidgetPapelQuando escolher
Benefícios 01Interesse e desejoLista 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.
Benefícios 02Interesse e desejoMuitos 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.
Benefícios 03Interesse e desejoTexto de apoio de um lado e cartões de benefícios do outro: explica o "porquê" e lista os ganhos juntos.
Benefícios 04Interesse e desejoPoucos benefícios mais relevantes, em cartões com borda: diferenciais, pilares, serviços.
Benefícios 05Interesse e desejoPasso a passo ou tour de recursos em que cada item tem sua própria imagem, alternando imagem e texto ("como funciona").
Benefícios 06Interesse e desejoCartões com imagem de destaque: linhas de produtos, categorias, módulos.

Conteúdo e títulos

No painel de widgets: Carrossel, Comparador, Conteúdo 01 e Conteúdo 02.
No painel de widgets: Carrossel, Comparador, Conteúdo 01 e Conteúdo 02.

WidgetPapelQuando escolher
Conteúdo 01Interesse (sobre e história)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.
Conteúdo 02InteresseTítulo e texto centralizados com imagem ou vídeo ao centro: mensagem-chave, manifesto, explicação.
TítuloIntrodução de seçãoTítulo de seção simples, com ícone ou caixa opcional, para introduzir ou quebrar uma página longa.

Prova social

No painel de widgets: Abas, Prova Social 01 e 02, Linha do Tempo e Título.
No painel de widgets: Abas, Prova Social 01 e 02, Linha do Tempo e Título.

WidgetPapelQuando escolher
AvaliaçõesProvaNota e avaliações do Google como prova social. Só funciona com um negócio do Google conectado.
InstagramProvaGrade do feed do Instagram como prova de marca e estilo de vida. Só funciona com uma conta conectada.
EstatísticasProvaNúmeros concretos como prova social (clientes, anos, resultados). Exige números reais.
Prova Social 01ProvaDepoimentos escritos de clientes (nome, cargo, foto). Exige depoimentos reais.
Prova Social 02ProvaDepoimentos em vídeo do YouTube. Exige vídeos reais.

Vitrines e carrosséis

No painel de widgets: Vitrine 01 a 04 e Vitrine de Links.
No painel de widgets: Vitrine 01 a 04 e Vitrine de Links.

WidgetPapelQuando escolher
CarrosselProva e portfólioCartões rolantes (imagens ou vídeos) para serviços, soluções ou cases quando há muitos itens.
Cartões RolantesReforçoLinhas infinitas de cartões em rolagem: portfólio visual, categorias, galeria de resultados.
Vitrine 01Prova e portfólioPessoas: equipe, especialistas, instrutores, palestrantes.
Vitrine 02Prova e portfólioArtigos, posts e guias para ler a seguir: páginas informativas e hubs de conteúdo.
Vitrine 03Prova e portfólioFerramentas, integrações, parceiros, certificações ou logotipos de clientes em grade.
Vitrine 04Prova e portfólioCases, projetos, portfólio ou resultados com imagens.
Vitrine de LinksPágina independente (link na bio)Página inteira de "link na bio": perfil, banners em destaque e lista de links. Use sozinha.
Faixa RolanteReforçoFaixa fina com palavras-chave ou diferenciais em rolagem; use como divisor entre seções.

Processo e decisão

No painel de widgets: Cartões Empilhados, Estatísticas, Passos e Faixa Rolante.
No painel de widgets: Cartões Empilhados, Estatísticas, Passos e Faixa Rolante.

WidgetPapelQuando escolher
ComparadorDecisão (comparar planos)Comparação lado a lado de 2 a 5 planos ou versões (ou contra concorrentes), com recursos agrupados em seções.
ContadorUrgência e decisãoContagem 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.
Cartões EmpilhadosInteresse e desejo (perfis e números)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.
PassosInteresse (como funciona)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.
AbasInteresse (explorar recursos)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.
Linha do TempoInteresse e prova de processoSequê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

No painel de widgets: Primeira Dobra 08, Instagram, Cartões Rolantes, Ofertas 01 a 04 e Preços 01.
No painel de widgets: Primeira Dobra 08, Instagram, Cartões Rolantes, Ofertas 01 a 04 e Preços 01.

WidgetPapelQuando escolher
Oferta 01Desejo e decisãoOferta de venda: cartão de preço com formas de pagamento e lista de benefícios ao lado (produtos digitais, cursos, e-commerce).
Oferta 02Desejo e decisãoOferta com valores riscados (empilhamento de valor, bônus, preço de âncora) e uma imagem em destaque.
Oferta 03Desejo e decisãoOferta com contagem regressiva para criar urgência, benefícios incluídos e formas de pagamento.
Oferta 04Desejo e decisãoOferta simples e centralizada: imagem, benefícios com ícones, preço e um botão.
Preços 01DecisãoVários planos com alternância mensal/anual (SaaS, assinaturas, associações).
Preços 02DecisãoExatamente dois planos lado a lado, sem alternância (básico x recomendado).

Captura de leads

No painel de widgets: Captura 01 a 04.
No painel de widgets: Captura 01 a 04.

WidgetPapelQuando escolher
Captura 01Ação (captura de leads)Seção de captura com uma explicação mais longa ao lado do formulário (isca digital com promessa detalhada).
Captura 02Ação (captura de leads)Chamada curta e centralizada com o formulário e 3 ou 4 vantagens rápidas abaixo.
Captura 03Ação (captura de leads)Título e botão de chamada ao lado do formulário: captura depois do hero ou no meio da página.
Captura 04Ação (captura de leads)Caixa equilibrada 50/50 entre título/chamada e formulário.
FormulárioAção (captura de leads)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

No painel de widgets: Chamada para Ação 04, Perguntas e Respostas 01 e 02 e Rodapé.
No painel de widgets: Chamada para Ação 04, Perguntas e Respostas 01 e 02 e Rodapé.

WidgetPapelQuando escolher
Chamada para Ação 01AçãoChamada final (título, texto, botão e uma pequena nota de apoio). O empurrão final padrão.
Chamada para Ação 02AçãoChamada para ação com imagem de apoio: quando um visual reforça a oferta.
Chamada para Ação 03AçãoChamada compacta e minimalista com nota no rodapé: entre seções ou antes do rodapé.
Chamada para Ação 04AçãoChamada para ação que também mostra várias soluções ou serviços em grade.
Perguntas e Respostas 01Tratamento de objeçõesPerguntas frequentes em acordeão: responde objeções de preço, garantia, entrega e funcionamento.
Perguntas e Respostas 02Tratamento de objeçõesPerguntas frequentes com uma chamada ao lado: quando a página converte logo depois das objeções.

O que todos os widgets têm em comum

RecursoDescrição
Aba ConteúdoTextos, imagens, links, listas e demais informações.
Aba EstiloTextos, cores, plano de fundo, sobreposição, arredondamento e espaçamentos, conforme o widget.
EspaçamentosEspaço superior e inferior, com opção de anular cada um.
Plano de fundo e sobreposiçãoCor, imagem ou gradiente, com camada de sobreposição e opacidade.
AnimaçõesÚltima seção da aba Estilo. Veja Animações de entrada.
Variáveis{{rotulo}} em textos e links. Veja Variáveis de página.
Marcação de texto[[destaque]], *negrito*, _itálico_, ~tachado~. Veja Marcação de texto.
CSS e JSCampos na aba Avançado. Veja CSS e JS personalizado.
MarkdownQuase todos os widgets são reconhecidos pelo Converto Construtor.

Boas práticas de composição

  • Comece por header, depois uma primeira dobra (hero) e termine com footer. O validador avisa quando há mais de um hero.
  • Uma ação principal por página, repetida nos botões e no final.
  • Só use widgets de prova (números, depoimentos, avaliações) com dados reais.
  • Contagens regressivas apenas com prazo real.
  • Páginas longas funcionam melhor alternando seções claras e escuras.
  • Veja sequências recomendadas por tipo de página em A linguagem Markdown Converto e no Catálogo de modelos.

Este artigo foi útil?

Artigos relacionados